@extends('admin.master')

@section('title')
    Dashboard
@endsection

@section('content')
    <div class="mt-4">
        <div class="row g-4">
            <div class="col-12">
                <div class="row g-3 mb-4">
                    <div class="col-auto">
                        <h2 class="mb-0">Dashboard</h2>
                    </div>
                </div>
            </div>
        </div>

        <!-- Statistics Cards -->
        <div class="row g-3 mb-4">
            <div class="col-md-4">
                <div class="card border border-translucent">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-1">
                                <h5 class="mb-0 text-body-emphasis">Total Cars</h5>
                                <p class="fs-3 mb-0 fw-bold text-primary">{{ $stats['total_cars'] }}</p>
                            </div>
                            <div class="ms-2">
                                <span class="fa-solid fa-car fs-4 text-primary"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border border-translucent">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-1">
                                <h5 class="mb-0 text-body-emphasis">Total Brands</h5>
                                <p class="fs-3 mb-0 fw-bold text-success">{{ $stats['total_brands'] }}</p>
                            </div>
                            <div class="ms-2">
                                <span class="fa-solid fa-tags fs-4 text-success"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border border-translucent">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="flex-1">
                                <h5 class="mb-0 text-body-emphasis">Total Models</h5>
                                <p class="fs-3 mb-0 fw-bold text-info">{{ $stats['total_models'] }}</p>
                            </div>
                            <div class="ms-2">
                                <span class="fa-solid fa-list fs-4 text-info"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="row g-3 mb-4">
            <div class="col-12">
                <div class="card border border-translucent">
                    <div class="card-header bg-body-emphasis">
                        <h5 class="mb-0">Quick Actions</h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-3">
                                <a href="{{ route('admin.cars.create') }}" class="btn btn-primary w-100">
                                    <span class="fa-solid fa-plus me-2"></span>Add New Car
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="{{ route('admin.cars.index') }}" class="btn btn-outline-primary w-100">
                                    <span class="fa-solid fa-list me-2"></span>View All Cars
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="{{ route('admin.master.brands.index') }}" class="btn btn-outline-success w-100">
                                    <span class="fa-solid fa-tags me-2"></span>Manage Brands
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="{{ route('admin.master.car-models.index') }}" class="btn btn-outline-info w-100">
                                    <span class="fa-solid fa-list me-2"></span>Manage Models
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Recent Cars -->
        @if($stats['recent_cars']->count() > 0)
        <div class="row g-3">
            <div class="col-12">
                <div class="card border border-translucent">
                    <div class="card-header bg-body-emphasis d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Recent Cars</h5>
                        <a href="{{ route('admin.cars.index') }}" class="btn btn-sm btn-outline-primary">View All</a>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm table-hover">
                                <thead>
                                    <tr>
                                        <th>Title</th>
                                        <th>Brand</th>
                                        <th>Model</th>
                                        <th>Price</th>
                                        <th>Year</th>
                                        <th>Created At</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($stats['recent_cars'] as $car)
                                    <tr>
                                        <td>{{ $car->title ?: 'N/A' }}</td>
                                        <td>{{ $car->brand->brand_name ?? 'N/A' }}</td>
                                        <td>{{ $car->carModel->model_name ?? 'N/A' }}</td>
                                        <td>{{ !empty($car->price) && is_numeric($car->price) ? '₹' . number_format($car->price) : 'N/A' }}</td>
                                        <td>{{ $car->year ?: 'N/A' }}</td>
                                        <td>{{ $car->created_at ? $car->created_at->format('d M Y') : 'N/A' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
@endsection

@section('javascript')
@endsection