{{-- Diseño moderno (v3): ficha de un cliente con sus reservas (mismos datos que reservation/customer). --}}
@extends('layout.main') @section('content')
@include('reservation._alerts')
@php
    $open = $reservations->where('status', 1);
    $groups = [
        'Activas' => $open->filter(function ($r) { return !$r->is_overdue; }),
        'Vencidas' => $open->filter(function ($r) { return $r->is_overdue; }),
        'Pagadas · por enviar o retirar' => $reservations->whereIn('status', [4, 5]),
        'Entregadas' => $reservations->where('status', 2),
        'Canceladas' => $reservations->where('status', 3),
    ];
    $sum = function ($attr) use ($open) { return $open->sum(function ($r) use ($attr) { return $r->$attr; }); };
@endphp
<div class="v3-page">
    <a href="{{ route('reservations.customers') }}" class="v3-back">← Clientes</a>
    <div class="v3-card v3-hero">
        <div>
            <p class="v3-muted" style="font-size:13px;margin:0">{{ $customer->tax_no ?: $customer->ruc ?: 'Sin cédula/RUC' }}@if($customer->phone_number) · {{ $customer->phone_number }}@endif @if($customer->email) · {{ $customer->email }}@endif</p>
            <h1>{{ $customer->name }}</h1>
            @if($customer->address)<span class="v3-muted">{{ $customer->address }}</span>@endif
        </div>
        @if($customer->is_active)<div class="v3-actions"><a href="{{ route('reservations.create', ['customer_id' => $customer->id]) }}" class="v3-btn v3-btn-primary v3-btn-big">+ Nueva reserva</a></div>@endif
    </div>
    <div class="v3-kpis">
        <div class="v3-kpi v3-kpi-brand"><span>Total reservado</span><strong>${{ number_format($sum('total'), 2) }}</strong><small>reservas abiertas</small></div>
        <div class="v3-kpi"><span>Total abonado</span><strong style="color:#16a34a">${{ number_format($sum('paid'), 2) }}</strong></div>
        <div class="v3-kpi {{ $sum('balance') > 0 ? 'v3-kpi-red' : '' }}"><span>Saldo pendiente</span><strong>${{ number_format($sum('balance'), 2) }}</strong></div>
    </div>
    @foreach($groups as $title => $list)
    <section>
        <h2 style="font-size:18px;font-weight:800;margin:4px 0 10px">{{ $title }} <span class="v3-pill v3-pill-gray">{{ $list->count() }}</span></h2>
        @if($list->isEmpty())<p class="v3-muted mb-0">Ninguna.</p>@else @include('reservation.v3._table', ['reservations' => $list]) @endif
    </section>
    @endforeach
</div>
@endsection