@extends('layouts.main')

@section('title', 'Pedidos Fechados')

@section('content')

<div class="row mb-3">
    <div class="col-md-6">
        <h1 class="h3">Pedidos Fechados</h1>
    </div>
    <div class="col-md-6 d-flex justify-content-end">
        <form action="{{ route('pedidos.fechados') }}" method="GET" class="d-flex">
            <input type="text" name="busca" class="form-control me-2" placeholder="Buscar por ID..." value="{{ request('busca') }}">
            <button type="submit" class="btn btn-primary">Buscar</button>
        </form>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">Tipo</th>
                        <th scope="col">Total</th>
                        <th scope="col">Fechado em</th>
                        <th scope="col">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($pedidosFechados as $pedido)
                    <tr>
                        <th scope="row">{{ $pedido->id }}</th>
                        <td>
                            {{-- CORREÇÃO: Usando a coluna 'nome' da mesa --}}
                            @if ($pedido->tipo_venda == 'mesa')
                                {{ optional($pedido->mesa)->nome }}
                            @elseif ($pedido->tipo_venda == 'balcao')
                                Balcão
                            @else
                                {{ ucfirst($pedido->tipo_venda) }}
                            @endif
                        </td>
                        <td>R$ {{ number_format($pedido->total, 2, ',', '.') }}</td>
                        <td>{{ $pedido->updated_at->format('d/m/Y H:i') }}</td>
                        <td>
                            <a href="#" class="btn btn-info btn-sm" data-bs-toggle="modal" data-bs-target="#detalhesPedidoModal-{{ $pedido->id }}">Detalhes</a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="text-center">Nenhum pedido fechado encontrado.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-center mt-4">
            {{ $pedidosFechados->appends(['busca' => request('busca')])->links() }}
        </div>
    </div>
</div>

{{-- Modal de Detalhes --}}
@foreach ($pedidosFechados as $pedido)
<div class="modal fade" id="detalhesPedidoModal-{{ $pedido->id }}" tabindex="-1" aria-labelledby="detalhesPedidoLabel-{{ $pedido->id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="detalhesPedidoLabel-{{ $pedido->id }}">Detalhes do Pedido #{{ $pedido->id }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>
                    <strong>Tipo:</strong> 
                    {{-- CORREÇÃO: Usando a coluna 'nome' da mesa --}}
                    @if ($pedido->tipo_venda == 'mesa')
                        {{ optional($pedido->mesa)->nome }}
                    @elseif ($pedido->tipo_venda == 'balcao')
                        Balcão
                    @else
                        {{ ucfirst($pedido->tipo_venda) }}
                    @endif
                </p>
                <p><strong>Total do Pedido:</strong> R$ {{ number_format($pedido->total + $pedido->taxa_servico, 2, ',', '.') }}</p>
                <p><strong>Fechado em:</strong> {{ $pedido->updated_at->format('d/m/Y H:i') }}</p>
                
                <h6 class="mt-4">Pagamentos:</h6>
                <ul class="list-group mb-3">
                    @forelse ($pedido->pagamentos as $pagamento)
                        <li class="list-group-item d-flex justify-content-between">
                            <span>{{ ucfirst($pagamento->forma_pagamento) }}</span>
                            <span>R$ {{ number_format($pagamento->valor, 2, ',', '.') }}</span>
                        </li>
                    @empty
                        <li class="list-group-item">Nenhum pagamento registrado.</li>
                    @endforelse
                </ul>

                <h6 class="mt-4">Itens do Pedido:</h6>
                <ul class="list-group list-group-flush">
                    {{-- CORREÇÃO: Iterando sobre a relação 'itens' --}}
                    @forelse ($pedido->itens as $item)
                        <li class="list-group-item d-flex justify-content-between align-items-center p-2">
                            {{-- Acessando os dados diretamente do item --}}
                            <span>{{ $item->quantidade }}x {{ $item->produto->nome }}</span>
                            <span>R$ {{ number_format($item->preco_unitario, 2, ',', '.') }}</span>
                        </li>
                    @empty
                        <li class="list-group-item">Nenhum item neste pedido.</li>
                    @endforelse
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>
@endforeach

@endsection