@extends('super-admin.layouts.master')

@section('content')
    <div class="md:flex md:items-center md:justify-between mb-6">
        <div class="flex-1 min-w-0">
            <h2 class="text-2xl font-bold leading-7 text-gray-900 dark:text-white sm:text-3xl sm:truncate">
                Criar Empresa
            </h2>
        </div>
    </div>

    <div class="mt-5 md:mt-0 md:col-span-2">
        <form action="{{ route('super-admin.tenants.store') }}" method="POST">
            @csrf
            <div class="shadow overflow-hidden sm:rounded-md">
                <div class="px-4 py-5 bg-white dark:bg-gray-900 sm:p-6">
                    <div class="grid grid-cols-6 gap-6">
                        <div class="col-span-6 sm:col-span-4">
                            <label for="id" class="block text-sm font-medium text-gray-700 dark:text-gray-300">ID da Empresa</label>
                            <input type="text" name="id" id="id" autocomplete="off" class="mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-white rounded-md p-2 border" placeholder="ex: empresa1">
                            <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">Identificador único para a empresa. Não poderá ser alterado posteriormente.</p>
                        </div>

                        <div class="col-span-6 sm:col-span-4">
                            <label for="domain" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Domínio</label>
                            <input type="text" name="domain" id="domain" autocomplete="off" class="mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-white rounded-md p-2 border" placeholder="ex: empresa1.growuppro.com.br">
                            <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">Domínio completo da empresa.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center justify-end gap-x-2 px-4 py-3 bg-gray-50 dark:bg-gray-800 sm:px-6">
                    <a href="{{ route('super-admin.tenants.index') }}" class="inline-flex justify-center py-2 px-4 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                        Cancelar
                    </a>
                    <button type="submit" class="primary-button">
                        Criar
                    </button>
                </div>
            </div>
        </form>
    </div>
@endsection