<!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-List 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">My Events</h3>
              <!-- <span class="icon"> <img src="images/icon-edit.svg" alt=""> </span> -->
            </div>
            <div class="area-wrapper">              
              <ul class="event-list-cards">
                
                <li>                             
                  <div class="content-wrap item-status pending">
                    <div class="item-des ">
                      <figure class="icon img-status "> <img src="images/icon-event.svg" alt=""> </figure>
                      <a href="event-details.php">
                        <figcaption class="text-wrap">
                          <h4 class="item-title"> ABC Competition </h4>
                          <ul class="date-wrap">
                            <li>
                              <span class="label">Start Date :</span>
                              <span class="value">10 Jun 2026</span>
                            </li>
                            <li>
                              <span class="label">End Date :</span>
                              <span class="value">10 Jul 2026</span>
                            </li>
                          </ul>

                          <ul class="detail-item">
                            <li>
                              <div class="label">Competition Category : </div>
                              <div class="value">Moto</div>
                            </li>
                            <li>
                              <div class="label">Competition Status  : </div>
                              <div class="value">Moto club </div>
                              <!-- <div class="subline">
                                Club event – <p class="price">1653,75 AED <span>(including VAT) </span></p> 
                              </div> -->
                            </li>            
                          </ul>
                        </figcaption>
                      </a>
                    </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>
                      <span class="status-chip pending"> Pending</span>
                    </div>
                  </div>                                
                </li>  
                
                <li>               
                  <div class="content-wrap item-status approved">
                    <div class="item-des">
                      <figure class="icon img-status "> <img src="images/icon-event.svg" alt=""> </figure>
                      <a href="">
                        <figcaption class="text-wrap">
                          <h4 class="item-title"> Competition Name </h4>
                          <ul class="date-wrap">
                            <li>
                              <span class="label">Start Date :</span>
                              <span class="value">10 Jun 2026</span>
                            </li>
                            <li>
                              <span class="label">End Date :</span>
                              <span class="value">10 Jul 2026</span>
                            </li>
                          </ul>
                          <ul class="detail-item">
                            <li>
                              <div class="label">Competition Category : </div>
                              <div class="value">Moto</div>
                            </li>
                            <li>
                              <div class="label">Competition Status  : </div>
                              <div class="value">Moto club </div>
                              <!-- <div class="subline">
                                Club event – <p class="price">1653,75 AED <span>(including VAT) </span></p> 
                              </div> -->
                            </li>            
                          </ul>
                        </figcaption>
                      </a>
                    </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>
                      <span class="status-chip approved"> Approved</span>
                    </div>
                  </div>
                </li>
              
                <li>              
                  <div class="content-wrap item-status approved">
                    <div class="item-des">
                      <figure class="icon img-status "> <img src="images/icon-event.svg" alt=""> </figure>
                      <a href="">
                        <figcaption class="text-wrap">
                          <h4 class="item-title"> Competition Name </h4>
                          <ul class="date-wrap">
                            <li>
                              <span class="label">Start Date :</span>
                              <span class="value">10 Jun 2026</span>
                            </li>
                            <li>
                              <span class="label">End Date :</span>
                              <span class="value">10 Jul 2026</span>
                            </li>
                          </ul>
                          <ul class="detail-item">
                            <li>
                              <div class="label">Competition Category : </div>
                              <div class="value">Moto</div>
                            </li>
                            <li>
                              <div class="label">Competition Status  : </div>
                              <div class="value">Moto club </div>
                              <!-- <div class="subline">
                                Club event – <p class="price">1653,75 AED <span>(including VAT) </span></p> 
                              </div> -->
                            </li>            
                          </ul>
                        </figcaption>
                      </a>
                    </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>
                      <span class="status-chip approved"> Approved</span>
                    </div>
                  </div>
                </li>

                <li>                           
                  <div class="content-wrap item-status completed">
                    <div class="item-des">
                      <figure class="icon img-status "> <img src="images/icon-event.svg" alt=""> </figure>
                      <a href="">
                        <figcaption class="text-wrap">
                          <h4 class="item-title"> Competition Name </h4>
                          <ul class="date-wrap">
                            <li>
                              <span class="label">Start Date :</span>
                              <span class="value">10 Jun 2026</span>
                            </li>
                            <li>
                              <span class="label">End Date :</span>
                              <span class="value">10 Jul 2026</span>
                            </li>
                          </ul>
                          <ul class="detail-item">
                            <li>
                              <div class="label">Competition Category : </div>
                              <div class="value">Moto</div>
                            </li>
                            <li>
                              <div class="label">Competition Status  : </div>
                              <div class="value">Moto club </div>
                              <!-- <div class="subline">
                                Club event – <p class="price">1653,75 AED <span>(including VAT) </span></p> 
                              </div> -->
                            </li>            
                          </ul>
                        </figcaption>
                      </a>
                    </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>
                      <span class="status-chip completed"> Completed</span>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <!-------- End body-content-area-wrap --->
          
        </div>
        <!-------------- End Main-Wrapper-Body-container ---------------->
      </div>

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

  


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