@extends('layouts.aura-main')

@section('main-content')
<div class="max-w-xl mx-auto py-20 text-center">
    <div class="bg-white border border-slate-300 rounded-sm p-12 shadow-2xl">
        <div class="w-20 h-20 bg-rose-50 text-rose-500 rounded-full flex items-center justify-center mx-auto mb-6">
            <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" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg>
        </div>
        
        <h1 class="text-xl font-black text-slate-900 uppercase tracking-tight mb-2">Archive Customer?</h1>
        <p class="text-xs text-slate-500 mb-8 leading-relaxed italic">
            You are about to archive <span class="font-black text-slate-900 uppercase">"{{ $customer->name }}"</span>. 
            They will be hidden from the directory, but all historical invoices and financial ledger entries will be preserved for audit purposes.
        </p>

        <form action="{{ route('customers.destroy', $customer->id) }}" method="POST" class="flex flex-col gap-3">
            @csrf
            @method('DELETE')
            <button type="submit" class="w-full bg-rose-600 text-white py-3 rounded-sm text-[10px] font-black uppercase tracking-widest hover:bg-rose-700 shadow-lg transition">
                Yes, Archive Customer
            </button>
            <a href="{{ route('customers.show', $customer->id) }}" class="text-[10px] font-black uppercase text-slate-400 py-3">No, Keep Customer</a>
        </form>
    </div>
</div>
@endsection