@php use Carbon\Carbon; @endphp
<div class="bg-white p-6 rounded-lg shadow-md">
    <h2 class="text-2xl font-semibold mb-4 text-center">
        Reservas de sala de {{Carbon::today()->format('d/m')}} a {{Carbon::today()->addDays(10)->format('d/m')}}
        <i class="fa-solid fa-calendar hover:scale-125"></i>
    </h2>

    <div class="overflow-x-auto">
        @if ($reservas->count() > 0)
            <table class="table w-full">
                <thead>
                <tr>
                    <th>Início</th>
                    <th>Local</th>
                    <th>Responsável</th>
                    <th>Situação</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($reservas as $reserva)
                    @php
                        $primeiroNome = explode(' ', $reserva->responsavel->name)[0];
                        $ultimoNome = explode(' ', $reserva->responsavel->name)[1] ?? '';
                        $inicio = Carbon::parse($reserva->inicio)->format('d/m - H:i');
                        $local = $reserva->sala->getDescricao();
                    @endphp

                        <!-- Linha clicável que abre modal -->
                    <tr class="hover:bg-base-100 cursor-pointer"
                        onclick="reserva_{{ $reserva->id }}_detalhes.showModal()">
                        <td>{{ $inicio }}</td>
                        <td>{{ $local }}</td>
                        <td>{{ $primeiroNome . ' ' . $ultimoNome }}</td>
                        <td class="text-center text-lg">
                            @if ($reserva->confirmada)
                                <i class="fa-solid fa-check text-green-600 mx-auto" title="Confirmada"></i>
                            @else
                                <i class="fa-solid fa-clock text-orange-500 mx-auto"
                                   title="Aguardando confirmação"></i>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        @else
            <p class="text-center">Sem reservas de sala para hoje</p>
        @endif

        @foreach ($reservas as $reserva)
            <dialog id="reserva_{{ $reserva->id }}_detalhes" class="modal">
                <div class="modal-box w-96">
                    <div class="flex justify-between items-center mb-4">
                        <h3 class="text-lg font-bold">Detalhes da Reserva</h3>

                        @if (Auth::user()->id === $reserva->responsavel_id)
                            <div class="flex gap-2">
                                <!-- Botão de editar -->
                                <button type="button" class="btn btn-sm btn-info" x-data
                                        @click="$store.reservaModal.editReserva({{ $reserva->id }}, '{{ $reserva->sala->value }}', '{{ $reserva->inicio }}', '{{ $reserva->fim }}', {{ $reserva->quantidade_pessoas }}, {{ $reserva->agua ? 'true' : 'false' }}, {{ $reserva->cafe ? 'true' : 'false' }}, {{ $reserva->notebook ? 'true' : 'false' }}, '{{ addslashes($reserva->assunto) }}', '{{ addslashes($reserva->observacoes ?? '') }}')"
                                        title="Editar reserva">
                                    <i class="fa-solid fa-pencil"></i>
                                </button>

                                <!-- Botão de excluir -->
                                <form action="{{ route('reservas-salas.destroy', $reserva->id) }}" method="POST" style="display: inline;"
                                      onsubmit="return confirm('Tem certeza que deseja excluir esta reserva?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-error" title="Excluir reserva">
                                        <i class="fa-solid fa-trash"></i>
                                    </button>
                                </form>
                            </div>
                        @endif
                    </div>

                    <div class="grid grid-cols-2 gap-4 text-sm mb-4">
                        <div>
                            <span class="font-semibold">Início:</span>
                            {{ Carbon::parse($reserva->inicio)->format('d/m - H:i') }}
                        </div>
                        <div>
                            <span class="font-semibold">Fim:</span>
                            {{ Carbon::parse($reserva->fim)->format('d/m - H:i') }}
                        </div>
                        <div class="col-span-2">
                            <span class="font-semibold">Situação:</span>
                            <p>
                                @if ($reserva->confirmada)
                                    Confirmada
                                @else
                                    Aguardando confirmação
                                @endif
                            </p>
                        </div>
                        <div>
                            <span class="font-semibold">Local:</span>
                            {{ $reserva->sala->getDescricao() }}
                        </div>
                        <div class="col-span-2">
                            <span class="font-semibold">Responsável:</span>
                            {{ $reserva->responsavel->name }}
                        </div>
                        <div class="col-span-2">
                            <span class="font-semibold">Assunto:</span>
                            {{ $reserva->assunto }}
                        </div>
                        <div>
                            <span class="font-semibold">Quantidade de pessoas:</span>
                            {{ $reserva->quantidade_pessoas }}
                        </div>
                        <div class="flex items-center gap-2">
                            <span class="font-semibold">Água:</span>
                            @if ($reserva->agua)
                                <i class="fa-solid fa-circle-check text-green-600"></i>
                            @else
                                <i class="fa-solid fa-circle-xmark text-red-600"></i>
                            @endif
                        </div>
                        <div class="flex items-center gap-2">
                            <span class="font-semibold">Café:</span>
                            @if ($reserva->cafe)
                                <i class="fa-solid fa-circle-check text-green-600"></i>
                            @else
                                <i class="fa-solid fa-circle-xmark text-red-600"></i>
                            @endif
                        </div>
                        <div class="flex items-center gap-2">
                            <span class="font-semibold">Notebook:</span>
                            @if ($reserva->notebook)
                                <i class="fa-solid fa-circle-check text-green-600"></i>
                            @else
                                <i class="fa-solid fa-circle-xmark text-red-600"></i>
                            @endif
                        </div>
                        @if ($reserva->observacoes)
                            <div class="col-span-2">
                                <span class="font-semibold">Observações:</span>
                                <p>{{ $reserva->observacoes }}</p>
                            </div>
                        @endif
                    </div>

                    <div class="modal-action">
                        <!-- Botão de fechar -->
                        <form method="dialog">
                            <button class="btn">Fechar</button>
                        </form>

                        @if (Auth::user()->id === $reserva->responsavel_id)
                            <!-- Botões de confirmar/desconfirmar -->
                            @if($reserva->confirmada)
                                <form action="{{ route('reservas-salas.unconfirm', $reserva->id) }}" method="POST" style="display: inline;">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-error">Desconfirmar</button>
                                </form>
                            @else
                                <form action="{{ route('reservas-salas.confirm', $reserva->id) }}" method="POST" style="display: inline;">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-success">Confirmar</button>
                                </form>
                            @endif
                        @endif
                    </div>
                </div>
            </dialog>
        @endforeach
    </div>
</div>