@extends('layouts.app')
@section('title','Find DJs — BeatBook')
@section('content')
<main class="directory-page"><div class="shell"><div class="directory-heading"><div><div class="eyebrow">Discover</div><h1>Find your DJ</h1><p>Search trusted DJs by location and budget.</p></div><span class="results-count">{{ $djs->total() }} {{ Str::plural('DJ',$djs->total()) }}</span></div>
<form class="filterbar" method="get"><label><span>Location</span><input name="location" value="{{ request('location') }}" placeholder="Town or city"></label><label><span>Maximum price</span><input name="max_price" type="number" min="0" value="{{ request('max_price') }}" placeholder="Any budget"></label><label><span>Sort</span><select name="sort"><option value="rating" @selected(request('sort')==='rating')>Highest rated</option><option value="price_low" @selected(request('sort')==='price_low')>Price: low to high</option><option value="price_high" @selected(request('sort')==='price_high')>Price: high to low</option></select></label><button class="button" type="submit">Apply filters</button></form>
<div class="cards dj-cards directory-cards">@forelse($djs as $dj) @include('djs._card') @empty <div class="empty-state directory-empty"><h2>No DJs matched your search</h2><p>Try removing a filter or searching a nearby town.</p><a class="button ghost" href="{{ route('djs.index') }}">Clear filters</a></div>@endforelse</div><div class="pagination-wrap">{{ $djs->withQueryString()->links() }}</div></div></main>
@endsection