@attribute [StreamRendering]

<section id="contact" class="section-padding bg-light-purple">
    <div class="container">
        <h2 class="text-center mb-5 text-light">Partner with us</h2>
        <div class="row">
            <div class="col-lg-8 mx-auto">
                <p class="text-center lead text-light">Partner with an Executive Financial Virtual PA. Request your introductory consultation today and take the first step toward a streamlined office.</p>
                <ul class="list-unstyled text-center text-light fs-5">
                    <li class="mb-3"><i class="bi bi-envelope-fill me-2"></i> Email: <a href="mailto:assistance@ctrlaltassist.co.za" class="text-light">assistance@ctrlaltassist.co.za</a></li>
                    <li class="mb-3"><i class="bi bi-phone-fill me-2"></i> Cellphone: <a href="tel:+27827547524" class="text-light">+27 82 754 7524</a></li>
                </ul>
                <!-- Simple Contact Form (Optional, can be expanded) -->
                <EditForm Enhance FormName="ContactUs" Model="@model" OnValidSubmit="SubmitContactFormAsync" class="mt-4">
                    <div class="mb-3 form-floating">
                        <InputText type="text" class="form-control" placeholder="" id="form_name_field" @bind-Value="@model.name" />
                        <label for="form_name_field">Name</label>
                        <ValidationMessage For="@(() => model.name)" class="text-danger" />
                    </div>
                    <div class="mb-3 form-floating">
                        <InputText type="email" class="form-control" placeholder="" id="form_email_field" @bind-Value="@model.email" />
                        <label for="form_email_field">Email</label>
                        <ValidationMessage For="@(() => model.email)" class="text-danger" />
                    </div>
                    <div class="mb-3 form-floating">
                        <InputTextArea class="form-control" style="height:200px;" placeholder="" id="form_mesage_field" @bind-Value="@model.message"></InputTextArea>
                        <label for="form_message_field">Message</label>
                        <ValidationMessage For="@(() => model.message)" class="text-danger" />
                    </div>
                    <div class="d-grid">
                        <button type="submit" class="btn btn-pastel" disabled="@isSubmitting" >Send Message</button>
                    </div>

                    @if(!String.IsNullOrEmpty(feedback))
                    {
                        <div class="mt-3 alert alert-dismissible alert-@feedbackclass fade show" role="alert">@feedback</div>
                    }

                    <DataAnnotationsValidator />                    
                </EditForm>
            </div>
        </div>
    </div>
</section>
