@model ContactManagementAPI.Models.Contact
@{
    ViewData["Title"] = $"Delete Contact - {Model.FirstName} {Model.LastName}";
}

<div class="delete-container">
    <div class="delete-header">
        <h2><i class="fas fa-exclamation-triangle"></i> Confirm Delete</h2>
    </div>

    <div class="delete-message">
        <p>Are you sure you want to delete this contact?</p>
        <div class="contact-preview">
            @if (!string.IsNullOrEmpty(Model.PhotoPath))
            {
                <img src="@Model.PhotoPath" alt="@Model.FirstName @Model.LastName" />
            }
            else
            {
                <div class="photo-placeholder-large">
                    <i class="fas fa-user"></i>
                </div>
            }
            <h3>@Model.FirstName @Model.LastName</h3>
            @if (!string.IsNullOrEmpty(Model.Email))
            {
                <p>@Model.Email</p>
            }
        </div>
        <p class="warning-text">This action cannot be undone. All associated photos and documents will also be deleted.</p>
    </div>

    <form asp-action="DeleteConfirmed" method="post" class="delete-form">
        @Html.AntiForgeryToken()
        <input type="hidden" asp-for="Id" />
        <div class="form-actions">
            <button type="submit" class="btn btn-danger">
                <i class="fas fa-trash"></i> Delete Contact
            </button>
            <a href="/home/details/@Model.Id" class="btn btn-secondary">
                <i class="fas fa-times"></i> Cancel
            </a>
        </div>
    </form>
</div>