@extends('layouts.app')

@section('title', $customer->name)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="page-title mb-0">{{ $customer->name }}</h1>
    <div>
        <a href="{{ route('customers.edit', $customer) }}" class="btn btn-primary me-1">Edit</a>
        <a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">Back</a>
    </div>
</div>

<div class="card mb-4">
    <div class="card-body">
        <dl class="row mb-0">
            @if($customer->phone)
                <dt class="col-sm-3 text-muted">Phone</dt>
                <dd class="col-sm-9">{{ $customer->phone }}</dd>
            @endif
            @if($customer->address)
                <dt class="col-sm-3 text-muted">Address</dt>
                <dd class="col-sm-9">{{ $customer->address }}</dd>
            @endif
            <dt class="col-sm-3 text-muted">Loyalty points</dt>
            <dd class="col-sm-9">{{ $customer->loyalty_points }}</dd>
        </dl>
    </div>
</div>

@if($customer->invoices->isNotEmpty())
    <h5 class="mb-3">Purchase history</h5>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Invoice</th>
                            <th>Date</th>
                            <th>Total</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($customer->invoices as $inv)
                            <tr>
                                <td class="fw-medium">{{ $inv->invoice_number }}</td>
                                <td>{{ $inv->invoice_date->format('d M Y') }}</td>
                                <td>{{ number_format($inv->total, 2) }}</td>
                                <td class="text-end">
                                    <a href="{{ route('bills.show', $inv) }}" class="btn btn-sm btn-outline-primary">View</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@else
    <p class="text-muted">No purchase history yet.</p>
@endif
@endsection