<!DOCTYPE html>
<html lang="en">

<head>
  <title> EMSO - Permit App </title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- ------ Meta Contents Start ----------------------------- -->
  <meta name="description" content="" />
  <meta name="keywords" content="">
  <meta name="copyright" content="">
  <!-- ------ Meta Contents End ----------------------------- -->

  <?php include 'includes/header.php'; ?>
  <?php include 'includes/main-menu.php'; ?>
  

  <!-- ........... Page-Event-Permit Start ..................  -->
  <section class="page-main-wrapper">
    <div class="custom-container">

      <div class="mainFlexWrapper">
        <!-------------- Start Main-Wrapper-Body-container ---------------->
        <div class="body-container my-container menu-wrapper-container active">

          <!-------- Start Profile-head --->
          <?php include 'includes/profile-head.php'; ?>
          <!-------- End Profile-head ----->  

          <!-------- Start body-content-area-wrap --->
          <div class="body-content-area-wrap">
                       

            <!-------- event-permit-request-wrapper Start --->
            <div class="event-permit-request-wrapper">

              <div class="head">
                <h3 class="title">Calendar Inscription</h3>              
              </div> 


              <div class="common-form-wrapper">
                <form action="" method="POST" class="custom-form input-bg-white">   
                  <div class="">                    

                    <!-- ------------form section 01 Start --------------------- -->
                    <div class="form-set-1 common-form-wrapper">
                      <div class="form-group row-half">
                          <label for="name" class="form-label">Competition Name</label>
                          <input type="text" class="form-control" id="name" name="name" placeholder="ABC Sample Competition" >
                      </div>

                      <div class="form-group row-half">
                          <label for="name" class="form-label">Organizer</label>
                          <input type="text" class="form-control" id="name" name="name" placeholder="ABC Company" >
                      </div>

                      <div class="form-group row-half">
                          <label for="name" class="form-label">Competition Status</label>
                          <select class="form-select" aria-label="Event-status-and-category">                          
                            <option value="">Club </option>
                            <option value=""> National </option>
                            <option value=""> International </option>
                          </select>                      
                      </div>

                      <div class="form-group row-half">
                          <label for="name" class="form-label">Competition Category</label>
                          <select class="form-select" aria-label="Event-status-and-category">                          
                            <option value=""> Moto </option>
                            <option value=""> Auto </option>
                            <option value=""> Karting </option>
                            <option value=""> E-sports </option>
                          </select>                      
                      </div>

                      
                    </div>
                    <!-- ------------form section 01 End --------------------- -->

                    <!-- ------------form section 02 Start --------------------- -->
                    <div class="form-set-2 common-form-wrapper add-multiple-event-wrap">
                      <div class="hd-row">Add Rounds </div>

                      <div class="round-form-wrap">
                        <div class="form-group col">
                            <label for="name" class="form-label">Round name</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="Round 1" >
                        </div>
                        <div class="form-group col">
                            <label class="form-label" for="start-date">Start Date </label>
                            <input type="date" class="form-control" id="start-date" placeholder="Start-Date" required>
                        </div>
                        <div class="form-group col">
                            <label class="form-label" for="end-date">End Date </label>
                            <input type="date" class="form-control" id="end-date" placeholder="End-Date" required>
                        </div>
                        <div class="form-group col">
                            <label for="name" class="form-label">Venue</label>
                            <select class="form-select" aria-label="Event-location">                          
                              <option value=""> Al Ain Raceway </option>
                              <option value=""> Al Forsan Kart Circuit </option>
                              <option value=""> Dubai Autodrome </option>
                              <option value=""> Dubai Kartdrome </option>
                              <option value=""> Jebel Ali Karting Circuit </option>
                              <option value=""> Jebel Ali Motocross Track </option>
                              <option value=""> MX Ride Dubai Endurocross Track </option>
                              <option value=""> MX Ride Dubai Junior Supercross Track </option>
                              <option value=""> RAK Track </option>
                              <option value=""> Sahara Karting Circuit </option>
                              <option value=""> Yas Marina Circuit </option>
                              <option value=""> Yas Marina Kartdrome </option>
                              <option value=""> OTHER  </option>
                            </select>                      
                        </div>

                        <div class="form-group col multiple-btn-wrapper right">
                          <a  class="btn theme-btn  small" >
                            <img src="images/icon-add-plus.svg" alt=""><span class="text">Add</span>
                          </a>
                        </div>
                      </div> 


                      <!-- ------- round - details----- -->
                      <div class="round-form-wrap">
                        <div class="form-group col">
                            <label for="name" class="form-label">Round name</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="Round 1" >
                        </div>
                        <div class="form-group col">
                            <label class="form-label" for="start-date">Start Date </label>
                            <input type="date" class="form-control" id="start-date" placeholder="Start-Date" required>
                        </div>
                        <div class="form-group col">
                            <label class="form-label" for="end-date">End Date </label>
                            <input type="date" class="form-control" id="end-date" placeholder="End-Date" required>
                        </div>
                        <div class="form-group col">
                            <label for="name" class="form-label">Venue</label>
                            <select class="form-select" aria-label="Event-location">                          
                              <option value=""> Al Ain Raceway </option>
                              <option value=""> Al Forsan Kart Circuit </option>
                              <option value=""> Dubai Autodrome </option>
                              <option value=""> Dubai Kartdrome </option>
                              <option value=""> Jebel Ali Karting Circuit </option>
                              <option value=""> Jebel Ali Motocross Track </option>
                              <option value=""> MX Ride Dubai Endurocross Track </option>
                              <option value=""> MX Ride Dubai Junior Supercross Track </option>
                              <option value=""> RAK Track </option>
                              <option value=""> Sahara Karting Circuit </option>
                              <option value=""> Yas Marina Circuit </option>
                              <option value=""> Yas Marina Kartdrome </option>
                              <option value=""> OTHER  </option>
                            </select>                      
                        </div>

                        <div class="form-group col ">
                          <div class="action-wrap">
                            <a href=""> <img src="images/icon-edit.svg" alt=""> </a>
                            <a href=""> <img src="images/icon-trash.svg" alt=""> </a>
                            <!-- <span class="status-chip pending"> Pending</span> -->
                          </div>
                        </div>
                      </div> 
                       

                                   
                    </div>
                    <!-- ------------form section 02 End --------------------- -->

                   
                    <div class="custom-input-group multiple-btn-wrapper right">
                      <a  class="btn theme-btn green " data-bs-toggle="modal" data-bs-target=".event-Approval-Modal" >
                        <img src="images/icon-check.svg" alt=""><span class="text">Submit for approval</span>
                      </a>
                    </div>

                                 

                 
                </form>
              </div>
            </div>              
            <!-------- event-permit-request-wrapper End --->
          
          </div>
          <!-------- End body-content-area-wrap --->
          
        </div>
        <!-------------- End Main-Wrapper-Body-container ---------------->
      </div>

    </div> 
  </section>
  <!-- ........... Page-Event-Permit End .................. -->

  <!-- Calendar-Approval Popup start ------>
  <div  class="modal fade event-Approval-Modal common-modal" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close close-btn" data-bs-dismiss="modal">&times;</button>
          <!-- <h4 class="modal-title center"></h4>           -->
        </div>
        <div class="modal-body">

           <div class=" calendar-approval-message active">
            <h3 class="highlight">The calendar will be reviewed by the EMSO team. </h3>
            <p>You will be notified if any changes are required. </p>
            <p>You can check application status in your profile.</p>
            <br>
            <!-- <p class="highlight">We will Confirm and Organized the license soon</p> -->             
           </div>                        
        </div>
        
      </div>
    </div>
  </div>      
  <!-- Calendar-Approval Popup end   ------->

 


  <?php include 'includes/footer.php'; ?>
       
