@extends('layouts.main')

@section('title', 'Painel de Entregas')

@section('content')
<div class="container-fluid">
    <h1 class="mb-4">Painel de Entregas</h1>

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

    {{-- Seção de Entregas Pendentes --}}
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-warning text-dark">
            <h5 class="mb-0">Aguardando Entregador</h5>
        </div>
        <div class="card-body">
            @forelse ($entregasPendentes as $entrega)
                <div class="card mb-3">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-md-3">
                                <strong>Pedido #{{ $entrega->pedido->id }}</strong><br>
                                <small>{{ $entrega->pedido->cliente->nome }}</small>
                            </div>
                            <div class="col-md-5">
                                <p class="mb-0">{{ $entrega->pedido->cliente->rua }}, {{ $entrega->pedido->cliente->numero }}</p>
                                <small class="text-muted">{{ $entrega->pedido->cliente->bairro }}</small>
                            </div>
                            <div class="col-md-4">
                                <form action="{{ route('entregas.atribuir', $entrega->id) }}" method="POST" class="d-flex">
                                    @csrf
                                    <select name="entregador_id" class="form-select me-2" required>
                                        <option value="">Selecione o entregador...</option>
                                        @foreach ($entregadoresDisponiveis as $entregador)
                                            <option value="{{ $entregador->id }}">{{ $entregador->nome }}</option>
                                        @endforeach
                                    </select>
                                    <button type="submit" class="btn btn-primary">Enviar</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <p class="text-center text-muted">Nenhuma entrega pendente.</p>
            @endforelse
        </div>
    </div>

    {{-- Seção de Entregas em Rota --}}
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Entregas em Rota</h5>
        </div>
        <div class="card-body">
            @forelse ($entregasEmRota as $entrega)
                <div class="card mb-3">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-md-3">
                                <strong>Pedido #{{ $entrega->pedido->id }}</strong><br>
                                <small>{{ $entrega->pedido->cliente->nome }}</small>
                            </div>
                            <div class="col-md-4">
                                <p class="mb-0"><strong>Entregador:</strong> {{ $entrega->entregador->nome }}</p>
                                <small class="text-muted">Saiu às: {{ \Carbon\Carbon::parse($entrega->horario_saida)->format('H:i') }}</small>
                            </div>
                            <div class="col-md-5 text-end">
                                <form action="{{ route('entregas.finalizar', $entrega->id) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-success">Marcar como Entregue</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <p class="text-center text-muted">Nenhuma entrega em rota no momento.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection