@extends('front_end.template.layout')
@section('content')
<section class="contact-main-box">
        <div class="container custom-container">
            <div class="row">
                <div class="col-lg-7 mx-auto">
                    <div class="row">
                    <div class="col-lg-12">
                        <div class="contact-box-information">
                            <h3 class="title">Delete Account</h3>
                            <p>Fill out the form and our team will get back to you as quickly as we can.</p>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="contact-form-box">
                            <form action="#">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="input-box">
                                            <label for="#">Full name</label>
                                            <input id="name" type="text" placeholder="Your full name">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="input-box">
                                            <label for="#">Email address</label>
                                            <input id="email" type="email" placeholder="Your email">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="input-box">
                                            <label for="#">Phone number</label>
                                            <input id="phone" type="text" placeholder="Your number">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <!--<div class="input-box">-->
                                        <!--    <label for="#">Company name</label>-->
                                        <!--    <input type="text" placeholder="Company Co">-->
                                        <!--</div>-->
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="input-box">
                                            <label for="#">Messages</label>
                                            <textarea id="message" name="#" id="#" cols="30" rows="10" placeholder="Type your message here..."></textarea>
                                            <button id="submitBtn" class="btn btn-1" type="submit">Delete Account</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </section>
    @endsection 
@section('script')
    <!-- inject js end -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.getElementById('submitBtn').addEventListener('click', function() {
    const name = document.getElementById('name').value.trim();
    const email = document.getElementById('email').value.trim();
    const phone = document.getElementById('phone').value.trim();
    const message = document.getElementById('message').value.trim();

    if (!name || !email || !phone || !message) {
        Swal.fire({
            icon: 'warning',
            title: 'All fields are required!',
            text: 'Please fill out the form completely.',
            confirmButtonColor: '#3580B4'
        });
        return;
    }

    // Send the form (you can use AJAX or regular POST if action is defined)
    // Example with regular POST:
   // document.getElementById('deleteForm').submit();

    // Or show confirmation only (for demo)
    
    Swal.fire({
        icon: 'success',
        title: 'Request Submitted',
        text: 'Your account deletion request has been sent.',
        confirmButtonColor: '#3580B4'
    });
    return;
    
});
</script>
@endsection