@php use Illuminate\Support\Str; @endphp

<section class="tab-panel {{ !$hasServices ? 'active' : '' }}" id="panel-location">
    <div class="panel-header teal">
        <h2><i class="fas fa-tools"></i> Location de Matériel</h2>
        <p>Équipements professionnels disponibles à la location</p>
    </div>

    <div class="panel-toolbar" data-filter-group="location">
        <div class="panel-toolbar-main">
            <div>
                <div class="panel-results" id="results-location">
                    {{ $allEquipments->count() }} équipement{{ $allEquipments->count() > 1 ? 's' : '' }}
                </div>
                <div class="panel-results-note">Filtrez le matériel par mot-clé, catégorie, état ou budget.</div>
            </div>

            <button type="button" class="panel-filter-toggle" data-filter-toggle="location">
                <i class="fas fa-sliders-h"></i> Filtres
            </button>
        </div>

        <div class="panel-filters" id="filters-location">
            <div class="panel-filter-grid">
                <label class="filter-field">
                    <span>Recherche</span>
                    <input type="search" data-filter-input="location-search" placeholder="Nom, marque, modèle">
                </label>

                <label class="filter-field">
                    <span>Catégorie</span>
                    <select data-filter-input="location-category">
                        <option value="">Toutes</option>
                        @foreach($equipmentCategories as $categoryName)
                            <option value="{{ Str::slug($categoryName) }}">{{ $categoryName }}</option>
                        @endforeach
                    </select>
                </label>

                <label class="filter-field">
                    <span>État</span>
                    <select data-filter-input="location-condition">
                        <option value="">Tous</option>
                        @foreach($equipmentConditions as $condition)
                            <option value="{{ $condition }}">{{ ucfirst(str_replace('_', ' ', $condition)) }}</option>
                        @endforeach
                    </select>
                </label>

                <label class="filter-field">
                    <span>Prix max / jour (€)</span>
                    <input type="number" min="0" step="1" data-filter-input="location-max-price" placeholder="Ex: 80">
                </label>
            </div>

            <div class="panel-filter-actions">
                <button type="button" class="panel-filter-reset" data-filter-reset="location">Réinitialiser</button>
            </div>
        </div>
    </div>

    <div class="equipment-grid">
        @foreach($allEquipments as $equipment)
            @php
                $equipmentCategoryName = $equipment->category?->name;
                $equipmentSearch = mb_strtolower(trim(
                    $equipment->name . ' ' .
                    strip_tags($equipment->description ?? '') . ' ' .
                    ($equipment->brand ?? '') . ' ' .
                    ($equipment->model ?? '') . ' ' .
                    ($equipmentCategoryName ?? '') . ' ' .
                    ($equipment->condition ?? '')
                ));
                $equipmentPriceReference = $equipment->price_per_day ?? $equipment->price_per_hour ?? $equipment->price_per_week ?? null;
            @endphp

            <article
                class="equipment-card filterable-card"
                data-filter-group="location"
                data-search="{{ $equipmentSearch }}"
                data-category="{{ $equipmentCategoryName ? Str::slug($equipmentCategoryName) : '' }}"
                data-condition="{{ $equipment->condition ?? '' }}"
                data-price="{{ $equipmentPriceReference !== null ? (float) $equipmentPriceReference : '' }}"
            >
                <a href="{{ route('equipment.show', $equipment) }}" class="equipment-image">
                    @if($equipment->main_photo)
                        <img src="{{ asset('storage/' . $equipment->main_photo) }}" alt="{{ $equipment->name }}" loading="lazy">
                    @else
                        <div class="equipment-no-image">
                            <i class="fas fa-tools"></i>
                        </div>
                    @endif

                    @if($equipment->is_available)
                        <span class="availability-badge available">Disponible</span>
                    @else
                        <span class="availability-badge unavailable">Réservé</span>
                    @endif
                </a>

                <div class="equipment-body">
                    <h3><a href="{{ route('equipment.show', $equipment) }}">{{ $equipment->name }}</a></h3>
                    <p class="equipment-desc">{{ Str::limit($equipment->description, 70) }}</p>

                    @if($equipmentCategoryName || $equipment->condition || $equipment->brand)
                        <div class="item-meta-row">
                            @if($equipmentCategoryName)
                                <span class="item-chip">{{ $equipmentCategoryName }}</span>
                            @endif

                            @if($equipment->condition)
                                <span class="item-chip muted">{{ ucfirst(str_replace('_', ' ', $equipment->condition)) }}</span>
                            @endif

                            @if($equipment->brand)
                                <span class="item-chip soft">{{ $equipment->brand }}</span>
                            @endif
                        </div>
                    @endif

                    <div class="equipment-pricing">
                        @if($equipment->price_per_hour)
                            <span class="rate"><strong>{{ number_format($equipment->price_per_hour, 0, ',', ' ') }} €</strong>/h</span>
                        @endif
                        @if($equipment->price_per_day)
                            <span class="rate"><strong>{{ number_format($equipment->price_per_day, 0, ',', ' ') }} €</strong>/jour</span>
                        @endif
                    </div>

                    <a href="{{ route('equipment.show', $equipment) }}" class="btn-equipment">
                        <i class="fas fa-calendar-check"></i> Réserver
                    </a>
                </div>
            </article>
        @endforeach
    </div>

    <div class="panel-filter-empty" id="empty-location" hidden>
        <i class="fas fa-toolbox"></i>
        <p>Aucun équipement ne correspond à ces filtres.</p>
    </div>
</section>