@extends('home_layout.master_sidebar')

@section('breadcrumbs')
    @include('home_layout.breadcrumb', [
        'title' => 'Contact Details',
        'breadcrumbs' => [
            ['title' => 'Home', 'link' => route('contacts.index')],
            ['title' => 'Contacts', 'link' => route('contacts.index')],
            ['title' => 'Contact Details', 'link' => '']
        ]
    ])
@stop

@section('content')
    <div class="container mt-4">
        <!-- Contact Details Card -->
        <div class="card mb-4">
            <div class="card-header">
                <h3>Contact Details</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <p><strong>Name:</strong> {{ $contact->name }}</p>
                        <p><strong>Email:</strong> {{ $contact->email }}</p>
                        <p><strong>Phone:</strong> {{ $contact->phone ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6">
                        <p><strong>Address:</strong> {{ $contact->address ?? 'N/A' }}</p>
                        <p><strong>Notes:</strong> {{ $contact->notes ?? 'N/A' }}</p>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <a href="{{ route('contacts.edit', $contact->id) }}" class="btn btn-warning">Edit</a>
                <a href="{{ route('contacts.index') }}" class="btn btn-secondary">Back</a>
            </div>
        </div>

        <!-- Booking History Card -->
        <div class="card">
            <div class="card-header">
                <h4>Booking History</h4>
            </div>
            <div class="card-body">
                @if($contact->bookings->count())
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>Booking ID</th>
                                <th>Service</th>
                                <th>Date</th>
                                <th>Start Time</th>
                                <th>End Time</th>
                                <th>Staff</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($contact->bookings as $booking)
                                <tr>
                                    <td>{{ $booking->id }}</td>
                                    <td>{{ optional($booking->event)->event_name }}</td>
                                    <td>{{ $booking->date }}</td>
                                    <td>{{ $booking->start_time }}</td>
                                    <td>{{ $booking->end_time }}</td>
                                    <td>{{ optional($booking->user)->name ?? 'N/A' }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p>No bookings found for this contact.</p>
                @endif
            </div>
        </div>
    </div>
@stop