 <main class="main-wrapper">
    <div class="main-content">
      <button class="btn guestBtn d-flex gap-2 align-items-center" id="backBtn"><img src="<?= base_url('assets/images/arowleft.png') ?>" alt="" width="15px"> Back</button>
		<div class="row">
    <div class="col-md-8 my-2">
        <div class="d-flex align-items-center gap-2 mb-2">
         <img src="<?= base_url('assets/images/megaIcons/event.svg') ?>" alt="" height="40px">
         <h3 class="fmon m-0 fw-bolder">Event Journal</h3>
        </div>
        </div>
     <div class="col-md-4 my-2 d-flex justify-content-end" >
    <a href="<?= base_url('site/addevent') ?>" class="btn guestBtn"><img src="<?= base_url('assets/images/plus.png') ?>" alt="" width="20px"></a>
     </div>
      
    </div>
    <!-- <div class="row">
      <div class="col-md-12">
          
           
          
            </div>
            <div class="row">
                <div class="col-md-4 col-lg-4  col-xxl-3 my-2">
                  <div class="card custCard p-3 ">
                    <div class="d-flex align-items-center gap-2">
                    <img src="./assets/images/evj.png" alt="">
                      <div class="my-1">
                        <p class="fos1 m-0">Firefighters </p>
                     
                      </div>
                    </div>
                    <div>
                        <p class="mb-1 fos2">Entry: <span>June 17, 2024, 03:30 pm

                        </span></p>
                        <p class="mb-1 fos2">Reported by: <span> David Juan
                        </span></p>
                       
                      
                    </div>
                  </div>
                </div>
               
           
              </div>
          </div> -->

          <div class="table-responsive mt-3 ">
            <table class="table table-striped table-hover">
              <thead>
                <tr>
                  <th scope="col">Event No.</th>
                 
                  <th scope="col">Title</th>
                
                 
           
                  <th scope="col">Status</th>
                  <th scope="col">Created at</th>
                  <th>Actions</th>
                 
                </tr>
              </thead>
            <div class="" >
              <tbody class="">
                <tr>
                  <td><div class="hNum">1</div></td>
                
                  <td>Security Breach</td>
                  
                  
                 
                  <td ><div class="hNum">New</div></td>
                  <td>2024-07-24</td>
                  <td>
                    <a href="<?= base_url('site/viewevent') ?>" class="btn btn-success">
                      <img src="<?= base_url('assets/images/eye-solid.svg') ?>" alt="" width="20px">
                    </a>
                  </td>
                </tr>
                <tr>
                  <td><div class="hNum">1</div></td>
                
                  <td>Security Breach</td>
                  
                  
                 
                  <td ><div class="hNum">New</div></td>
                  <td>2024-07-24</td>
                  <td>
                    <a href="<?= base_url('site/viewevent') ?>" class="btn btn-success">
                      <img src="<?= base_url('assets/images/eye-solid.svg') ?>" alt="" width="20px">
                    </a>
                  </td>
                </tr>
                <tr>
                  <td><div class="hNum">1</div></td>
                
                  <td>Security Breach</td>
                  
                  
                 
                  <td ><div class="hNum">New</div></td>
                  <td>2024-07-24</td>
                  <td>
                    <a href="<?= base_url('site/viewevent') ?>" class="btn btn-success">
                      <img src="<?= base_url('assets/images/eye-solid.svg') ?>" alt="" width="20px">
                    </a>
                  </td>
                </tr>
                  <tr>
                  <td><div class="hNum">1</div></td>
                
                  <td>Security Breach</td>
                  
                  
                 
                  <td ><div class="hNum">New</div></td>
                  <td>2024-07-24</td>
                  <td>
                    <a href="<?= base_url('site/viewevent') ?>" class="btn btn-success">
                      <img src="<?= base_url('assets/images/eye-solid.svg') ?>" alt="" width="20px">
                    </a>
                  </td>
                </tr>
            
                <!-- Add more rows as needed -->
              </tbody>
            </div>
            </table>
          </div>

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