@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