@extends('admin.layouts.app')

@section('header', __('Dashboard'))

@section('content')
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
    @can('reservations.list')
    <a href="{{ route('admin.reservations.index') }}"
       class="flex items-center gap-4 rounded-lg bg-white p-6 shadow hover:shadow-md transition">
        <div class="flex h-12 w-12 items-center justify-center rounded-full bg-indigo-100 text-indigo-600">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
            </svg>
        </div>
        <div>
            <p class="text-sm text-gray-500">{{ __('Rezervări') }}</p>
            <p class="text-2xl font-semibold text-gray-800">—</p>
        </div>
    </a>
    @endcan

    @can('users.list')
    <a href="{{ route('admin.users.index') }}"
       class="flex items-center gap-4 rounded-lg bg-white p-6 shadow hover:shadow-md transition">
        <div class="flex h-12 w-12 items-center justify-center rounded-full bg-green-100 text-green-600">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z" />
            </svg>
        </div>
        <div>
            <p class="text-sm text-gray-500">{{ __('Utilizatori') }}</p>
            <p class="text-2xl font-semibold text-gray-800">—</p>
        </div>
    </a>
    @endcan

    @can('subscriptions.list')
    <a href="{{ route('admin.subscriptions.index') }}"
       class="flex items-center gap-4 rounded-lg bg-white p-6 shadow hover:shadow-md transition">
        <div class="flex h-12 w-12 items-center justify-center rounded-full bg-yellow-100 text-yellow-600">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
            </svg>
        </div>
        <div>
            <p class="text-sm text-gray-500">{{ __('Abonamente') }}</p>
            <p class="text-2xl font-semibold text-gray-800">—</p>
        </div>
    </a>
    @endcan

    @can('locations.list')
    <a href="{{ route('admin.locations.index') }}"
       class="flex items-center gap-4 rounded-lg bg-white p-6 shadow hover:shadow-md transition">
        <div class="flex h-12 w-12 items-center justify-center rounded-full bg-red-100 text-red-600">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
            </svg>
        </div>
        <div>
            <p class="text-sm text-gray-500">{{ __('Locații') }}</p>
            <p class="text-2xl font-semibold text-gray-800">—</p>
        </div>
    </a>
    @endcan

    @can('fields.list')
    <a href="{{ route('admin.fields.index') }}"
       class="flex items-center gap-4 rounded-lg bg-white p-6 shadow hover:shadow-md transition">
        <div class="flex h-12 w-12 items-center justify-center rounded-full bg-purple-100 text-purple-600">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M4 6a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM4 14a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2z" />
            </svg>
        </div>
        <div>
            <p class="text-sm text-gray-500">{{ __('Terenuri') }}</p>
            <p class="text-2xl font-semibold text-gray-800">{{ \App\Models\Field::count() }}</p>
        </div>
    </a>
    @endcan

    @can('viewAny', \App\Models\Sport::class)
    <a href="{{ route('admin.sports.index') }}"
       class="flex items-center gap-4 rounded-lg bg-white p-6 shadow hover:shadow-md transition">
        <div class="flex h-12 w-12 items-center justify-center rounded-full bg-orange-100 text-orange-600">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M13 10V3L4 14h7v7l9-11h-7z" />
            </svg>
        </div>
        <div>
            <p class="text-sm text-gray-500">{{ __('Sporturi') }}</p>
            <p class="text-2xl font-semibold text-gray-800">{{ \App\Models\Sport::count() }}</p>
        </div>
    </a>
    @endcan
</div>
@endsection