@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 Logísticas de {{ Carbon::today()->format('d/m') }} a {{ Carbon::today()->addDays(10)->format('d/m') }}
        <i class="fa-solid fa-truck"></i>
    </h2>

    <div class="overflow-x-auto">
        @if ($reservasLogisticas->count() > 0)
            <table class="table w-full">
                <thead>
                    <tr>
                        <th>Responsável</th>
                        <th>Tipo Solicitação</th>
                        <th>Data/Hora</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($reservasLogisticas as $reserva)
                        <tr class="hover:bg-base-100 cursor-pointer"
                            onclick="document.getElementById('reserva_logistica_{{ $reserva->id }}_detalhes').showModal()">
                            <td>{{ $reserva->responsavel->name ?? '—' }}</td>
                            <td>{{ $reserva->tipoSolicitacao->nome ?? '—' }}</td>
                            <td>{{ Carbon::parse($reserva->dt_solicitacao)->format('d/m - H:i') }}</td>
                            <td class="text-center text-lg">
                                @if ($reserva->fechado)
                                    <i class="fa-solid fa-check text-green-600 mx-auto" title="Finalizada"></i>
                                @else
                                    <i class="fa-solid fa-clock text-orange-500 mx-auto" title="Aguardando Parecer"></i>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <p class="text-center">Sem reservas logísticas para hoje</p>
        @endif
        @foreach ($reservasLogisticas as $reserva)
            <dialog id="reserva_logistica_{{ $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 Logística #{{ $reserva->id }}</h3>

                        @if (Auth::user()->id === $reserva->responsavel_id && !$reserva->fechado)
                            <div class="flex gap-2">
                                <!-- Botão de editar -->
                                <button type="button" class="btn btn-sm btn-info" x-data={}
                                    @click="$store.reservaLogisticaModal.editReservaLogistica(@js($reserva))"
                                    title="Editar reserva">
                                    <i class="fa-solid fa-pencil"></i>
                                </button>


                                <!-- Botão de excluir -->
                                <form action="{{ route('reservas-logisticas.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">Tipo de Solicitação:</span>
                            <p>{{ $reserva->tipoSolicitacao->nome ?? '—' }}</p>
                        </div>
                        <div>
                            <span class="font-semibold">Solicitação:</span>
                            <p>{{ $reserva->solicitacao->descricao ?? '—' }}</p>
                        </div>
                        <div class="col-span-2">
                            <span class="font-semibold">Responsável:</span>
                            <p>{{ $reserva->responsavel->name }}</p>
                        </div>
                        <div>
                            <span class="font-semibold">Veículo:</span>
                            <p>{{ $reserva->veiculo ?? '—' }}</p>
                        </div>
                        <div>
                            <span class="font-semibold">Usuário Destino:</span>
                            <p>{{ $reserva->usuario_demanda ?? '—' }}</p>
                        </div>
                        <div>
                            <span class="font-semibold">Quantidade:</span>
                            <p>{{ $reserva->quantidade ?? '—' }}</p>
                        </div>
                        <div>
                            <span class="font-semibold">Data/Hora:</span>
                            <p>{{ Carbon::parse($reserva->dt_solicitacao)->format('d/m - H:i') }}</p>
                        </div>
                        <div>
                            <span class="font-semibold">Permanência (horas):</span>
                            <p>{{ $reserva->duracao_permanencia ?? '—' }}</p>
                        </div>
                        <div class="col-span-2">
                            <span class="font-semibold">Descrição:</span>
                            <p>{{ $reserva->descricao_solicitacao }}</p>
                        </div>
                        @if ($reserva->anexo)
                            <div class="col-span-2">
                                <span class="font-semibold">Anexo:</span>
                                <p><a href="{{ asset('storage/' . $reserva->anexo) }}" target="_blank"
                                        class="underline text-blue-600">Ver arquivo</a></p>
                            </div>
                        @endif
                        <div class="col-span-2">
                            <span class="font-semibold">Situação:</span>
                            <span
                                class="inline-block px-2 py-1 leading-none rounded-full text-xs font-semibold uppercase {{ $reserva->fechado ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">
                                {{ $reserva->fechado ? 'Atendida' : 'Aguardando parecer' }}
                            </span>
                        </div>
                    </div>

                    <div class="modal-action">
                        <form method="dialog">
                            <button class="btn">Fechar</button>
                        </form>
                    </div>
                </div>
            </dialog>
        @endforeach
    </div>
</div>