@extends('layouts.app')

@section('title', 'Create Sub-Company')

@section('content')
<x-page-header title="Create sub-company" subtitle="Provision a virtual account under {{ $company->name }}" icon="users" icon-color="violet">
    <x-slot:actions>
        <a href="{{ route('sub-companies.index') }}" class="btn-ghost btn-sm">Back</a>
    </x-slot:actions>
</x-page-header>

<p class="text-sm text-themed-muted mb-4 max-w-2xl">
    Sub-companies are independent tenants with their own users, devices, and messages. Each new sub-company starts on the <strong>Standard</strong> plan.
</p>

<form method="POST" action="{{ route('sub-companies.store') }}" class="glass-card p-6 max-w-2xl space-y-5">
    @csrf
    <div>
        <label class="field-label">Sub-company name</label>
        <input type="text" name="company_name" value="{{ old('company_name') }}" required class="field-input">
        @error('company_name')<p class="text-red-400 text-sm mt-1">{{ $message }}</p>@enderror
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">Admin name</label>
            <input type="text" name="name" value="{{ old('name') }}" required class="field-input">
            @error('name')<p class="text-red-400 text-sm mt-1">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="field-label">Admin username</label>
            <input type="text" name="username" value="{{ old('username') }}" required class="field-input">
            @error('username')<p class="text-red-400 text-sm mt-1">{{ $message }}</p>@enderror
        </div>
    </div>
    <div>
        <label class="field-label">Admin email</label>
        <input type="email" name="email" value="{{ old('email') }}" required class="field-input">
        @error('email')<p class="text-red-400 text-sm mt-1">{{ $message }}</p>@enderror
    </div>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">Password</label>
            <input type="password" name="password" required class="field-input">
            @error('password')<p class="text-red-400 text-sm mt-1">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="field-label">Confirm password</label>
            <input type="password" name="password_confirmation" required class="field-input">
        </div>
    </div>
    <div>
        <label class="field-label">Company 2FA policy</label>
        <select name="two_factor_policy" class="field-select">
            @foreach (['inherit','disabled','optional','required'] as $policy)
                <option value="{{ $policy }}" @selected(old('two_factor_policy', 'inherit') === $policy)>{{ ucfirst($policy) }}</option>
            @endforeach
        </select>
    </div>
    <button type="submit" class="btn-primary">Create sub-company</button>
</form>
@endsection