{{-- resources/views/admin/dashboard.blade.php --}}
@extends('layouts.admin')
@section('title', __('لوحة التحكم'))

@push('styles')
<style>
  /* فقاعة رمادية خارجية لكل كتلة */
  .bubble{background:#f1f2f4;border-radius:26px}
  /* بطاقة بيضاء ناعمة داخل الفقاعة */
  .soft-card{background:#fff;border:0;border-radius:26px;box-shadow:0 10px 26px rgba(0,0,0,.06)}

  .section-title{font-weight:800;color:#0f172a}
  .muted{color:#6b7280}
  .link-purple{color:#6c2bd9}
  .link-purple:hover{text-decoration:underline}

  /* شريط سيارات أفقي بصورة صغيرة ونص */
  .cars-row{display:flex;gap:26px;align-items:flex-start;flex-wrap:nowrap;overflow:auto;padding:6px 6px 10px}
  .cars-row .item{display:flex;gap:14px}
  .car-mini{width:86px;height:64px;border-radius:16px;object-fit:cover}

  /* كلمة جدول كبيرة عند عدم وجود بيانات */
  .empty-grid{min-height:220px;display:flex;align-items:center;justify-content:center}
</style>
@endpush

@section('content')
@php
  use Illuminate\Support\Facades\Route as RouteFacade;

  $latestCars   = $latestCars   ?? [];
  $recentSales  = $recentSales  ?? [];
  $announcement = $announcement ?? null;

  $carsIndexUrl = RouteFacade::has('admin.cars.index') ? route('admin.cars.index') : url('/admin/cars');
  $carShowUrl   = fn($car)=>(RouteFacade::has('admin.cars.show') ? route('admin.cars.show',$car->id??null) : $carsIndexUrl);
@endphp

{{-- ===== فقاعة: آخر المركبات المضافة ===== --}}
<div class="bubble p-3">
  <div class="soft-card p-3">
    <div class="d-flex align-items-center justify-content-between mb-2 px-1">
      <div class="section-title">{{ __('اخر المركبات المضافة') }}</div>
      {{-- بترك العنوان يمين مثل الصورة؛ رابط "كافة المركبات" بالأسفل --}}
    </div>

    <div class="cars-row">
      @forelse($latestCars as $car)
        <div class="item">
          <a href="{{ $carShowUrl($car) }}">
            <img class="car-mini"
                 src="{{ $car->main_image_url ?? $car->image_url ?? 'https://placehold.co/160x120?text=Car' }}"
                 alt="car">
          </a>
          <div class="small">
            <div class="mb-1"><span class="muted">{{ __('النوع') }}:</span> <span class="fw-semibold">{{ $car->make ?? '-' }} {{ $car->model ?? '' }}</span></div>
            <div class="mb-1"><span class="muted">{{ __('الموقع') }}:</span> <span class="fw-semibold">{{ $car->location ?? '-' }}</span></div>
            <div class="mb-1"><span class="muted">{{ __('السعر') }}:</span> <span class="fw-semibold">{{ number_format($car->price ?? 0) }} {{ __('ر.ع') }}</span></div>
            <a href="{{ $carShowUrl($car) }}" class="link-purple">{{ __('استعراض') }}</a>
          </div>
        </div>
      @empty
        <div class="text-muted px-2">{{ __('لا توجد مركبات بعد') }}</div>
      @endforelse
    </div>

    <div class="px-2">
      <a href="{{ $carsIndexUrl }}" class="link-purple">{{ __('كافة المركبات') }}</a>
    </div>
  </div>
</div>

{{-- ===== صف فقاعتين: اعلانات ادارية + اخر المبيعات المسجلة ===== --}}
<div class="row g-3 mt-3">

  {{-- اعلانات ادارية --}}
  <div class="col-12 col-lg-4">
    <div class="bubble p-3 h-100">
      <div class="soft-card p-4 h-100 text-center">
        <div class="section-title mb-2">{{ __('اعلانات ادارية') }}</div>
        @if($announcement)
          <h5 class="fw-bold">{{ $announcement->title }}</h5>
          <p class="mb-0 muted">{{ $announcement->body }}</p>
        @else
          <div class="empty-grid">
            <h5 class="fw-bold">{{ __('هنا اعلان اداري وهمي يمكن اضافته من الادارة اعلان') }}</h5>
          </div>
        @endif
      </div>
    </div>
  </div>

  {{-- اخر المبيعات المسجلة --}}
  <div class="col-12 col-lg-8">
    <div class="bubble p-3 h-100">
      <div class="soft-card p-3 h-100">
        <div class="section-title mb-2">{{ __('اخر المبيعات المسجلة') }}</div>

        @if(!empty($recentSales) && count($recentSales))
          <div class="table-responsive">
            <table class="table align-middle mb-0">
              <thead>
                <tr>
                  <th>{{ __('التاريخ') }}</th>
                  <th>{{ __('الرقم') }}</th>
                  <th>{{ __('المركبة') }}</th>
                  <th>{{ __('العميل') }}</th>
                  <th>{{ __('الموظف') }}</th>
                  <th>{{ __('سعر البيع') }}</th>
                </tr>
              </thead>
              <tbody>
                @foreach($recentSales as $sale)
                  <tr>
                    <td class="text-nowrap">
                      {{ optional($sale->sold_at ?? $sale->created_at)->format('Y-m-d') }}
                    </td>
                    <td>{{ $sale->id }}</td>
                    <td class="text-nowrap">
                      @php
                        $car = $sale->car ?? null;
                      @endphp
                      {{ $car?->make ?? '' }} {{ $car?->model ?? '' }}
                    </td>
                    <td class="text-nowrap">
                      {{ $sale->customer->name ?? ($sale->customer_name ?? '-') }}
                    </td>
                    <td class="text-nowrap">
                      {{ $sale->employee->name ?? ($sale->employee_name ?? '-') }}
                    </td>
                    <td class="fw-semibold text-nowrap">{{ number_format($sale->price ?? 0) }} {{ __('ر.ع') }}</td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        @else
          <div class="empty-grid">
            <div class="display-1 fw-bold">{{ __('جدول') }}</div>
          </div>
        @endif
      </div>
    </div>
  </div>

</div>
@endsection