 <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.svg') ?>" 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/parking.svg') ?>" alt="" height="40px">
         <h3 class="fmon m-0 fw-bolder">Parking</h3>
        </div>
        </div>
      
    </div>
 

          <div class="row">
            <div class="col-md-12">
                <div class=" px-2 ">
                  <ul class="nav nav-tabs mb-3 gap-3" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                      <button class="nav-link active fss1 fw-bolder" id="inventory-tab" data-bs-toggle="tab" data-bs-target="#inventory" type="button" role="tab" aria-controls="inventory" aria-selected="true">Free </button>
                    </li>
                    <li class="nav-item" role="presentation">
                      <button class="nav-link fss1 fw-bolder" id="assigned-inventory-tab" data-bs-toggle="tab" data-bs-target="#assigned-inventory" type="button" role="tab" aria-controls="assigned-inventory" aria-selected="false">Occupied</button>
                    </li>
                   
                  </ul>
                  <div>
                  <div class="input-group">
                    <span class="input-group-text"><img src="<?= base_url('assets/images/serIcon.png') ?>" alt="" width="25px"></span>
                    <input type="text" name="" id="" class="form-control form-Search" placeholder="search">
                  </div>
               
                  </div>
                      <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="inventory" role="tabpanel" aria-labelledby="inventory-tab">
                          <div class="row">
                            <div class="col-md-4 col-lg-4  col-xxl-3 my-2">
                              <div class="card custCard  ">
                                <div class="d-flex align-items-center gap-2 chead chbgB">
                                <img src="<?= base_url('assets/images/parkh.png') ?>" alt="">
                                  <div class="my-1">
                                    <p class="fos1 m-0">Parking 10</p>
                                 
                                  </div>
                                </div>
                                <div class="p-3">
                                    <p class="mb-1 fos2">Status: <span>Empty
                                    </span></p>
                                    <p class="mb-1 fos2">House visited: <span>4
                                    </span></p>
                                    <p class="mb-1 fos2">Owner: <span>House 301
                                    </span></p>
                                   
                                    <p class="mb-1 fos2">Type of parking <span>handicaped
                                    </span></p>
                                </div>
                              </div>
                            </div>
                            <div class="col-md-4 col-lg-4  col-xxl-3 my-2">
                                <div class="card custCard  ">
                                  <div class="d-flex align-items-center gap-2 chead chbgP">
                                  <img src="<?= base_url('assets/images/parkh.png') ?>" alt="">
                                    <div class="my-1">
                                      <p class="fos1 m-0">Parking 10</p>
                                   
                                    </div>
                                  </div>
                                  <div class="p-3">
                                      <p class="mb-1 fos2">Status: <span>Empty
                                      </span></p>
                                      <p class="mb-1 fos2">House visited: <span>4
                                      </span></p>
                                      <p class="mb-1 fos2">Owner: <span>House 301
                                      </span></p>
                                     
                                      <p class="mb-1 fos2">Type of parking <span>handicaped
                                      </span></p>
                                  </div>
                                </div>
                              </div>
                          </div>
                        </div>
                        <div class="tab-pane fade" id="assigned-inventory" role="tabpanel" aria-labelledby="assigned-inventory-tab">
                          <div class="row">
                           
                            <div class="col-md-4 col-lg-4  col-xxl-3 my-2">
                              <div class="card custCard  ">
                                <div class="d-flex align-items-center gap-2 chead chbgB">
                                <img src="<?= base_url('assets/images/parkh.png') ?>" alt="">
                                  <div class="my-1">
                                    <p class="fos1 m-0">Parking 10</p>
                                 
                                  </div>
                                </div>
                                <div class="p-3">
                                    <p class="mb-1 fos2">Status: <span>Empty
                                    </span></p>
                                    <p class="mb-1 fos2">Plate: <span>BB006
                                    </span></p>
                                    <p class="mb-1 fos2">House visited: <span>4
                                    </span></p>

                                     <p class="mb-1 fos2">Owner: <span>House 301
                                    </span></p>
                                    <p class="mb-1 fos2">Type of parking <span>handicaped
                                    </span></p>
                                </div>
                              </div>
                            </div>
                            <div class="col-md-4 col-lg-4  col-xxl-3 my-2">
                                <div class="card custCard  ">
                                  <div class="d-flex align-items-center gap-2 chead chbgP">
                                  <img src="<?= base_url('assets/images/parkh.png') ?>" alt="">
                                    <div class="my-1">
                                      <p class="fos1 m-0">Parking 10</p>
                                   
                                    </div>
                                  </div>
                                  <div class="p-3">
                                      <p class="mb-1 fos2">Status: <span>Empty
                                      </span></p>
                                      <p class="mb-1 fos2">Plate: <span>BB006
                                      </span></p>
                                      <p class="mb-1 fos2">House visited: <span>4
                                      </span></p>
                                      <p class="mb-1 fos2">Owner: <span>House 301
                                      </span></p>
                                     
                                      <p class="mb-1 fos2">Type of parking <span>handicaped
                                      </span></p>
                                  </div>
                                </div>
                              </div>
                          </div>
                        </div>
                      
                      </div>
                </div>
            </div>
        </div>
      </div>
  </div>
    
  </main>