@extends('layouts.legal')

@section('title', 'Execution Complete')

@section('content')
    <main class="pt-32 pb-24 px-4 flex justify-center items-center min-h-screen">
        <div class="w-full max-w-lg bg-white p-12 rounded-xl doc-canvas text-center fade-in border border-slate-100">
            <div class="w-20 h-20 bg-blue-50 text-brand-blue rounded-full flex items-center justify-center mx-auto mb-8 border border-blue-100">
                <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7" />
                </svg>
            </div>
            <h1 class="legal-serif text-3xl text-slate-900 mb-4">Signing Complete</h1>
            <p class="text-slate-600 mb-8 leading-relaxed text-sm">
                Thank you. Your digital signature has been successfully applied to the following documents:
            </p>

            <div class="space-y-3 mb-8">
                @php $docs = is_array($sigRequest->document_type) ? $sigRequest->document_type : explode(',', $sigRequest->document_type); @endphp
                @foreach($docs as $doc)
                    <div class="bg-blue-50/50 border border-blue-100 py-2 px-4 rounded text-xs font-bold text-brand-blue uppercase tracking-wider">
                        {{ Str::headline(trim($doc)) }}
                    </div>
                @endforeach
            </div>

            <div class="space-y-3">
                <div class="bg-slate-50 p-4 rounded-lg flex justify-between items-center text-[10px]">
                    <span class="text-slate-400 font-bold uppercase tracking-widest">Digital Audit ID</span>
                    <span class="font-mono text-slate-900">{{ substr($sigRequest->uuid, 0, 12) }}...</span>
                </div>
                <div class="bg-slate-50 p-4 rounded-lg flex justify-between items-center text-[10px]">
                    <span class="text-slate-400 font-bold uppercase tracking-widest">Completion Timestamp</span>
                    <span class="text-slate-900 font-semibold">{{ $sigRequest->signed_at->format('M d, Y H:i T') }}</span>
                </div>
            </div>

            <!--<p class="mt-10 text-[10px] text-slate-400 italic">-->
            <!--    A fully executed PDF bundle will be dispatched to your email address shortly.-->
            <!--</p>-->

            <div class="mt-10 pt-8 border-t border-slate-100">
                <span class="text-[9px] uppercase tracking-[0.4em] font-black text-brand-blue">MMA Legal</span>
            </div>
        </div>
    </main>
@endsection