<!-- Modal Form -->
<div class="modal fade" tabindex="-1" id="edit-user">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                    <em class="icon ni ni-cross"></em>
                </a>
            <div class="modal-body">
                <form class="form-submit form-validate is-alter" id="edit-user-formData">
                    @csrf
                    <input type="hidden" name="id" id="edit_user_id">
                    <div class="row g-gs">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-email">Email Address</label>
                                <div class="form-control-wrap">
                                    <input type="email" class="form-control" id="email" name="email" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-firstname">First Name</small></label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="firstname" name="firstname" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-lastname">Last Name</small></label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="lastname" name="lastname" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-middlename">Middle Name</small></label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="middlename" name="middlename">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-phone">Phone Number</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="phone" name="phone_number" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-dob">Date of Birth</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control date-picker-alt" id="dob" name="date_of_birth" data-date-format="yyyy-mm-dd">
                                </div>
                                <div class="form-note">Date format <code>yyyy-mm-dd</code></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-occupation">Occupationr</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="occupation" name="occupation" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-address">Address</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="address" name="address" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label" for="au-zip">Zip Code</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control" id="zip" name="zip" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-edit-user"> Update User</button>
                                <button class="btn btn-primary btn-updating-user" style="display: none" type="button" disabled>
                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                    <span> Updating... </span>
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<input type="file" id="profile_photo" accept ="image/jpeg , image/jpg, image/gif, image/png" style="display: none;" data-id="" />
