@extends('layouts.app')

@section('header-back')
    <div class="w-10"></div>
@endsection

@section('content')
<main class="flex-grow pt-2xl px-container-padding pb-xl flex flex-col mt-16 max-w-md mx-auto w-full">
    <div class="flex gap-xs mb-2xl justify-center">
        <div class="h-1.5 w-8 rounded-full bg-outline-variant"></div>
        <div class="h-1.5 w-8 rounded-full bg-outline-variant"></div>
        <div class="h-1.5 w-8 rounded-full bg-outline-variant"></div>
    </div>

    <section class="space-y-base mb-2xl text-center">
        <h2 class="font-headline-xl text-headline-xl text-on-background">Aksiýa tamamlandy</h2>
        <p class="font-body-md text-body-md text-on-surface-variant">
            {{ \App\Exceptions\CouponPoolExhaustedException::MESSAGE }}
        </p>
    </section>

    <div class="flex items-start gap-sm bg-secondary-container/30 p-md rounded border border-secondary-container">
        <x-app-icon name="info" class="w-6 h-6 text-on-secondary-container mt-0.5 shrink-0" />
        <p class="font-body-sm text-body-sm text-on-secondary-container text-left">
            Ähli kuponlar paýlandy. Öň agza bolan ulanyjylar öz kodlaryny «Gutlaýarys» sahypasyndan görüp bilýärler.
        </p>
    </div>
</main>
@endsection