@extends('layouts.dashboard')

@section('title', $customer->first_name.' '.$customer->last_name)

@section('content')
    @php $__user = auth()->user(); @endphp

    <h1 class="font-display text-3xl mb-6">{{ $customer->first_name }} {{ $customer->last_name }}</h1>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
        <form method="POST" action="{{ route('dashboard.customers.update', $customer) }}" class="card p-6 space-y-4">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <x-dashboard-field name="first_name" label="First name" :value="$customer->first_name" required />
                <x-dashboard-field name="last_name" label="Last name" :value="$customer->last_name" required />
            </div>

            <x-dashboard-field name="company" label="Company" :value="$customer->company" />

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <x-dashboard-field name="email" label="Email" type="email" :value="$customer->email" />
                <x-dashboard-field name="mobile" label="Mobile" :value="$customer->mobile" />
            </div>

            <x-dashboard-field name="landline" label="Landline" :value="$customer->landline" />

            <x-dashboard-field name="address_line_1" label="Address line 1" :value="$customer->address_line_1" />
            <x-dashboard-field name="address_line_2" label="Address line 2" :value="$customer->address_line_2" />

            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <x-dashboard-field name="suburb" label="Suburb" :value="$customer->suburb" />
                <x-dashboard-field name="state" label="State" :value="$customer->state" />
                <x-dashboard-field name="postcode" label="Postcode" :value="$customer->postcode" />
            </div>

            <div>
                <label for="notes" class="label block mb-1">Notes</label>
                <textarea id="notes" name="notes" class="textarea">{{ old('notes', $customer->notes) }}</textarea>
            </div>

            <button type="submit" class="btn btn-primary">Save</button>
        </form>

        <div class="card p-6 space-y-4">
            <h2 class="label">Account &amp; billing</h2>

            <p class="text-sm">Type: <strong class="capitalize">{{ $customer->type->value }}</strong></p>

            <p class="text-sm">Card on file:
                @if ($customer->pm_last_four)
                    <strong>{{ $customer->pm_type }} ending {{ $customer->pm_last_four }}</strong>
                @else
                    <span class="text-muted">None</span>
                @endif
            </p>

            @if ($customer->type->value === 'account')
                <p class="text-sm">Payment terms: <strong>{{ $customer->payment_terms_days ? $customer->payment_terms_days.' days' : 'Not set' }}</strong></p>
                <p class="text-sm">Credit limit: <strong>{{ $customer->credit_limit !== null ? '$'.number_format($customer->credit_limit, 2) : 'Not set' }}</strong></p>
                <p class="text-sm">Terms accepted: <strong>{{ $customer->account_terms_accepted_at?->format('Y-m-d H:i') ?? 'Not recorded' }}</strong></p>
            @else
                <p class="text-sm text-muted">No account terms — cash customer.</p>
            @endif

            @if ($__user?->isOwner() || $__user?->isSuperAdmin())
                <form method="POST" action="{{ route('dashboard.customers.account-terms.update', $customer) }}" class="space-y-3 pt-3 border-t border-border">
                    @csrf
                    @method('PUT')

                    <div>
                        <label for="type" class="label block mb-1">Type</label>
                        <select id="type" name="type" class="select">
                            <option value="cash" @selected(old('type', $customer->type->value) === 'cash')>Cash</option>
                            <option value="account" @selected(old('type', $customer->type->value) === 'account')>Account</option>
                        </select>
                    </div>

                    <div>
                        <label for="payment_terms_days" class="label block mb-1">Payment terms</label>
                        <select id="payment_terms_days" name="payment_terms_days" class="select">
                            <option value="">— None —</option>
                            @foreach ([7, 14, 30] as $days)
                                <option value="{{ $days }}" @selected(old('payment_terms_days', $customer->payment_terms_days) == $days)>{{ $days }} days</option>
                            @endforeach
                        </select>
                    </div>

                    <x-dashboard-field name="credit_limit" label="Credit limit ($)" type="number" step="0.01" :value="$customer->credit_limit" />

                    <button type="submit" class="btn btn-dark">Save account terms</button>
                </form>
            @endif
        </div>
    </div>

    <div class="card p-4 overflow-x-auto">
        <h2 class="label mb-3 px-2">Bookings</h2>
        <table class="dashboard-table w-full">
            <thead>
                <tr>
                    <th>Reference</th>
                    <th>Status</th>
                    <th>Delivery</th>
                    <th>Collection</th>
                    <th>Total</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($bookings as $booking)
                    <tr>
                        <td>{{ $booking->reference }}</td>
                        <td class="capitalize">{{ str_replace('_', ' ', $booking->status->value) }}</td>
                        <td>{{ $booking->delivery_date?->format('Y-m-d') }}</td>
                        <td>{{ $booking->collection_date?->format('Y-m-d') }}</td>
                        <td>{{ $booking->total_inc_gst !== null ? '$'.number_format($booking->total_inc_gst, 2) : '—' }}</td>
                        <td class="text-right"><a href="{{ route('dashboard.bookings.show', $booking) }}" class="underline">View</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-muted">No bookings yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection