@extends('user.layout')

@section('content')
<div class="page-header">
    <h4 class="page-title">{{ __('Vehicle Requests') }}</h4>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div class="card-title mb-0">{{ __('Vehicle Search Requests') }}</div>

        <a href="{{ route('user.vehicle_requests.create') }}" class="btn btn-primary btn-sm">
            <i class="fas fa-plus"></i> {{ __('Add Request') }}
        </a>
    </div>

    <div class="card-body">
        @if ($requests->count() > 0)

        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Solicitud</th>
                        <th>Filtros</th>
                        <th>Coincidencias</th>
                        <th>Estatus</th>
                        <th>Creado</th>
                        <th>Acción</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($requests as $requestItem)

                    @php
                        $matchTotal = $matchCounts[$requestItem->id] ?? 0;
                        $unseenTotal = $unseenCounts[$requestItem->id] ?? 0;

                        $summary = [];

                        if ($requestItem->car_type) $summary[] = ucfirst($requestItem->car_type);
                        if ($requestItem->year_min || $requestItem->year_max) {
                            $summary[] = ($requestItem->year_min ?: '-') . ' - ' . ($requestItem->year_max ?: '-');
                        }
                        if ($requestItem->price_min || $requestItem->price_max) {
                            $summary[] = '$'.$requestItem->price_min.' - $'.$requestItem->price_max;
                        }
                        if ($requestItem->fuel_type) $summary[] = $requestItem->fuel_type;
                    @endphp

                    <tr>

                        {{-- REQUEST --}}
                        <td>
                            <strong>#{{ $requestItem->id }}</strong>
                            <div class="text-muted small mt-1">
                                {{ implode(' | ', $summary) }}
                            </div>
                        </td>

                        {{-- FILTERS --}}
                      <td style="font-size:13px; line-height:1.6; color:#444;">

    {{-- VEHICLE --}}
    <div>
        <strong>
            {{ $requestItem->brand_name ?? '-' }}
            {{ $requestItem->model_name ?? '' }}
            @if(!empty($requestItem->version_name))
                / {{ $requestItem->version_name }}
            @endif
        </strong>
    </div>

    {{-- CATEGORY --}}
    @if($requestItem->category_name)
        <div style="color:#666;">
            {{ $requestItem->category_name }}
        </div>
    @endif

    {{-- LOCATION (Zone, City, Department) --}}
    @if($requestItem->zone_name || $requestItem->city_name || $requestItem->department_name)
        <div style="color:#777; font-size:12px;">
            <i class="fas fa-map-marker-alt" style="color:#e74c3c; margin-right:4px;"></i>

            {{ $requestItem->zone_name ?? '' }}

            @if(!empty($requestItem->city_name))
                , {{ $requestItem->city_name }}
            @endif

            @if(!empty($requestItem->department_name))
                , {{ $requestItem->department_name }}
            @endif
        </div>
    @endif

    {{-- MOTOR --}}
    @if($requestItem->motor)
        <div style="font-size:12px; color:#666;">
            Motor: {{ $requestItem->motor }}
        </div>
    @endif

</td>

                        {{-- MATCHES --}}
                        <td>
                            <span class="badge badge-primary" style="font-size:14px;">
                                {{ $matchTotal }}
                            </span>

                            @if($unseenTotal > 0)
                                <div class="mt-2">
                                    <span class="badge badge-danger">
                                        {{ $unseenTotal }} Nuevo
                                    </span>
                                </div>
                            @endif
                        </td>

                        {{-- STATUS --}}
                        <td>
                            <span class="badge badge-{{ $requestItem->status ? 'success' : 'secondary' }}">
                                {{ $requestItem->status ? 'Active' : 'Inactive' }}
                            </span>
                        </td>

                        {{-- DATE --}}
                        <td>
                            {{ \Carbon\Carbon::parse($requestItem->created_at)->format('d M Y') }}
                        </td>

                        {{-- ACTION --}}
                        <td>

                            <a href="{{ route('user.vehicle_requests.matches', $requestItem->id) }}"
                               class="btn btn-sm btn-primary mb-1">
                                <i class="fas fa-search"></i>
                            </a>

                            <a href="{{ route('user.vehicle_requests.edit', $requestItem->id) }}"
                               class="btn btn-sm btn-warning mb-1">
                                <i class="fas fa-edit"></i>
                            </a>
<form action="{{ route('user.vehicle_requests.delete', $requestItem->id) }}"
      method="POST"
      style="display:inline;"
      onsubmit="return confirm('Are you sure you want to delete this request?')">
    
    @csrf
    @method('DELETE')

    <button type="submit" class="btn btn-sm btn-danger mb-1">
        <i class="fas fa-trash"></i>
    </button>
</form>

                        </td>

                    </tr>

                    @endforeach
                </tbody>
            </table>
        </div>

        @else
            <div class="text-center p-5">
                <h4>No hay solicitudes de vehículos</h4>
                <p class="text-muted">Crea una nueva solicitud para comenzar a buscar vehículos compatibles.</p>
            </div>
        @endif
    </div>
</div>
@endsection