@extends('dashboard.layouts.app')

@section('title', __('dashboard.Customer Details'))
@section('page_heading', $customer->name)

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.customers.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Customers') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ $customer->name }}</li>
@endsection

@section('content')

<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Customer Details') }}</h3>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <p><strong>{{ __('dashboard.Name') }}:</strong> {{ $customer->name }}</p>
                <p><strong>{{ __('dashboard.Phone') }}:</strong> {{ $customer->phone }}</p>
                <p><strong>{{ __('dashboard.Address') }}:</strong> {{ $customer->address }}</p>
                <p><strong>{{ __('dashboard.Governorate') }}:</strong> {{ $customer->governorate }}</p>
                <p><strong>{{ __('dashboard.Gender') }}:</strong> {{ $customer->gender == 'male' ? __('dashboard.Male') : __('dashboard.Female') }}</p>
            </div>
        </div>

        <h4 class="mt-5">{{ __('dashboard.Reservations') }}</h4>
        @if ($customer->reservations->isNotEmpty())
        <table class="table table-striped table-row-bordered gy-5 gs-7">
            <thead>
                <tr class="fw-bold fs-6 text-gray-800 px-7">
                    <th>{{ __('dashboard.ID') }}</th>
                    <th>{{ __('dashboard.Product') }}</th>
                    <th>{{ __('dashboard.Event Date') }}</th>
                    <th>{{ __('dashboard.Price') }}</th>
                    <th>{{ __('dashboard.Status') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($customer->reservations as $reservation)
                <tr>
                    <td>{{ $reservation->id }}</td>
                    <td>{{ $reservation->product->name }}</td>
                    <td>{{ $reservation->event_date }}</td>
                    <td>{{ $reservation->price }}</td>
                    <td>{{ $reservation->status }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @else
        <p>{{ __('dashboard.No reservations found for this customer.') }}</p>
        @endif

        <h4 class="mt-5">{{ __('dashboard.Sales') }}</h4>
        @if ($customer->sales->isNotEmpty())
        <table class="table table-striped table-row-bordered gy-5 gs-7">
            <thead>
                <tr class="fw-bold fs-6 text-gray-800 px-7">
                    <th>{{ __('dashboard.ID') }}</th>
                    <th>{{ __('dashboard.Total') }}</th>
                    <th>{{ __('dashboard.Created At') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($customer->sales as $sale)
                <tr>
                    <td>{{ $sale->id }}</td>
                    <td>{{ $sale->final_total }}</td>
                    <td>{{ $sale->created_at->format('Y-m-d H:i') }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @else
        <p>{{ __('dashboard.No sales found for this customer.') }}</p>
        @endif
    </div>
</div> 

@endsection