@extends('layouts.app')
@section('title', __('New tenant'))
@section('page-title', 'Create new tenant')

@section('content')
<form method="POST" action="{{ route('super-admin.tenants.store') }}" class="grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-4xl">
    @csrf
    <div class="card-pad space-y-4">
        <h3 class="font-semibold">Workspace</h3>
        <div>
            <label class="form-label">Company name</label>
            <input name="name" required value="{{ old('name') }}" class="form-input">
            @error('name')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        <div>
            <label class="form-label">Slug <span class="text-slate-400 font-normal">(optional)</span></label>
            <input name="slug" value="{{ old('slug') }}" class="form-input" placeholder="auto-generated if blank">
            @error('slug')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        <div class="grid grid-cols-2 gap-3">
            <div>
                <label class="form-label">Plan</label>
                <select name="plan" class="form-select">
                    <option value="free" @selected(old('plan')==='free')>Free</option>
                    <option value="pro" @selected(old('plan')==='pro')>Pro</option>
                    <option value="enterprise" @selected(old('plan')==='enterprise')>Enterprise</option>
                </select>
            </div>
            <div>
                <label class="form-label">Status</label>
                <select name="status" class="form-select">
                    <option value="active">Active</option>
                    <option value="suspended">Suspended</option>
                </select>
            </div>
        </div>
    </div>

    <div class="card-pad space-y-4">
        <h3 class="font-semibold">Tenant admin</h3>
        <div>
            <label class="form-label">Name</label>
            <input name="admin_name" required value="{{ old('admin_name') }}" class="form-input">
            @error('admin_name')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        <div>
            <label class="form-label">Email</label>
            <input name="admin_email" type="email" required value="{{ old('admin_email') }}" class="form-input">
            @error('admin_email')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        <div>
            <label class="form-label">Password</label>
            <input name="admin_password" type="password" required class="form-input">
            @error('admin_password')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        <div>
            <label class="form-label">Confirm password</label>
            <input name="admin_password_confirmation" type="password" required class="form-input">
        </div>
    </div>

    <div class="lg:col-span-2 flex justify-end gap-2">
        <a href="{{ route('super-admin.tenants.index') }}" class="btn-secondary">Cancel</a>
        <button class="btn-primary">Create tenant</button>
    </div>
</form>
@endsection