@extends('layouts.app')
@section('content')
<section class="section"><div class="container detail-grid"><div><span class="pill">{{ $service->category->name }}</span><h1>{{ $service->title }}</h1><p class="lead">{{ $service->excerpt }}</p><div class="detail-card"><h3>Service description</h3><div class="prose">{!! nl2br(e($service->description)) !!}</div></div><div class="detail-card"><h3>Seller</h3><strong>{{ $service->seller->shop_name }}</strong><p>★ {{ number_format($service->seller->rating,1) }} · {{ number_format($service->seller->orders_count) }} orders</p></div></div><aside class="buy-card"><span class="eyebrow">ORDER</span><div class="price">${{ number_format($service->price,2) }}</div><p>Typical delivery: {{ $service->delivery_minutes >= 60 ? round($service->delivery_minutes/60).' hours' : $service->delivery_minutes.' minutes' }}</p><form method="post" action="{{ route('orders.store',$service) }}">@csrf @foreach($service->requirements ?? [] as $field)<label>{{ $field['label'] }} @if($field['required']) * @endif<input name="buyer_input[{{ $field['key'] }}]" placeholder="{{ $field['label'] }}"></label>@endforeach<button class="btn full">Create Order</button></form><small>Payment gateway/escrow will be connected in the next milestone.</small></aside></div></section>
@endsection