@extends('layouts.public')
@section('content')
<x-page-hero :kicker="$offer->duration" :title="$offer->title" :lede="$offer->summary" :crumbs="$crumbs" />
<article class="mx-auto grid max-w-6xl gap-10 px-5 py-16 lg:grid-cols-[1.15fr_.85fr] lg:py-20">
    <div>
        <p class="inline-flex items-center gap-2 rounded-full border border-line bg-cream px-3 py-1 text-sm font-semibold text-brass-deep">
            <i data-lucide="wallet" class="h-4 w-4"></i>
            {{ ($showPrices && $offer->price_from) ? 'PKR '.number_format($offer->price_from).($offer->price_to ? '–'.number_format($offer->price_to) : '').' '.$offer->price_unit : 'Starting range on request' }}
        </p>
        @if(!($showPrices && $offer->price_from))
            <p class="mt-3 max-w-xl text-sm leading-6 text-muted">The quotation follows campus size, data condition, travel and senior time.</p>
        @endif
        @if($offer->deliverables)
            <h2 class="section-title mt-10 text-[clamp(1.7rem,3vw,2.4rem)]">Named deliverables</h2>
            <ol class="mt-6 grid gap-3">
                @foreach($offer->deliverables as $item)
                    <li class="leak flex items-start gap-3 !py-4">
                        <span class="text-xs font-semibold tracking-[0.14em] text-brass">0{{ $loop->iteration }}</span>
                        <span class="text-sm leading-6">{{ $item }}</span>
                    </li>
                @endforeach
            </ol>
        @endif
        @if($offer->body)<div class="prose-owner mt-10">{!! $offer->body !!}</div>@endif
    </div>
    <div class="lg:sticky lg:top-32 lg:self-start">
        <x-scan-form :offers="collect([$offer])" source="offer" :selected="$offer->slug" />
    </div>
</article>
@endsection