@extends('layouts.app')

@section('title', 'Nova arena — '.config('app.name'))

@section('content')
    {{-- FORMULÁRIO ENXUTO DE PROPÓSITO. Só o que é indispensável para a arena
         existir e ter dono: identificação, prazo e o primeiro administrador.
         Endereço, telefones adicionais, logo e capa ficam para a tela de edição
         — pedi-los aqui alongaria o cadastro com dados que o operador
         normalmente não tem em mãos no momento da venda.

         NÃO HÁ CAMPO DE SENHA, e isso não é esquecimento: a plataforma nunca
         define nem conhece a senha de ninguém. O administrador recebe um link
         para escolher a própria, como em "Redefinir senha" da tela de detalhe. --}}
    <div class="page-head">
        <div>
            <h1 class="page-head__title">Nova arena</h1>
            <p class="page-head__subtitle">Cadastro pelo back-office da plataforma.</p>
        </div>

        <a href="{{ route('platform.organizations.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i> Voltar
        </a>
    </div>

    @include('partials.status')

    <form method="POST" action="{{ route('platform.organizations.store') }}">
        @csrf

        <div class="card mb-4">
            <div class="card-body">
                <h2 class="h6 fw-semibold mb-3">A arena</h2>

                <div class="row g-3">
                    <div class="col-md-6">
                        <label for="organization_name" class="form-label">Nome da arena</label>
                        <input type="text" id="organization_name" name="organization_name"
                               value="{{ old('organization_name') }}" required
                               class="form-control @error('organization_name') is-invalid @enderror">
                        @error('organization_name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="document" class="form-label">CPF/CNPJ</label>
                        {{-- data-mask é o mesmo gancho do formulário de perfil;
                             o masks.js alterna entre CPF e CNPJ pelo
                             comprimento. O backend normaliza de novo, então a
                             máscara é conveniência, não validação. --}}
                        <input type="text" id="document" name="document" data-mask="document"
                               value="{{ old('document') }}" required
                               class="form-control @error('document') is-invalid @enderror">
                        @error('document')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">CNPJ da empresa ou CPF, no caso do professor autônomo.</div>
                    </div>

                    <div class="col-md-6">
                        <label for="phone" class="form-label">Telefone</label>
                        <input type="text" id="phone" name="phone" data-mask="phone"
                               value="{{ old('phone') }}"
                               class="form-control @error('phone') is-invalid @enderror">
                        @error('phone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">Opcional. Entra como telefone principal do perfil.</div>
                    </div>

                    <div class="col-md-6">
                        <label for="expires_at" class="form-label">Data de expiração</label>
                        <input type="date" id="expires_at" name="expires_at"
                               value="{{ old('expires_at') }}" required
                               class="form-control @error('expires_at') is-invalid @enderror">
                        @error('expires_at')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Ainda não bloqueia o acesso — será usada quando o modelo de vendas for definido.
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body">
                <h2 class="h6 fw-semibold mb-1">Primeiro administrador</h2>
                <p class="text-body-secondary small mb-3">
                    A arena nasce com os perfis padrão e com esta pessoa como administradora.
                    Ela receberá um e-mail para definir a própria senha.
                </p>

                <div class="row g-3">
                    <div class="col-md-6">
                        <label for="name" class="form-label">Nome</label>
                        <input type="text" id="name" name="name" value="{{ old('name') }}" required
                               class="form-control @error('name') is-invalid @enderror">
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="email" class="form-label">E-mail</label>
                        <input type="email" id="email" name="email" value="{{ old('email') }}" required
                               class="form-control @error('email') is-invalid @enderror">
                        @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">Cadastrar arena</button>
            <a href="{{ route('platform.organizations.index') }}" class="btn btn-outline-secondary">Cancelar</a>
        </div>
    </form>
@endsection