<!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">
            <div class="head">
              <h3 class="title">Event Permit</h3>              
            </div>            

            <!-------- main-event-step-wrapper Start --->
            <div class="main-event-step-wrapper">

              <div class="event-details-head">
                <div class="inner-wrapper">
                  <div class="icon-head">
                    <img src="images/icon-event.svg" alt="">
                  </div>

                  <div class="wrapper">
                    <div class="head">
                      <h3 class="title">ABC Competition</h3>
                      <!-- <div class="action-wrap">
                        <a href="event-permit-form.php"> <img src="images/icon-edit.svg" alt=""> </a>
                        <span class="status-chip pending"> Pending</span>
                      </div> -->
                    </div>
                    <ul class="detail-item">
                      <li>
                        <div class="label">Start Date : </div>
                        <div class="value">10 Apr 2026</div>
                      </li>
                      <li>
                        <div class="label">End Date : </div>
                        <div class="value">10 May 2026</div>
                      </li>
                      <li>
                        <div class="label">Competition category : </div>
                        <div class="value">Moto </div>
                      </li>
                      <li>
                        <div class="label">Competition Status : </div>
                        <div class="value">Club </div>
                      </li>
                      <li>
                        <div class="label">Pricelist  : </div>
                        <div class="value">Club – 1653,75 AED (including VAT)</div>
                      </li>
                      <!-- <li>
                        <div class="label">Discipline</div>
                        <div class="value">MOTO – Motocross</div>
                      </li>
                      <li>
                        <div class="label">location</div>
                        <div class="value">Al Ain Raceway</div>
                      </li> -->                  
                    </ul>
                  </div>
                </div>
              </div>              

              <!-- Content -->
              <ul class="content-display">
                <li class="wrapper active">
                  <form action="" method="POST" class="custom-form input-bg-white">
                    <div class="form-sec">
                        <div class="common-form-wrapper"> 
                          <div class="hd-row">
                            Event Documents
                          </div>

                          <div class="doc-upload-row">
                            <div class="form-group row-half">
                                <label for="name" class="form-label">Sporting regulations* </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Technical regulations* </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Supplementary regulations*</label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Copy of third party liability insurance certificate*</label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Medical coverage (ambulance) * </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Municipality/Police permission </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Entry list </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Off-road route </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            <div class="form-group row-half">
                                <label for="name" class="form-label">Safety plan </label>
                                <input class="form-control" type="file" id="formFile">
                                <div class="note"> <img src="images/info-circle.svg" alt=""> Accepted file types: pdf, doc, docx, jpg, png, jpeg.</div>
                            </div>

                            
                          </div>




                

                                        

                        </div>  
                    </div> 
                  </form>
                </li>
              </ul>
                    
              <!-- Buttons -->
              <div class="buttons step-btn-wrapper">
                <a href="apply-event-permit.php" class="stet-btn secondary" >Prev</a>
                <a class="stet-btn  secondary" >Save as Draft</a>
                <a  class="stet-btn  " href="payment-method.php">
                  <img src="images/icon-check.svg" alt=""><span class="text">Submit and Proceed to Pay</span>
                </a>
              </div>

            </div>              
            <!-------- main-event-step-wrapper End --->

          </div>
          <!-------- End body-content-area-wrap --->

        </div>
        <!-------------- End Main-Wrapper-Body-container ---------------->
      </div>

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





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

