@extends('layouts.app')

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

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-head__title">Minha arena</h1>
            <p class="page-head__subtitle">Os dados que seus clientes enxergam.</p>
        </div>

        @can('update', $organization)
            <div class="d-flex gap-2">
                <a href="{{ route('organization.schedule.edit') }}" class="btn btn-outline-primary">
                    <i class="bi bi-clock me-1"></i> Horários
                </a>
                <a href="{{ route('organization.edit') }}" class="btn btn-primary">Editar perfil</a>
            </div>
        @endcan
    </div>

    @include('partials.status')

    <div class="row g-4">
        <div class="col-lg-7">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="h5 card-title">{{ $organization->name }}</h2>

                    <dl class="row mb-0 small">
                        <dt class="col-sm-4 text-body-secondary fw-normal">CPF/CNPJ</dt>
                        <dd class="col-sm-8">{{ $organization->formattedDocument() }}</dd>

                        <dt class="col-sm-4 text-body-secondary fw-normal">E-mail comercial</dt>
                        <dd class="col-sm-8">{{ $organization->email ?? '—' }}</dd>
                    </dl>

                    <hr>

                    <h3 class="h6 text-body-secondary">Apresentação</h3>
                    <p class="mb-0">
                        {{-- `nl2br` sobre texto já escapado: a apresentação é
                             digitada em área de texto e as quebras de linha
                             fazem parte do conteúdo. --}}
                        @if (filled($organization->description))
                            {!! nl2br(e($organization->description)) !!}
                        @else
                            <span class="text-body-secondary">Nenhuma apresentação cadastrada.</span>
                        @endif
                    </p>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card mb-4">
                <div class="card-body">
                    <h3 class="h6 text-body-secondary">Endereço</h3>

                    @if ($organization->hasAddress())
                        <p class="mb-0">{{ $organization->formattedAddress() }}</p>
                    @else
                        <p class="mb-0 text-body-secondary">
                            Nenhum endereço cadastrado. Sem ele, os clientes não conseguem localizar a arena.
                        </p>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <h3 class="h6 text-body-secondary">Telefones</h3>

                    @forelse ($organization->formattedPhones() as $phone)
                        <div class="d-flex justify-content-between align-items-center @if (! $loop->last) mb-2 @endif">
                            <div>
                                {{-- O link usa o número sem pontuação: a
                                     máscara é para o olho humano, o discador
                                     quer só os dígitos. --}}
                                <a href="tel:{{ $phone['number'] }}">{{ $phone['formatted'] }}</a>
                                @if ($phone['label'])
                                    <span class="text-body-secondary small">— {{ $phone['label'] }}</span>
                                @endif
                            </div>

                            @if ($phone['whatsapp'])
                                <span class="badge text-bg-success-subtle border">WhatsApp</span>
                            @endif
                        </div>
                    @empty
                        <p class="mb-0 text-body-secondary">Nenhum telefone cadastrado.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="card mt-4">
        <div class="card-body">
            <h3 class="h6 text-body-secondary mb-3">Horários de funcionamento</h3>

            @php($schedule = $organization->schedule())

            <dl class="row mb-0 small">
                @foreach ($weekdays as $day)
                    @php($summary = $schedule->summary($day->value))
                    <dt class="col-5 col-sm-3 fw-normal">{{ $day->label() }}</dt>
                    <dd class="col-7 col-sm-9 @if ($summary === 'Fechado') text-body-secondary @endif">
                        {{ $summary }}
                    </dd>
                @endforeach
            </dl>
        </div>
    </div>
@endsection