@extends('layouts.app')

@section('content')
    @php
        $cliente = \App\Models\Customer::find(session('cliente_id'));
        $pedidos = \App\Models\Order::where('customer_id', $cliente?->id)->latest()->get();
        $totalPedidos = $pedidos->count();
        $pendientes = $pedidos->where('status', 'pendiente')->count();
        $completados = $pedidos->where('status', 'pagado')->count();
        $website = \App\Models\Website::first();
        $urlInicio = $website ? url("/sitios/{$website->domain}/home") : url('/');
    @endphp

    <div class="bg-dark text-white py-3 mb-4">
        <div class="container d-flex align-items-center justify-content-between">
            <h4 class="mb-0">
                <i class="fas fa-globe me-2"></i> {{ $website->name ?? 'Sitio Web' }}
            </h4>
            @if($website && $website->logo)
                <img src="{{ asset('storage/' . $website->logo) }}" alt="Logo" style="height: 40px;">
            @endif
        </div>
    </div>

    <div class="container py-5">
        <div class="row">
            {{-- Sidebar --}}
            <div class="col-md-4 mb-4">
                <div class="card shadow-sm border-info border-start border-4">
                    <div class="card-body text-center bg-light">
                        <i class="fas fa-user-circle fa-4x text-primary mb-3"></i>
                        <h4 class="text-primary">{{ $cliente?->name }}</h4>
                        <p class="text-muted mb-3">{{ $cliente?->email }}</p>

                        <hr>
                        <div class="mb-4">
                            <h5 class="text-secondary"><i class="fas fa-id-card me-2"></i> Mis Datos</h5>
                            <div class="card shadow-sm p-3 bg-white">
                                <p><strong><i class="fas fa-phone me-2 text-muted"></i>Teléfono:</strong>
                                    {{ $cliente->phone ?? 'No proporcionado' }}</p>
                                <p><strong><i class="fas fa-map-marker-alt me-2 text-muted"></i>Dirección:</strong>
                                    {{ $cliente->address_line1 ?? 'No proporcionada' }}</p>
                            </div>
                        </div>
                        <hr>
                        <ul class="list-group text-start">
                            <li class="list-group-item">
                                <i class="fas fa-box-open me-2 text-primary"></i>
                                Pedidos Totales: <strong>{{ $totalPedidos }}</strong>
                            </li>
                            <li class="list-group-item">
                                <i class="fas fa-clock me-2 text-warning"></i>
                                Pendientes: <strong>{{ $pendientes }}</strong>
                            </li>
                            <li class="list-group-item">
                                <i class="fas fa-check-circle me-2 text-success"></i>
                                Pagados: <strong>{{ $completados }}</strong>
                            </li>
                        </ul>

                        <form method="POST" action="{{ url('/logout-cliente') }}" class="mt-4">
                            @csrf
                            <button class="btn btn-danger w-100">
                                <i class="fas fa-sign-out-alt me-1"></i> Cerrar sesión
                            </button>
                            <a href="{{ $urlInicio }}" class="btn btn-primary mt-4">
                                <i class="fas fa-home me-1"></i> Volver a la página principal
                            </a>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Contenido principal --}}
            <div class="col-md-8">


                <div>
                    <h5 class="text-secondary"><i class="fas fa-receipt me-2"></i> Mis Compras</h5>
                    @if($pedidos->count())
                        <div class="table-responsive">
                            <table class="table table-striped align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Total</th>
                                        <th>Método</th>
                                        <th>Estado</th>
                                        <th>Fecha</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($pedidos as $pedido)
                                        <tr>
                                            <td>#{{ $pedido->id }}</td>
                                            <td>${{ number_format($pedido->total, 2) }}</td>
                                            <td>{{ ucfirst($pedido->payment_method) }}</td>
                                            <td>
                                                @if($pedido->status === 'pendiente')
                                                    <span class="badge bg-warning text-dark"><i class="fas fa-clock me-1"></i>
                                                        Pendiente</span>
                                                @elseif($pedido->status === 'pagado')
                                                    <span class="badge bg-success"><i class="fas fa-check-circle me-1"></i>
                                                        Pagado</span>
                                                @elseif($pedido->status === 'cancelado')
                                                    <span class="badge bg-danger"><i class="fas fa-times-circle me-1"></i>
                                                        Cancelado</span>
                                                @endif
                                            </td>
                                            <td>{{ $pedido->created_at->format('d/m/Y') }}</td>
                                            <td class="d-flex gap-2">
                                                <a href="{{ route('cliente.pedido.detalle', $pedido->id) }}"
                                                    class="btn btn-sm btn-outline-info">
                                                    <i class="fas fa-eye me-1"></i> Ver
                                                </a>
                                                @if($pedido->status === 'pendiente')
                                                    <form method="POST" action="{{ route('cliente.pedido.cancelar', $pedido->id) }}">
                                                        @csrf
                                                        @method('PUT')
                                                        <button type="submit" class="btn btn-sm btn-outline-danger"
                                                            onclick="return confirm('¿Cancelar este pedido?')">
                                                            <i class="fas fa-times me-1"></i> Cancelar
                                                        </button>
                                                    </form>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted">No has realizado ningún pedido aún.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection