@extends('layouts.app')
@section('title', __('Request received'))

@section('content')
<div class="max-w-xl mx-auto rounded-2xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 shadow-sm p-6 sm:p-8 text-center">
    <div class="w-14 h-14 mx-auto rounded-full bg-emerald-100 dark:bg-emerald-900/40 text-emerald-600 dark:text-emerald-300 flex items-center justify-center mb-4">
        <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
    </div>
    <h1 class="text-xl font-semibold text-slate-900 dark:text-white mb-2">{{ __('Got it — your request has been sent.') }}</h1>
    <p class="text-sm text-slate-600 dark:text-slate-300 mb-4">
        {{ __('Your accountant has been notified. You will get an email when the result is ready (usually within 48 hours).') }}
    </p>

    <div class="text-xs text-slate-500 font-mono mb-6">{{ __('Reference') }}: #{{ $submission->id }}</div>

    @php
        $minutesLeft = (int) max(0, $cancelWindowMinutes - $submission->created_at->diffInMinutes(now()));
    @endphp
    @if($submission->status === \App\Models\FileSubmission::STATUS_RECEIVED && $minutesLeft > 0)
        <form method="POST" action="{{ route('client.request.cancel', $submission) }}"
              onsubmit="return confirm('{{ __('Cancel this request?') }}')"
              class="mb-4">
            @csrf
            <button type="submit"
                    class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-rose-300 dark:border-rose-700 text-rose-700 dark:text-rose-300 bg-white dark:bg-slate-950 hover:bg-rose-50 dark:hover:bg-rose-900/20 text-xs font-medium">
                {{ __('Cancel my request') }} <span class="text-slate-400">({{ __(':n min left', ['n' => $minutesLeft]) }})</span>
            </button>
        </form>
    @endif

    <div class="flex items-center justify-center gap-2">
        <a href="{{ route('client.request.show') }}"
           class="inline-flex items-center px-3 py-1.5 rounded-lg border border-slate-300 dark:border-slate-700 bg-white dark:bg-slate-950 hover:bg-slate-50 dark:hover:bg-slate-800 text-slate-700 dark:text-slate-200 text-sm">
            {{ __('Make another request') }}
        </a>
        <a href="{{ route('client.results.index') }}"
           class="inline-flex items-center px-4 py-1.5 rounded-lg bg-slate-900 dark:bg-slate-100 text-white dark:text-slate-900 text-sm font-semibold hover:bg-slate-800 dark:hover:bg-white">
            {{ __('See my analyses') }}
        </a>
    </div>
</div>
@endsection