@php
$title = 'Expedição #' . $expedicao->id;
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('logistica.expedicoes') }}`)" class="text-decoration-none text-secondary">Expedições</a></li>
            <li class="breadcrumb-item active text-dark">Expedição #{{ $expedicao->id }}</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="fw-bold mb-0">
            <i class="bi bi-eye me-2 text-info"></i>Expedição #{{ $expedicao->id }}
        </h1>
        <div>
            @if($expedicao->status == 'PENDENTE')
                <button type="button" class="btn btn-primary" onclick="abrirModalConfirmacao('Confirma o envio desta expedição?', function() { enviarExpedicao(`{{ $expedicao->id }}`); })">
                    <i class="bi bi-send me-2"></i>Enviar
                </button>
            @elseif($expedicao->status == 'ENVIADA')
                <button type="button" class="btn btn-success" onclick="abrirModalConfirmacao('Confirma a conclusão desta expedição?', function() { concluirExpedicao(`{{ $expedicao->id }}`); })">
                    <i class="bi bi-check-circle me-2"></i>Concluir Entrega
                </button>
            @endif
            @if($expedicao->status != 'ENTREGUE' && $expedicao->status != 'CANCELADA')
                <button type="button" class="btn btn-sm btn-warning" onclick="carregarConteudo(`{{ route('logistica.expedicoes.editar', $expedicao->id) }}`)">
                    <i class="bi bi-pencil me-2"></i>Editar
                </button>
                <button type="button" class="btn btn-sm btn-danger" onclick="abrirModalConfirmacao('Confirma o cancelamento desta expedição?', function() { cancelarExpedicao(`{{ $expedicao->id }}`); })">
                    <i class="bi bi-x-circle me-2"></i>Cancelar
                </button>
            @endif
            <button type="button" class="btn btn-secondary" onclick="carregarConteudo(`{{ route('logistica.expedicoes') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Fechar"></button>
        </div>
    @endif

    <div class="row">
        <div class="col-md-8">
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">Dados da Expedição</h5>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <strong>Venda:</strong><br>
                            #{{ $expedicao->venda_id }} - {{ $expedicao->venda->cliente->nome ?? 'N/A' }}
                        </div>
                        <div class="col-md-6">
                            <strong>Status:</strong><br>
                            @if($expedicao->status == 'PENDENTE')
                                <span class="badge bg-warning text-dark">Pendente</span>
                            @elseif($expedicao->status == 'ENVIADA')
                                <span class="badge bg-info">Enviada</span>
                            @elseif($expedicao->status == 'ENTREGUE')
                                <span class="badge bg-success">Entregue</span>
                            @elseif($expedicao->status == 'CANCELADA')
                                <span class="badge bg-danger">Cancelada</span>
                            @endif
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <strong>Data de Previsão:</strong><br>
                            {{ \Carbon\Carbon::parse($expedicao->data_previsao)->format('d/m/Y') }}
                        </div>
                        <div class="col-md-4">
                            <strong>Data de Envio:</strong><br>
                            {{ $expedicao->data_envio ? \Carbon\Carbon::parse($expedicao->data_envio)->format('d/m/Y H:i') : '-' }}
                        </div>
                        <div class="col-md-4">
                            <strong>Data de Entrega:</strong><br>
                            {{ $expedicao->data_entrega ? \Carbon\Carbon::parse($expedicao->data_entrega)->format('d/m/Y H:i') : '-' }}
                        </div>
                    </div>
                    @if($expedicao->observacoes)
                        <div class="row">
                            <div class="col-12">
                                <strong>Observações:</strong><br>
                                {{ $expedicao->observacoes }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Itens da Expedição</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Produto</th>
                                    <th>Quantidade</th>
                                    <th>Observações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($expedicao->itens as $item)
                                    <tr>
                                        <td>{{ $item->produto->codigo ?? 'N/A' }} - {{ $item->produto->nome ?? 'N/A' }}</td>
                                        <td>{{ number_format($item->quantidade, 2, ',', '.') }} {{ $item->produto->unidade->sigla ?? '' }}</td>
                                        <td>{{ $item->observacoes ?? '-' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="text-center text-muted">Nenhum item cadastrado</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Timeline</h5>
                </div>
                <div class="card-body">
                    <div class="timeline">
                        <div class="timeline-item">
                            <div class="timeline-marker bg-primary"></div>
                            <div class="timeline-content">
                                <p class="mb-1"><strong>Criada</strong></p>
                                <small class="text-muted">{{ \Carbon\Carbon::parse($expedicao->created_at)->format('d/m/Y H:i') }}</small>
                                <p class="mb-0 small">Por: {{ $expedicao->usuarioInclusao->name ?? 'Sistema' }}</p>
                            </div>
                        </div>
                        @if($expedicao->data_envio)
                            <div class="timeline-item">
                                <div class="timeline-marker bg-info"></div>
                                <div class="timeline-content">
                                    <p class="mb-1"><strong>Enviada</strong></p>
                                    <small class="text-muted">{{ \Carbon\Carbon::parse($expedicao->data_envio)->format('d/m/Y H:i') }}</small>
                                </div>
                            </div>
                        @endif
                        @if($expedicao->data_entrega)
                            <div class="timeline-item">
                                <div class="timeline-marker bg-success"></div>
                                <div class="timeline-content">
                                    <p class="mb-1"><strong>Entregue</strong></p>
                                    <small class="text-muted">{{ \Carbon\Carbon::parse($expedicao->data_entrega)->format('d/m/Y H:i') }}</small>
                                </div>
                            </div>
                        @endif
                        @if($expedicao->status == 'CANCELADA')
                            <div class="timeline-item">
                                <div class="timeline-marker bg-danger"></div>
                                <div class="timeline-content">
                                    <p class="mb-1"><strong>Cancelada</strong></p>
                                    <small class="text-muted">{{ \Carbon\Carbon::parse($expedicao->updated_at)->format('d/m/Y H:i') }}</small>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>