{{-- profile update starts  --}}
<div class="modal fade cstm-modal add-modal" id="generateModal" tabindex="-1"
    aria-labelledby="DispatchersManagementPopLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="addnew-dis-box">
                    <div class="popup-btn-close" data-bs-dismiss="modal" aria-label="Close"><svg
                            xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                            fill="none">
                            <path
                                d="M8.18921 7.8446L13.9092 2.12463C14.0417 1.98245 14.1138 1.79439 14.1104 1.60009C14.1069 1.40579 14.0283 1.22042 13.8909 1.083C13.7535 0.94559 13.5681 0.866887 13.3738 0.863459C13.1795 0.860031 12.9914 0.932151 12.8492 1.06463L7.12927 6.7846L1.40918 1.06463C1.267 0.932151 1.07907 0.860031 0.884766 0.863459C0.690464 0.866887 0.504967 0.94559 0.367554 1.083C0.230141 1.22042 0.1515 1.40579 0.148071 1.60009C0.144643 1.79439 0.216763 1.98245 0.349243 2.12463L6.06921 7.8446L0.349243 13.5646C0.208793 13.7053 0.129883 13.8958 0.129883 14.0946C0.129883 14.2934 0.208793 14.484 0.349243 14.6246C0.490964 14.7635 0.680858 14.8423 0.879272 14.8446C1.07727 14.8403 1.26633 14.7618 1.40918 14.6246L7.12927 8.9046L12.8492 14.6246C12.991 14.7635 13.1809 14.8423 13.3793 14.8446C13.5773 14.8403 13.7663 14.7618 13.9092 14.6246C14.0496 14.484 14.1285 14.2934 14.1285 14.0946C14.1285 13.8958 14.0496 13.7053 13.9092 13.5646L8.18921 7.8446Z"
                                fill="#292929" />
                        </svg></div>
                    <div class="login-header text-center">
                        <h4>Create Challenge</h4>
                    </div>
                    <form id="addequipmentpopupform" class="addnew-dis-form" action=""
                        method="POST" >

                        @csrf
                        <input type="hidden" name="secure_id">
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="start_date">Event start date</label>
                                        <input type="date" class="form-control" id="start_date" name="name"  maxlength="50">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="last_date">Event last date</label>
                                        <input type="date" class="form-control" id="last_date" name="last_date"  maxlength="50">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="event_fee">Event fee</label>
                                        <input type="number" class="form-control" id="event_fee" name="event_fee"  maxlength="50" placeholder="Event fee">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="first_name">First name</label>
                                        <input type="text" class="form-control" id="first_name" name="first_name"  maxlength="50" placeholder="First name">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="last_name">Last name</label>
                                        <input type="text" class="form-control" id="last_name" name="last_name"  maxlength="50" placeholder="Last name">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="email">Email ID</label>
                                        <input type="text" class="form-control" id="email" name="email"  maxlength="50" placeholder="Email ID">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="country">Country</label>
                                        <input type="text" class="form-control" id="country" name="country"  maxlength="50" placeholder="Country">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="city">City</label>
                                        <input type="text" class="form-control" id="city" name="city"  maxlength="50" placeholder="City">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="state">State</label>
                                        <input type="text" class="form-control" id="state" name="state"  maxlength="50" placeholder="State">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="hosted_by_name">Hosted by name</label>
                                        <input type="text" class="form-control" id="hosted_by_name" name="hosted_by_name"  maxlength="50" placeholder="Hosted by name">
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="input-box">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="formfield">
                                        <label for="additional_rules">Additional rules</label>
                                        <textarea name="additional_rules" id="additional_rules" class="form-control" ></textarea>
                                    <span class="form-icon">
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        


                            <button type="submit" id="addequipmentpopupbutton" class="button primary-btn full-btn ajax-submit-button" data-add-text="Add" data-update-text="Update">Submit</button>

                    </form>

                </div>
            </div>

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

{{-- profile update ends  --}}