updates for admin area

resources/views/djs/_card.blade.php

@@ -1 +1 @@
-<article class="card"><div class="card-img" style="background-image:url('{{ $dj->profile_photo ?: 'https://images.unsplash.com/photo-1571266028243-d220c9c3b2d2?auto=format&fit=crop&w=700&q=80' }}')"></div><div class="card-body"><h3>{{ $dj->stage_name }} @if($dj->verified_at) ✓ @endif</h3><div class="stars">★★★★★ <span class="muted">{{ number_format($dj->average_rating,1) }} ({{ $dj->review_count }})</span></div><p class="muted">{{ $dj->city }} · {{ $dj->headline }}</p><div class="price">From £{{ number_format($dj->price_from,0) }}</div><a class="button" href="{{ route('djs.show',$dj) }}">View profile</a></div></article>
+<article class="card dj-card"><a class="card-img" href="{{ route('djs.show',$dj) }}" style="background-image:url('{{ $dj->profile_photo ?: 'https://images.unsplash.com/photo-1571266028243-d220c9c3b2d2?auto=format&fit=crop&w=900&q=82' }}')"></a><div class="card-body"><div class="card-title-line"><h3>{{ $dj->stage_name }}</h3>@if($dj->verified_at)<span class="verified" title="Verified">✓</span>@endif</div><div class="stars">★★★★★ <span>{{ number_format($dj->average_rating,1) }} ({{ $dj->review_count }})</span></div><p>{{ $dj->city }}@if($dj->headline) · {{ Str::limit($dj->headline,48) }}@endif</p><div class="card-foot"><strong>{{ $dj->price_from ? 'From £'.number_format($dj->price_from,0) : 'Ask for a quote' }}</strong><a href="{{ route('djs.show',$dj) }}">View profile →</a></div></div></article>

resources/views/djs/index.blade.php

@@ -1 +1,7 @@
-@extends('layouts.app') @section('title','Find DJs — BeatBook') @section('content')<main class="section"><div class="shell"><div class="eyebrow">Discover</div><h1 style="font-size:48px">Find your DJ</h1><form class="searchbox" style="margin:25px 0 35px"><input name="location" value="{{ request('location') }}" placeholder="Town or city"><input name="max_price" type="number" value="{{ request('max_price') }}" placeholder="Maximum price"><select><option>Highest rated</option></select><button class="button">Filter</button></form><div class="cards">@foreach($djs as $dj) @include('djs._card') @endforeach</div><div style="margin-top:30px">{{ $djs->links() }}</div></div></main>@endsection
+@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

resources/views/djs/show.blade.php

@@ -1 +1,8 @@
-@extends('layouts.app') @section('title',$dj->stage_name.' — BeatBook') @section('content')<div class="profile-hero" style="background-image:linear-gradient(#0002,#0008),url('{{ $dj->cover_photo ?: $dj->profile_photo }}')"></div><main class="shell"><section class="profile-panel"><img class="avatar" src="{{ $dj->profile_photo }}" alt="{{ $dj->stage_name }}"><div><h1 style="margin:0">{{ $dj->stage_name }} @if($dj->verified_at)<span style="color:#2563eb">✓</span>@endif</h1><div class="stars">★★★★★ <span style="color:#64748b">{{ $dj->average_rating }} · {{ $dj->review_count }} reviews</span></div><p>{{ $dj->headline }}</p><div class="chips">@foreach($dj->genres as $genre)<span class="chip">{{ $genre->name }}</span>@endforeach</div></div><aside><span>From</span><div style="font-size:34px;font-weight:900">£{{ number_format($dj->price_from,0) }}</div><span>per event</span><br><br><a class="button" href="#enquire">Request a quote</a></aside></section><section class="section" style="padding-top:15px"><div style="display:grid;grid-template-columns:2fr 1fr;gap:35px"><div><h2>About {{ $dj->stage_name }}</h2><p class="muted" style="font-size:17px;line-height:1.8">{{ $dj->bio }}</p><h2>Reviews</h2>@foreach($dj->reviews as $review)<div class="card" style="padding:20px;margin-bottom:12px"><div class="stars">{{ str_repeat('★',$review->rating) }}</div><h3>{{ $review->title }}</h3><p>{{ $review->body }}</p></div>@endforeach</div><aside id="enquire" class="card" style="padding:22px;height:max-content"><h2>Check availability</h2>@auth<form method="post" action="{{ route('enquiries.store',$dj) }}">@csrf<input name="event_type" placeholder="Event type" required style="width:100%;padding:12px;margin:5px 0"><input name="event_date" type="date" required style="width:100%;padding:12px;margin:5px 0"><input name="venue" placeholder="Venue / town" required style="width:100%;padding:12px;margin:5px 0"><input name="budget" type="number" placeholder="Budget £" style="width:100%;padding:12px;margin:5px 0"><textarea name="message" required placeholder="Tell the DJ about your event" style="width:100%;min-height:130px;padding:12px;margin:5px 0"></textarea><button class="button">Send enquiry</button></form>@else<p class="muted">Sign in to send a secure enquiry.</p><a class="button" href="{{ route('login') }}">Sign in</a>@endauth</aside></div></section></main>@endsection
+@extends('layouts.app')
+@section('title',$dj->stage_name.' — BeatBook')
+@section('content')
+<div class="profile-hero" style="background-image:linear-gradient(180deg,rgba(7,10,25,.1),rgba(7,10,25,.78)),url('{{ $dj->cover_photo ?: $dj->profile_photo }}')"></div>
+<main class="shell profile-shell"><section class="profile-panel"><img class="avatar" src="{{ $dj->profile_photo }}" alt="{{ $dj->stage_name }}"><div class="profile-summary"><div class="profile-title"><h1>{{ $dj->stage_name }}</h1>@if($dj->verified_at)<span class="verified large">✓</span>@endif</div><div class="stars">★★★★★ <span>{{ $dj->average_rating }} · {{ $dj->review_count }} reviews</span></div><p>{{ $dj->headline }}</p><div class="chips">@foreach($dj->genres as $genre)<span class="chip">{{ $genre->name }}</span>@endforeach</div></div><aside class="profile-price"><span>From</span><strong>£{{ number_format($dj->price_from,0) }}</strong><small>per event</small><a class="button" href="#enquire">Request a quote</a></aside></section>
+<div class="profile-grid"><section class="profile-main"><div class="profile-section"><h2>About {{ $dj->stage_name }}</h2><p class="profile-bio">{{ $dj->bio }}</p></div><div class="profile-section"><div class="panel-head"><h2>Reviews</h2><span>{{ $dj->review_count }} total</span></div>@forelse($dj->reviews->where('status','published') as $review)<article class="review-card"><div class="stars">{{ str_repeat('★',$review->rating) }}</div><h3>{{ $review->title }}</h3><p>{{ $review->body }}</p></article>@empty<div class="empty-state">No published reviews yet.</div>@endforelse</div></section>
+<aside id="enquire" class="enquiry-card"><h2>Check availability</h2><p>Tell {{ $dj->stage_name }} about your event.</p>@auth<form class="enquiry-form" method="post" action="{{ route('enquiries.store',$dj) }}">@csrf<label><span>Event type</span><input name="event_type" placeholder="Wedding, party…" required></label><label><span>Event date</span><input name="event_date" type="date" required></label><label><span>Venue / town</span><input name="venue" required></label><label><span>Budget</span><input name="budget" type="number" placeholder="£"></label><label><span>Event details</span><textarea name="message" required placeholder="Guests, timings, music, venue details…"></textarea></label><button class="button full" type="submit">Send enquiry</button></form>@else<p class="muted">Sign in to send a secure enquiry.</p><a class="button full" href="{{ route('login') }}">Sign in to enquire</a>@endauth</aside></div></main>
+@endsection