@extends('layouts.master')

@section('content')

<div id="content-page" class="content-page">
    <div class="container-fluid">
       <div class="row">
          <div class="col-lg-12">
             <div class="iq-card">
                <div class="iq-card-body">
                   <div class="iq-booking-index">
                      <div class="iq-booking-offer iq-bg-primary">
                         <div class="row justify-content-between">
                            <div class="col-lg-6 position-relative">
                               <div class="offer-an-img">
                      <div class="bodymovin" data-bm-path={{asset("assets/images/small/data2.json")}} data-bm-renderer="svg" data-bm-loop="true"></div>
                   </div>
                            </div>
                            <div class="col-lg-6">
                               <h2>30% Discount For 5 Tickets!</h2>
                               <p class="text-secondary">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, type and it to make a type specimen book.</p>
                               <a href="#" class="btn btn-primary mt-3">Learn more<i class="ri-arrow-right-line ml-2"></i></a>
                            </div>
                         </div>
                      </div>
                      <div class="pt-4">
                         <div class="slider center slick-slider">
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>1<small class="d-inline-block w-100">Sun</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>2<small class="d-inline-block w-100">Mon</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>3<small class="d-inline-block w-100">Tue</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>4<small class="d-inline-block w-100">Wed</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>5<small class="d-inline-block w-100">Thr</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>6<small class="d-inline-block w-100">Fri</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>7<small class="d-inline-block w-100">sat</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>8<small class="d-inline-block w-100">Sun</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>9<small class="d-inline-block w-100">Mon</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>10<small class="d-inline-block w-100">Tue</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>11<small class="d-inline-block w-100">Wed</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>12<small class="d-inline-block w-100">Thr</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>13<small class="d-inline-block w-100">Fri</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>14<small class="d-inline-block w-100">Sat</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>15<small class="d-inline-block w-100">Sun</small></h3>
                               </a>
                            </div>
                            <div class="active">
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>16<small class="d-inline-block w-100">Mon</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>17<small class="d-inline-block w-100">Tue</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>18<small class="d-inline-block w-100">Wed</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>19<small class="d-inline-block w-100">Thr</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>20<small class="d-inline-block w-100">Fri</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>21<small class="d-inline-block w-100">Sat</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>22<small class="d-inline-block w-100">Sun</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>23<small class="d-inline-block w-100">Mon</small></h3>
                               </a>
                            </div><div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>24<small class="d-inline-block w-100">Tue</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>25<small class="d-inline-block w-100">Wed</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>26<small class="d-inline-block w-100">Thr</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>27<small class="d-inline-block w-100">Fri</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>28<small class="d-inline-block w-100">Sat</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>29<small class="d-inline-block w-100">Sun</small></h3>
                               </a>
                            </div>
                            <div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>30<small class="d-inline-block w-100">Mon</small></h3>
                               </a>
                            </div><div>
                               <a href="#" class="iq-booking-date">
                                  <div class="iq-booking-dot"></div>
                                  <h3>31<small class="d-inline-block w-100">Tue</small></h3>
                               </a>
                            </div>

                         </div>
                      </div>
                      <div class="iq-booking-screen">
                         <div class="text-center">
                            <img src={{asset("assets/images/screen.png")}} class="w-100" alt="">
                            <span>All eyes this way please!</span>
                         </div>
                         <div class="row">
                            <div class="col-sm-12">
                               <div class="row mt-5 pt-3 seat-booking">
                                  <div class="col-lg-1 col-md-1 col-sm-1 text-right">
                                     <ul class="list-unstyled iq-booking-ab">
                                        <li class="friest-booking-blank"></li>
                                        <li>A</li>
                                        <li>B</li>
                                        <li>C</li>
                                        <li class="secondary-booking-blank"></li>
                                        <li>D</li>
                                        <li>E</li>
                                        <li>F</li>
                                        <li class="three-booking-blank"></li>
                                        <li>G</li>
                                        <li>H</li>
                                     </ul>
                                  </div>
                                  <div class="col-lg-10 col-md-10 col-sm-10 text-center">
                                     <span class="d-inline-block w-100 pb-3">Recliner.  $150.00</span>
                                     <ul class="list-inline iq-booking-no">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                     </ul>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                     </ul>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                     </ul>
                                     <span class="border-top d-inline-block w-100 mt-4 pt-1 pb-3">Recliner.  $250.00</span>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                     </ul>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                     </ul>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat ">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                     </ul>
                                     <span class="border-top d-inline-block w-100 mt-4 pt-1 pb-3">Recliner.  $350.00</span>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                     </ul>
                                     <ul class="list-inline iq-booking-no mt-3">
                                        <li class="list-inline-item">
                                           <a href="#" class="iq-seat">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </a>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item li-blank"></li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                        <li class="list-inline-item">
                                           <span class="iq-seat bg-secondary">
                                              <img src={{asset("assets/images/small/04.svg")}} alt="" class="default">
                                              <img src={{asset("assets/images/small/05.svg")}} alt="" class="active-seat">
                                           </span>
                                        </li>
                                     </ul>
                                     <ul class="list-inline iq-booking-no">
                                        <li class="list-inline-item">1</li>
                                        <li class="list-inline-item">2</li>
                                        <li class="list-inline-item">3</li>
                                        <li class="list-inline-item">4</li>
                                        <li class="list-inline-item">5</li>
                                        <li class="list-inline-item">6</li>
                                        <li class="list-inline-item">7</li>
                                        <li class="list-inline-item">8</li>
                                        <li class="list-inline-item">9</li>
                                        <li class="list-inline-item"></li>
                                        <li class="list-inline-item">10</li>
                                        <li class="list-inline-item">11</li>
                                        <li class="list-inline-item">12</li>
                                        <li class="list-inline-item">13</li>
                                        <li class="list-inline-item">14</li>
                                        <li class="list-inline-item">15</li>
                                        <li class="list-inline-item">16</li>
                                        <li class="list-inline-item">17</li>
                                        <li class="list-inline-item">18</li>
                                     </ul>
                                  </div>
                                  <div class="col-lg-1 col-md-1 col-sm-1 text-left">
                                     <ul class="list-unstyled iq-booking-ab">
                                        <li class="friest-booking-blank"></li>
                                        <li>A</li>
                                        <li>B</li>
                                        <li>C</li>
                                        <li class="secondary-booking-blank"></li>
                                        <li>D</li>
                                        <li>E</li>
                                        <li>F</li>
                                        <li class="three-booking-blank"></li>
                                        <li>G</li>
                                        <li>H</li>
                                     </ul>
                                  </div>
                                  <div class="col-lg-12 col-md-10 col-sm-10 text-center mt-3">
                                     <div class="iq-booking-status">
                                        <span class="bg-success"></span>Selected
                                     </div>
                                     <div class="iq-booking-status">
                                        <span class=""></span>Available
                                     </div>
                                     <div class="iq-booking-status mr-0">
                                        <span class="bg-secondary"></span>Sold
                                     </div>
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
          <div class="iq-sidebar-right-menu hide">
             <div id="right-sidebar-scrollbar">
             <div class="iq-sidebar-booking bg-primary">
                <h4 class="text-white d-inline-block mb-4">Booking Summary</h4>
                <a href="#" class="float-right text-white font-size-18" ><i class="ri-close-circle-line"></i></a>
                <div class="iq-booking-ticket">
                   <dl class="row line-height-4">
                      <dt class="col-sm-4 font-weight-normal font-size-16 text-dark">Nioking</dt>
                      <dd class="col-sm-8 mb-0">20th jan, 20:00</dd>
                      <dt class="col-sm-4 font-weight-normal text-dark">Avengers</dt>
                      <dd class="col-sm-8 mb-0">HK5894J</dd>
                      <dt class="col-sm-4 font-weight-normal text-dark">SCREEN2</dt>
                      <dd class="col-sm-8 mb-0">D17, D18, D19 (3 Tickets)</dd>
                   </dl>
                   <hr class="mt-4 d-inline-block w-100">
                   <img src="{{ asset('assets/images/booking/02.jpg') }}" class="w-100" alt="">
                </div>
                <span class="font-size-12 text-white mt-2 d-inline-block w-100">Your current state is Maharashtra</span>
             </div>
             <div class="iq-sidebar-payment">
                <h4 class="mb-4">Payment Method</h4>
                <img src="{{asset('assets/images/booking/03.png') }}" class="w-100" alt="">
                <div class="custom-control custom-checkbox mt-4 ml-1">
                   <input type="checkbox" class="custom-control-input" id="customCheck1">
                   <label class="custom-control-label" for="customCheck1">Pay With Cash</label>
                </div>
                <div class="mb-5 d-inline-block w-100">
                   <a class="btn btn-primary btn-lg btn-block mt-3 mb-5" href="#" role="button">Checkout</a>
                </div>

             </div>
</div>
          </div>
       </div>
    </div>
 </div>
@endsection