@extends('layouts.app')

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

@section('content')
<x-page-header title="Create company" subtitle="Provision a tenant and its first company admin" icon="users" icon-color="violet">
    <x-slot:actions>
        <a href="{{ route('super-admin.companies.index') }}" class="btn-ghost btn-sm">Back</a>
    </x-slot:actions>
</x-page-header>

<form method="POST" action="{{ route('super-admin.companies.store') }}" class="glass-card p-6 max-w-2xl space-y-5">
    @csrf
    <div>
        <label class="field-label">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">
        </div>
        <div>
            <label class="field-label">Admin username</label>
            <input type="text" name="username" value="{{ old('username') }}" required class="field-input">
        </div>
    </div>
    <div>
        <label class="field-label">Admin email</label>
        <input type="email" name="email" value="{{ old('email') }}" required class="field-input">
    </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">
        </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>
    <div class="grid sm:grid-cols-2 gap-4">
        <div>
            <label class="field-label">Plan (only when activating now)</label>
            <select name="plan_slug" class="field-select">
                @foreach ($plans as $plan)
                    <option value="{{ $plan->slug }}" @selected(old('plan_slug') === $plan->slug)>
                        {{ $plan->name }}@if ($plan->is_perpetual) — unlimited@else — {{ \App\Support\Currency::format($plan->monthly_price, $currency ?? 'USD') }}/mo@endif
                    </option>
                @endforeach
            </select>
            <p class="text-xs text-themed-muted mt-1">Perpetual grants unlimited access with no end date.</p>
        </div>
        <div>
            <label class="field-label">Term (months, ignored for Perpetual)</label>
            <select name="plan_months" class="field-select">
                @foreach (\App\Services\SubscriptionService::PLAN_MONTHS as $months)
                    <option value="{{ $months }}" @selected(old('plan_months', 1) == $months)>{{ $months === 1 ? '1 month' : $months.' months' }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div>
        <label class="field-label">Notes</label>
        <textarea name="payment_notes" class="field-input" rows="2">{{ old('payment_notes') }}</textarea>
    </div>
    <label class="flex items-center gap-2 text-sm text-themed-muted">
        <input type="checkbox" name="activate" value="1" class="rounded border-themed" @checked(old('activate'))>
        Activate immediately (skip pending / offline payment wait)
    </label>
    <button type="submit" class="btn-primary">Create company</button>
</form>
@endsection