@extends('layouts.master')
@section('title') {{ $profissional->user->name }} @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Profissionais @endslot
@slot('title') {{ $profissional->user->name }} @endslot
@endcomponent

@if (session('status'))
    <div class="alert alert-success">{{ session('status') }}</div>
@endif

<div class="row">
    <div class="col-xl-4">
        <div class="card">
            <div class="card-body text-center">
                <div class="avatar-md mx-auto mb-3">
                    <span class="avatar-title rounded-circle bg-primary-subtle text-primary fs-24">
                        {{ mb_substr($profissional->user->name, 0, 1) }}
                    </span>
                </div>
                <h5 class="mb-1">{{ $profissional->user->name }}</h5>
                <p class="text-muted mb-2">{{ $profissional->categoriaServico->nome }} &middot; {{ $profissional->localizacao }}</p>
                @if ($profissional->aprovado)
                    <span class="badge bg-success-subtle text-success">Aprovado</span>
                @else
                    <span class="badge bg-warning-subtle text-warning mb-2">A aguardar aprovação</span>
                    <form method="POST" action="{{ route('admin.profissionais.aprovar', $profissional) }}" class="mt-2">
                        @csrf
                        <button class="btn btn-sm btn-success">Aprovar profissional</button>
                    </form>
                @endif

                <hr>
                <div class="d-flex justify-content-between text-start">
                    <span class="text-muted">Email</span>
                    <span>{{ $profissional->user->email }}</span>
                </div>
                <div class="d-flex justify-content-between text-start mt-2">
                    <span class="text-muted">Preço base</span>
                    <span>€{{ number_format($profissional->preco_base, 2, ',', '.') }} {{ $profissional->preco_unidade }}</span>
                </div>
                <div class="d-flex justify-content-between text-start mt-2">
                    <span class="text-muted">Avaliação</span>
                    <span>
                        @if ($profissional->rating_cache)
                            <i class="ri-star-fill text-warning"></i> {{ number_format($profissional->rating_cache, 1, ',', '.') }} ({{ $profissional->avaliacoes_count }})
                        @else
                            —
                        @endif
                    </span>
                </div>
                <div class="d-flex justify-content-between text-start mt-2">
                    <span class="text-muted">Seguro profissional</span>
                    <span>{{ $profissional->tem_seguro ? 'Sim' : 'Não' }}</span>
                </div>
                @if ($profissional->raio_atuacao_km)
                    <div class="d-flex justify-content-between text-start mt-2">
                        <span class="text-muted">Raio de atuação</span>
                        <span>{{ $profissional->raio_atuacao_km }} km</span>
                    </div>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Serviços</h5></div>
            <ul class="list-group list-group-flush">
                @forelse ($profissional->servicos as $servico)
                    <li class="list-group-item d-flex justify-content-between">
                        <span>{{ $servico->nome }}</span>
                        <span class="fw-medium">€{{ number_format($servico->preco, 2, ',', '.') }} {{ $servico->preco_unidade }}</span>
                    </li>
                @empty
                    <li class="list-group-item text-muted">Sem serviços definidos.</li>
                @endforelse
            </ul>
        </div>

        @if ($profissional->pacotes->isNotEmpty())
            <div class="card">
                <div class="card-header"><h5 class="card-title mb-0">Pacotes</h5></div>
                <ul class="list-group list-group-flush">
                    @foreach ($profissional->pacotes as $pacote)
                        <li class="list-group-item">
                            <div class="d-flex justify-content-between">
                                <span class="fw-medium">{{ $pacote->nome }}</span>
                                <span>€{{ number_format($pacote->preco, 2, ',', '.') }}</span>
                            </div>
                            <div class="text-muted fs-13">{{ $pacote->numero_sessoes }} sessões &middot; {{ $pacote->descricao }}</div>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="col-xl-8">
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Últimas reservas</h5></div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr><th>Cliente</th><th>Cão</th><th>Quando</th><th>Preço</th><th>Estado</th></tr>
                    </thead>
                    <tbody>
                        @forelse ($profissional->reservas as $reserva)
                            <tr>
                                <td><a href="{{ route('admin.reservas.show', $reserva) }}">{{ $reserva->cliente->name }}</a></td>
                                <td>{{ $reserva->cao->nome }}</td>
                                <td>{{ $reserva->data_hora->format('d/m/Y H:i') }}</td>
                                <td>€{{ number_format($reserva->preco, 2, ',', '.') }}</td>
                                <td>@include('admin.reservas._badge-status', ['status' => $reserva->status])</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center text-muted py-4">Sem reservas.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Avaliações</h5></div>
            <div class="card-body">
                @forelse ($profissional->avaliacoes as $avaliacao)
                    <div class="d-flex mb-3 {{ !$loop->last ? 'border-bottom pb-3' : '' }}">
                        <div class="avatar-xs me-3 flex-shrink-0">
                            <span class="avatar-title rounded-circle bg-light text-body">{{ mb_substr($avaliacao->cliente->name, 0, 1) }}</span>
                        </div>
                        <div>
                            <h6 class="mb-1">{{ $avaliacao->cliente->name }} <span class="text-warning fs-13"><i class="ri-star-fill"></i> {{ number_format($avaliacao->rating, 1, ',', '.') }}</span></h6>
                            <p class="text-muted mb-1">{{ $avaliacao->texto }}</p>
                            @if ($avaliacao->resposta)
                                <div class="bg-light-subtle rounded p-2 fs-13"><strong>Resposta do profissional:</strong> {{ $avaliacao->resposta }}</div>
                            @endif
                        </div>
                    </div>
                @empty
                    <p class="text-muted mb-0">Ainda sem avaliações.</p>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection