@model PowderCoating.Web.ViewModels.QuoteApprovalViewModel
@{
    Layout = "_QuoteApprovalLayout";
    ViewData["Title"] = "One Last Step";
    ViewBag.CompanyName = Model.CompanyName;
}

<div class="card mb-4">
    <div class="card-body">
        <h4 class="fw-bold mb-1">Almost done!</h4>
        <p class="text-muted mb-0">
            You're approving quote <strong>@Model.QuoteNumber</strong> for <strong>@Model.Total.ToString("C")</strong>.
            Please confirm your contact details so <strong>@Model.CompanyName</strong> can reach you.
        </p>
    </div>
</div>

@if (!string.IsNullOrEmpty(Model.DeclineError))
{
    <div class="alert alert-danger">@Model.DeclineError</div>
}

<div class="card">
    <div class="card-body">
        <form method="post" action="/quote-approval/@Model.Token/confirm-details">
            @Html.AntiForgeryToken()

            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Your Name <span class="text-danger">*</span></label>
                    <input type="text" name="contactName" class="form-control"
                           value="@Model.ProspectContactName" placeholder="First Last" required />
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Company Name <small class="text-muted fw-normal">(if applicable)</small></label>
                    <input type="text" name="companyName" class="form-control"
                           value="@Model.ProspectCompanyName" placeholder="Your Business Name" />
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Email <span class="text-danger">*</span></label>
                    <input type="email" name="email" class="form-control"
                           value="@Model.ProspectEmail" placeholder="you@example.com" />
                    <div class="form-text">Required if no phone provided.</div>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Phone <span class="text-danger">*</span></label>
                    <input type="tel" name="phone" class="form-control"
                           value="@Model.ProspectPhone" placeholder="(555) 555-5555" />
                    <div class="form-text">Required if no email provided.</div>
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Street Address <small class="text-muted fw-normal">(optional)</small></label>
                    <input type="text" name="address" class="form-control"
                           value="@Model.ProspectAddress" placeholder="123 Main St" />
                </div>
                <div class="col-md-5">
                    <label class="form-label fw-semibold">City</label>
                    <input type="text" name="city" class="form-control"
                           value="@Model.ProspectCity" placeholder="City" />
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">State</label>
                    <input type="text" name="state" class="form-control"
                           value="@Model.ProspectState" placeholder="ST" maxlength="2" />
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Zip Code</label>
                    <input type="text" name="zipCode" class="form-control"
                           value="@Model.ProspectZipCode" placeholder="12345" />
                </div>
            </div>

            <hr class="my-4" />

            <div class="d-flex gap-3 justify-content-end">
                <a href="/quote-approval/@Model.Token" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i>Back to Quote
                </a>
                <button type="submit" class="btn btn-success px-4">
                    <i class="bi bi-check-circle me-1"></i>Confirm &amp; Approve Quote
                </button>
            </div>
        </form>
    </div>
</div>