@extends('layouts.app')

@section('title', 'Confirmar eliminación de cuenta')

@section('content')

<div class="row justify-content-center">
    <div class="col-12 col-lg-7">
        <div class="fermenty-card" style="border-color:#F5B8B8;">
            <div class="page-title" style="font-size:1.4rem;color:#7A1A1A;">Confirmar eliminación de cuenta</div>
            <p class="page-subtitle mb-3">
                Estás a punto de eliminar tu cuenta de forma permanente.
            </p>

            <div class="mb-4" style="background:#FFF6F6;border:1px solid #F5D1D1;border-radius:10px;padding:12px;">
                <div style="font-weight:700;color:#7A1A1A;">Se eliminará:</div>
                <div class="step-desc mb-0">Tu perfil, tus lotes, tus recetas y tu historial asociado a {{ $user->email }}.</div>
            </div>

            <form method="POST" action="{{ route('perfil.destroy') }}"
                  onsubmit="return confirm('Esta acción es irreversible. ¿Eliminar definitivamente tu cuenta?')">
                @csrf
                @method('DELETE')

                <div class="d-flex gap-2 flex-wrap">
                    <button type="submit" class="btn btn-sm"
                            style="background:#B64A1A;color:#fff;border:0.5px solid #A23D11;border-radius:20px;">
                        Sí, eliminar definitivamente
                    </button>
                    <a href="{{ route('perfil.show') }}" class="btn btn-fermenty-outline btn-sm">
                        Cancelar
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection