@extends('layouts.app')

@section('title', 'My Dashboard')

@section('content')
<div class="container mt-4">
    <h1>My Dashboard</h1>
    
    <div class="row mt-4">
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <h3>{{ $bookingsCount ?? 0 }}</h3>
                    <p>Total Bookings</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <h3>{{ $completedBookings ?? 0 }}</h3>
                    <p>Completed</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <h3>{{ $upcomingBookings ?? 0 }}</h3>
                    <p>Upcoming</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <h3>₦{{ number_format($totalSpent ?? 0, 2) }}</h3>
                    <p>Total Spent</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="card mt-4">
        <div class="card-header">
            <h5>Recent Bookings</h5>
        </div>
        <div class="card-body">
            @if(isset($recentBookings) && count($recentBookings) > 0)
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Booking #</th>
                                <th>Therapist</th>
                                <th>Date</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Payment</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($recentBookings as $booking)
                            <tr>
                                <td>{{ $booking->booking_number }}</td>
                                <td>{{ $booking->provider->user->name ?? 'N/A' }}</td>
                                <td>{{ date('M d, Y', strtotime($booking->booking_date)) }}</td>
                                <td>₦{{ number_format($booking->total_amount, 2) }}</td>
                                <td>
                                    <span class="badge bg-{{ $booking->status == 'confirmed' ? 'success' : ($booking->status == 'pending' ? 'warning' : 'secondary') }}">
                                        {{ ucfirst($booking->status) }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-{{ $booking->payment_status == 'paid' ? 'success' : 'danger' }}">
                                        {{ ucfirst($booking->payment_status) }}
                                    </span>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p>No bookings yet. <a href="{{ route('providers.index') }}">Book a session now!</a></p>
            @endif
        </div>
    </div>
</div>
@endsection