 <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <button class="btn guestBtn d-flex gap-2 align-items-center" id="backBtn"><img
                    src="<?php echo base_url(); ?>assets/images/arowleft.svg" alt="" width="15px"> Back</button>
            <div class="row">
                <div class="col-md-8 my-2">
                    <h3 class="fmon fw-bold"><i class="fa fa-plus"></i> Add Security</h3>
                </div>

            </div>
            <div class="modal-body">


                <form class="row needs-validation" action="<?php echo base_url('site/addsecuritypost'); ?>" method="post" enctype="multipart/form-data">
                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Name</label>
                        <input type="text" class="form-control FormInput" name="name" id="name" placeholder="Enter Name" required>
                        <div class="invalid-feedback">Please enter a name.</div>
                    </div>

                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Legal Name</label>
                        <input type="text" class="form-control FormInput" name="legalName" id="legalName"
                            placeholder="Enter Legal Name" required>
                        <div class="invalid-feedback">Please enter a legal name.</div>
                    </div>

                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Primary Contact</label>
                        <input type="text" class="form-control FormInput" name="primaryContact" id="primaryContact"
                            placeholder="Enter Primary Contact Name" required>
                        <div class="invalid-feedback">Please enter a primary contact.</div>
                    </div>

                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Phone</label>
                        <input type="text" class="form-control FormInput" name="phone" id="phone"
                            placeholder="Enter Primary Phone Number" required>
                        <div class="invalid-feedback">Please enter a phone number.</div>
                    </div>

                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Phone 2</label>
                        <input type="text" class="form-control FormInput" name="phone2" id="phone2"
                            placeholder="Enter Secondary Phone Number">
                    </div>

                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Tax ID</label>
                        <input type="text" class="form-control FormInput" name="taxId" id="taxId" placeholder="Enter Tax ID"
                            required>
                        <div class="invalid-feedback">Please enter a valid Tax ID.</div>
                    </div>

                    <div class="mb-3 col-lg-6">
                        <label class="form-label">Email</label>
                        <input type="email" class="form-control FormInput" name="email" id="email"      
                            placeholder="Enter Email Address" required>
                        <div class="invalid-feedback">Please enter a valid email address.</div>
                    </div>

                    <div class="col-lg-12 d-flex justify-content-center mt-3">
                        <button type="submit" class="btn autBtn py-2 px-5">Add Security</button>
                    </div>
                </form>

                <!-- <script>
                    (function () {
                        'use strict';
                        var forms = document.querySelectorAll('.needs-validation');
                        Array.prototype.slice.call(forms).forEach(function (form) {
                            form.addEventListener('submit', function (event) {
                                if (!form.checkValidity()) {
                                    event.preventDefault();
                                    event.stopPropagation();
                                }
                                form.classList.add('was-validated');
                            }, false);
                        });
                    })();
                </script> -->

                <!-- button for attahmnts -->



            </div>
        </div>
        </div>

    </main>
    <!--end main wrapper-->
