@extends('layouts.app')

@section('title', $organization->name.' — '.config('app.name'))

@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('platform.organizations.index') }}">Arenas</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $organization->name }}</li>
        </ol>
    </nav>

    <div class="page-head">
        <div>
            <h1 class="page-head__title">
                {{ $organization->name }}
                @if ($organization->active)
                    <span class="badge text-bg-success align-middle">Ativa</span>
                @else
                    <span class="badge text-bg-danger align-middle">Suspensa</span>
                @endif
            </h1>
            <p class="page-head__subtitle">
                {{ $organization->document_type?->label() }} {{ $organization->formattedDocument() }}
                · {{ $organization->email }}
            </p>
        </div>

        <div class="d-flex gap-2">
            {{-- A MESMA AÇÃO DA LISTAGEM, aqui com o rótulo escrito. Na tabela
                 só cabe o ícone; nesta tela o operador acabou de ler os números
                 da arena e é daqui que costuma decidir entrar. --}}
            <form method="POST" action="{{ route('platform.organizations.enter', $organization) }}"
                  data-confirm="Entrar em {{ $organization->name }} como suporte? Você passa a ver e alterar os dados desta arena."
                  data-confirm-label="Entrar">
                @csrf
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-buildings me-1"></i>Administrar arena
                </button>
            </form>

            @if ($organization->active)
                <form method="POST" action="{{ route('platform.organizations.suspend', $organization) }}"
                      data-confirm="Suspender {{ $organization->name }}? Todos os usuários dela perderão o acesso." data-confirm-label="Suspender">
                    @csrf
                    <button type="submit" class="btn btn-outline-danger">Suspender arena</button>
                </form>
            @else
                <form method="POST" action="{{ route('platform.organizations.activate', $organization) }}">
                    @csrf
                    <button type="submit" class="btn btn-success">Reativar arena</button>
                </form>
            @endif
        </div>
    </div>

    @include('partials.status')

    @unless ($organization->active)
        <div class="alert alert-danger">
            Arena suspensa: os usuários dela são desconectados na próxima requisição.
            As contas individuais permanecem ativas — reativar a arena devolve o acesso a todos.
        </div>
    @endunless

    {{-- OS NÚMEROS DA ARENA.

         Esta tela é só o resumo: quem administra os usuários de dentro da
         arena é o painel dela, não o back-office. Os cartões respondem
         "qual é o tamanho desta arena", e todos contam o total — nenhum
         depende de filtro na tela. --}}
    <div class="row g-3 mb-4">
        <div class="col-md-4">
            <div class="card h-100"><div class="card-body">
                <p class="text-body-secondary mb-1 small">Usuários</p>
                <p class="fs-4 mb-0">{{ $organization->users_count }}</p>
            </div></div>
        </div>
        <div class="col-md-4">
            <div class="card h-100"><div class="card-body">
                <p class="text-body-secondary mb-1 small">Quadras</p>
                <p class="fs-4 mb-0">{{ $courtsCount }}</p>
                {{-- `maintenance` marca uma quadra ATIVA temporariamente
                     indisponível, então as duas contagens se sobrepõem de
                     propósito e não somam o total. --}}
                <p class="text-body-secondary small mb-0">
                    {{ $activeCourtsCount }} ativas · {{ $maintenanceCourtsCount }} em manutenção
                </p>
            </div></div>
        </div>
        <div class="col-md-4">
            <div class="card h-100"><div class="card-body">
                <p class="text-body-secondary mb-1 small">Reservas</p>
                <p class="fs-4 mb-0">{{ $reservationsCount }}</p>
            </div></div>
        </div>
        <div class="col-md-6">
            <div class="card h-100"><div class="card-body">
                <p class="text-body-secondary mb-1 small">Cadastrada em</p>
                <p class="fs-4 mb-0">{{ $organization->created_at->format('d/m/Y') }}</p>
            </div></div>
        </div>
        <div class="col-md-6">
            <div class="card h-100"><div class="card-body">
                <p class="text-body-secondary mb-1 small">Expira em</p>
                {{-- Sem data não é erro: arena sem `expires_at` é contrato sem
                     vencimento definido, e escrever "—" faria parecer que o
                     dado se perdeu. --}}
                <p class="fs-4 mb-0">
                    {{ $organization->expires_at?->format('d/m/Y') ?? 'Sem expiração' }}
                </p>
            </div></div>
        </div>
    </div>
@endsection