@extends('layouts.app')
@section('content')
<section class="page-head"><div class="container"><span class="eyebrow">MARKETPLACE</span><h1>Explore services</h1><p>Search and compare GSM services from marketplace sellers.</p><form class="toolbar"><input name="q" value="{{ request('q') }}" placeholder="Search..."><select name="category"><option value="">All categories</option>@foreach($categories as $category)<option value="{{ $category->slug }}" @selected(request('category')===$category->slug)>{{ $category->name }}</option>@endforeach</select><button class="btn">Filter</button></form></div></section>
<section class="section"><div class="container"><div class="service-grid">@forelse($services as $service)<a class="service-card" href="{{ route('services.show',$service) }}"><div class="service-top"><span class="pill">{{ $service->category->name }}</span><span class="rating">★ {{ number_format($service->seller->rating,1) }}</span></div><h3>{{ $service->title }}</h3><p>{{ $service->excerpt }}</p><div class="service-bottom"><span>{{ $service->seller->shop_name }}</span><strong>${{ number_format($service->price,2) }}</strong></div></a>@empty<div class="empty">No services found.</div>@endforelse</div><div class="pagination">{{ $services->links() }}</div></div></section>
@endsection