<!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-Details Start ..................  -->
  <section class="page-main-wrapper adjust-with-header">
    <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 profile-description --->
           <div class="body-content-area-wrap">
              <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 Jun 2026</div>
                      </li>
                      <li>
                        <div class="label">End Date : </div>
                        <div class="value">10 Jul 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>            
              <ul class="event-doc-list">
                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title">Sporting regulations</h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li> 

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Technical regulations</h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Supplementary regulations* </h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Copy of third party liability insurance certificate*  </h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Medical coverage (ambulance) *  </h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Municipality/Police permission </h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Entry list</h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>  

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Off-road route</h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li> 

                <li>               
                  <div class="content-wrap">
                    <div class="item-des">
                      <figure class="icon"> <img src="images/icon-doc.svg" alt=""> </figure>
                      <h4 class="item-title"> Safety plan </h4> 
                    </div>
                    <div class="action-wrap">
                      <div class="btn-wrap">
                        <a href=""> <img src="images/icon-view.svg" alt=""> View</a>
                        <a href=""> <img src="images/icon-download.svg" alt=""> Download</a>
                      </div>
                    </div>
                  </div>                
                </li>            
              </ul>
          </div>
           <!-------- End profile-description --->
          
        </div>
        <!-------------- End Main-Wrapper-Body-container ---------------->
      </div>

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

  


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