@extends('layouts.site')

@section('title', 'Minha Conta')

@section('content')
    <div class="container">
        {{-- Título Principal da Página --}}
        <div class="row">
            <div class="col-12">
                <h1 class="display-5 mb-4">Minha Conta</h1>
                <hr>
            </div>
        </div>

        {{-- Layout do Painel do Cliente --}}
        <div class="row">
            {{-- Coluna do Menu Lateral --}}
            <div class="col-md-3">
                <div class="list-group">
                    <a href="{{ route('site.account.index') }}" class="list-group-item list-group-item-action active">
                        <i class="fas fa-shopping-basket fa-fw me-2"></i> Meus Pedidos
                    </a>
                    <a href="{{ route('site.address.index') }}" class="list-group-item list-group-item-action">
                        <i class="fas fa-map-marker-alt fa-fw me-2"></i> Meus Endereços
                    </a>
                    <a href="{{ route('site.account.edit') }}" class="list-group-item list-group-item-action">
                        <i class="fas fa-user-edit fa-fw me-2"></i> Meus Dados
                    </a>
                    <a href="#" class="list-group-item list-group-item-action" 
                       onclick="event.preventDefault(); document.getElementById('logout-form-sidebar').submit();">
                       <i class="fas fa-sign-out-alt fa-fw me-2"></i> Sair
                    </a>
                    <form id="logout-form-sidebar" action="{{ route('logout') }}" method="POST" class="d-none">
                        @csrf
                    </form>
                </div>
            </div>

            {{-- Coluna do Conteúdo Principal --}}
            <div class="col-md-9">
                @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="Close"></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="Close"></button>
                    </div>
                @endif
                
                {{-- Histórico de Pedidos --}}
                <div class="card shadow-sm">
                    <div class="card-header bg-dark text-white">
                        <h5 class="mb-0">Histórico de Pedidos</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead>
                                    <tr>
                                        <th>Pedido Nº</th>
                                        <th>Data</th>
                                        <th class="text-end">Total</th>
                                        <th class="text-center">Pagamento</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-end">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($pedidos as $pedido)
                                        <tr>
                                            <td>#{{ $pedido->id }}</td>
                                            <td>{{ $pedido->created_at->format('d/m/Y \à\s H:i') }}</td>
                                            <td class="text-end">R$ {{ number_format($pedido->total, 2, ',', '.') }}</td>
                                            <td class="text-center"><span class="badge bg-warning text-dark">{{ ucfirst($pedido->pagamento_status) }}</span></td>
                                            <td class="text-center"><span class="badge bg-info text-dark">{{ ucfirst(str_replace('_', ' ', $pedido->status)) }}</span></td>
                                            <td class="text-end">
                                                {{-- LÓGICA DO BOTÃO DE CANCELAR --}}
                                                @if($pedido->pagamento_status == 'aguardando' && $pedido->status != 'cancelado')
                                                    <form action="{{ route('site.account.orders.cancel', $pedido->id) }}" method="POST">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Tem certeza que deseja cancelar este pedido?')">
                                                            Cancelar
                                                        </button>
                                                    </form>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center">Você ainda não fez nenhum pedido.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($pedidos->hasPages())
                        <div class="card-footer">
                            {{ $pedidos->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection