<!doctype html>
<html lang="en">

 <?php include('fixed/top.php');  ?>
<link href="<?php echo base_url(); ?>assets/front/css/seats.css" rel="stylesheet">
<body>
    <!-- preloader area -->
    <div class="preloader">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="load-spinner">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <div class="pagewrap modify-search">
        <div class="head-wrapper">
            <!-- page header section -->
            <header class="header header-light">
                <div class="container">
                    <div class="sideMenu">
                        <button type="button" class="btn rounded-0 btn-left toggle-slide-right"
                            data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBackdrop"
                            aria-controls="offcanvasWithBackdrop">
                            <i class="bi bi-text-center"></i>
                        </button>
                        <div class="offcanvas offcanvas-start theme-bg-secondary border-0" tabindex="-1"
                            id="offcanvasWithBackdrop">
                            <div class="p-0">
                                <span class="p-0" id="offcanvasLabel"></span>
                                <button type="button" class="btn-close custom-btn-close theme-text-white"
                                    data-bs-dismiss="offcanvas" aria-label="Close">
                                    <i class="bi bi bi-x-lg"></i>
                                </button>
                            </div>
                            <!-- left side menu section -->
                            <div class="offcanvas-body p-0 mt-5">
                                <ul class="menuList nav flex-column w-100">
                                    <li class="nav-item"><a href="index.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-house-fill ps-4 pe-2"></i>Home
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="deals-offers.html"
                                            class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-chat-square-heart-fill ps-4 pe-2"></i>Specials Deals
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="#travelDeals" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-bookmark-check-fill ps-4 pe-2"></i>Travel Deals
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="#featuredFlights"
                                            class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-bell-fill ps-4 pe-2"></i>Featured Flights
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="#howWork" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-shield-fill-exclamation ps-4 pe-2"></i>How it Work
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="about.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-balloon-fill ps-4 pe-2"></i>About Us
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="contact.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-arrows-move ps-4 pe-2"></i>Contact Us
                                        </a>
                                    </li>
                                    <li class="nav-item"><a href="blog.html" class="position-relative card-effect">
                                            <div class="card-box"></div>
                                            <i class="bi bi-arrow-right-circle-fill ps-4 pe-2"></i>Blogs
                                        </a>
                                    </li>
                                </ul>
                                <div class="mt-5">
                                    <p class="d-inline-flex theme-text-white">
                                        <i class="bi bi-telephone-fill h4 theme-text-white ps-4 pe-2"></i>
                                        24×7 Customer Support <br> 1800-313-5699
                                    </p>
                                </div>
                                <div class="mt-3">
                                    <p class="d-inline-flex theme-text-white">
                                        <i class="bi bi-envelope-fill h4 theme-text-white ps-4 pe-2"></i>
                                        Email us <br> support@example.com
                                    </p>
                                </div>
                                <p class="ps-4 mb-0 mt-5 theme-text-white">Social Network</p>
                                <div class="d-flex social mt-3 ps-4">
                                    <a href="#" class="h4 pe-3"><i class="bi bi-facebook"></i></a>
                                    <a href="#" class="h4 px-3"><i class="bi bi-twitter"></i></a>
                                    <a href="#" class="h4 px-3"><i class="bi bi-linkedin"></i></a>
                                    <a href="#" class="h4 px-3"><i class="bi bi-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <nav class="navbar navbar-expand-md navbar-light py-0 px-0">
                        <a class="navbar-brand ms-5" href="index.html"><img src="<?php echo base_url(); ?>assets/front/images/logo.png"
                                alt="Brand Logo" title="Brand Logo" class="img-fluid"></a>
                        <button class="navbar-toggler px-1 btn rounded-0" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav ms-auto">
                                <li class="nav-item">
                                    <div class="dropdown-container pe-md-4">
                                        <div class="dropdown-toggle click-dropdown">
                                            <i class="bi bi-currency-exchange"></i> Currency
                                        </div>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li class="nav-item"><a class="dropdown-item" href="#">INR</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">USD</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">EUR</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <div class="dropdown-container pe-md-4">
                                        <div class="dropdown-toggle click-dropdown">
                                            <i class="bi bi-translate"></i> Language
                                        </div>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li class="nav-item"><a class="dropdown-item" href="#">English</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">Rusian</a></li>
                                                <li class="nav-item"><a class="dropdown-item" href="#">French</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <div class="dropdown-container">
                                        <div class="dropdown-toggle click-dropdown">
                                            <i class="bi bi-person-circle"></i> Account
                                        </div>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li class="nav-item"><a class="dropdown-item"
                                                        href="signin.html">Login</a></li>
                                                <li class="nav-item"><a class="dropdown-item"
                                                        href="signup.html">Register</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </header>
            <!-- review booking flight-->
            <div class="flight-search">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-6 mb-4 mb-md-0">
                            <span class="fw-bold theme-text-white">Traveller Details</span>
                        </div>
                        <div class="col-12 col-md-6 mb-4 mb-md-0">
                            <ul class="reviewStatus step3">
                                <li><span class="numbering completed">1</span><span
                                        class="reviewText grayText font12 ">Flight Selected</span></li>
                                <li><span class="numbering onpage">2</span><span
                                        class="reviewText grayText font12 active">Review</span></li>
                                <li><span class="numbering ">3</span><span class="reviewText grayText font12 ">Traveller
                                        &amp; Addons</span></li>
                                <li><span class="numbering ">4</span><span class="reviewText grayText font12 ">Make
                                        Payment</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- body section -->
        <?php 
        $flight_det = json_decode($flight_details);
        if(!empty($flight_det)):
        $fly_info = $flight_det->tripInfos[0]->sI;
        $search_data = $flight_det->searchQuery;  
        $route_info = $search_data->routeInfos;
        ?>
        <div class="content-section">
            <!-- flight result page - oneway start -->
            <div class="review-flight py-3">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-9">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">Flight Details</div>
                            </div>
                            <!-- flight details section -->
                          <?php $conn=0 ; if(!empty($fly_info)) : foreach($fly_info as $fly) :
                            
                             $minutes = $fly->duration; 
                                                $hours = floor($minutes / 60);
                                                $min = $minutes - ($hours * 60);
                                                $duration = $hours."h ".$min."m";
                                                if(!empty($fly->cT)){
                                                $ct_minutes =$fly->cT;
                                                $ct_hours = floor($ct_minutes / 60);
                                                $ct_min = $ct_minutes - ($ct_hours * 60);
                                                $ct_time = $ct_hours."h ".$ct_min."m";  
                                                }else{
                                                $ct_time ='';    
                                                }
                                                $d_date = $fly->dt;
                                                $a_date = $fly->at;
                                                $depart_date = date('d-m-Y',strtotime($d_date));
                                                $depart_time = date('h:i a',strtotime($d_date));
                                                
                                                $arrive_date = date('d-m-Y',strtotime($a_date)); 
                                                $arrive_time = date('h:i a',strtotime($a_date));
                            
                            ?>
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3">
                                <div class="row border-bottom py-2 m-auto">
                                    <div class="col-8">
                                        <div class="fw-bold"><?=$fly->da->city?> To <?=$fly->aa->city?></div>
                                        <div class="font-medium"><?=$depart_date?> - <?=$arrive_date?></div>
                                    </div>
                                    <div class="col-4 text-end align-self-center">
                                        <a class="font-small theme-text-accent-one" data-bs-toggle="collapse"
                                            href="#collapseDepart_<?=$conn?>" role="button" aria-expanded="false"
                                            aria-controls="collapseDepart_<?=$conn?>">Flight
                                            details<i class="bi bi-chevron-down ps-1"></i></a>

                                    </div>
                                </div>
                                <div class="collapse" id="collapseDepart_<?=$conn?>">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="px-3">
                                                <ul class="row py-3">
                                                    <li class="col-12 pb-3">
                                                        <div class="float-start">
                                                            <img src="<?php echo base_url(); ?>assets/front/images/icons/D-indigo.jpg" alt="indigo">
                                                        </div>
                                                        <div class="float-start ms-2">
                                                            <div class="font-medium"><?=$fly->fD->aI->name?></div>
                                                            <div class="font-small"><?=$fly->fD->aI->code?> - <?=$fly->fD->fN?></div>
                                                        </div>
                                                        <div
                                                            class="float-start rounded theme-bg-secondary theme-text-white font-medium px-2 ms-5">
                                                            Class - SS</div>
                                                        <div class="font-medium float-start mx-5"><?php echo $search_data->cabinClass ;?></div>
                                                        <div class="font-medium float-start mx-5">Refundable</div>

                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="font-medium fw-bold text-uppercase"><?=$fly->da->city?>
                                                        </div>
                                                        <div class="font-medium fw-bold"><?=$depart_time?> | <span
                                                                class="fw-normal"><?=$depart_date?></span></div>
                                                        <div class="font-small"><?=$fly->da->name?>, <?php if(!empty($fly->da->terminal)) echo $fly->da->terminal;?></div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="float-start"><i class="bi bi-clock pe-2 fs-6"></i>
                                                        </div>
                                                        <div class="float-start"> <span class="font-medium d-block"><?=$duration?></span>
                                                        <span class="font-small d-block"><?php if($fly->stops==0) { echo 'Non Stop'; } else { echo $fly->stops.' Stop(s)'; } ?></span> <span
                                                            class="font-small d-block">Equipment:<?=$fly->fD->eT?></span>
                                                    </div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="font-medium fw-bold text-uppercase"><?=$fly->aa->city?></div>
                                                        <div class="font-medium fw-bold"><?=$arrive_time?> | <span
                                                                class="fw-normal"><?=$arrive_date?></span></div>
                                                        <div class="font-small"><?=$fly->aa->name?>, <?php if(!empty($fly->aa->terminal)) echo $fly->aa->terminal;?></div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3"> <span
                                                            class="font-small text-uppercase fw-bold"> <i
                                                                class="bi bi-briefcase me-2 fs-6"></i> Baggage </span>
                                                        <span class="font-small d-block">CHECK-IN : 15 Kgs</span><span
                                                            class="font-small d-block">CABIN : 7 Kgs</span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                              <?php $conn++;  endforeach; endif; ?>
                            <!-- flight details section -->
                  <!--          <div class="theme-box-shadow theme-border-radius bg-light mb-3">
                                <div class="row border-bottom py-2 m-auto">
                                    <div class="col-8">
                                        <div class="fw-bold">Dubai To New Delhi</div>
                                        <div class="font-medium">Departure Sat, 30 Mar - Return Mon, 01 Apr</div>
                                    </div>
                                    <div class="col-4 text-end align-self-center">
                                        <a class="font-small theme-text-accent-one" data-bs-toggle="collapse"
                                            href="#collapseReturn" role="button" aria-expanded="false"
                                            aria-controls="collapseReturn">Flight
                                            Details
                                            <i class="bi bi-chevron-down ps-1"></i></a>
                                    </div>
                                </div>
                                <div class="collapse" id="collapseReturn">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="px-3">
                                                <ul class="row py-3">
                                                    <li class="col-12 pb-3">
                                                        <div class="float-start">
                                                            <img src="<?php echo base_url(); ?>assets/front/images/icons/D-goair.jpg" alt="goair">
                                                        </div>
                                                        <div class="float-start ms-2">
                                                            <div class="font-medium">Spicejet</div>
                                                            <div class="font-small">SG-191</div>
                                                        </div>
                                                        <div
                                                            class="float-start rounded theme-bg-secondary theme-text-white font-medium px-2 ms-5">
                                                            Class - SS</div>
                                                        <div class="font-medium float-start mx-5">Economy</div>
                                                        <div class="font-medium float-start mx-5">Refundable</div>

                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="font-medium fw-bold text-uppercase">KOCHI
                                                        </div>
                                                        <div class="font-medium fw-bold">14:05 | <span
                                                                class="fw-normal">Sat,
                                                                Mar 30</span></div>
                                                        <div class="font-small">Indira Gandhi, T - 1D</div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="float-start"><i class="bi bi-clock pe-2 fs-6"></i>
                                                        </div>
                                                        <div class="float-start"> <span class="font-medium d-block">03h
                                                                15m</span>
                                                            <span class="font-small d-block">Non Stop</span> <span
                                                                class="font-small d-block">Equipment:737</span>
                                                        </div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="font-medium fw-bold text-uppercase">New Delhi</div>
                                                        <div class="font-medium fw-bold">15:30 | <span
                                                                class="fw-normal">Sat,
                                                                Mar 30</span></div>
                                                        <div class="font-small">Cochin, T - 2</div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3"> <span
                                                            class="font-small text-uppercase fw-bold"> <i
                                                                class="bi bi-briefcase me-2 fs-6"></i> Baggage </span>
                                                        <span class="font-small d-block">CHECK-IN : 15 Kgs</span><span
                                                            class="font-small d-block">CABIN : 7 Kgs</span>
                                                    </li>
                                                    <li class="col-12 mb-3 text-center">
                                                        <div
                                                            class="border d-inline-block theme-border-radius font-small p-2">
                                                            Change planes at Mumbai, Connecting Time: 2h 50m Connecting
                                                            flight may depart from a different terminal</div>
                                                    </li>
                                                    <li class="col-12 pb-3">
                                                        <div class="float-start">
                                                            <img src="<?php echo base_url(); ?>assets/front/images/icons/D-goair.jpg" alt="goair">
                                                        </div>
                                                        <div class="float-start ms-2">
                                                            <div class="font-medium">Spicejet</div>
                                                            <div class="font-small">SG-191</div>
                                                        </div>
                                                        <div
                                                            class="float-start rounded theme-bg-secondary theme-text-white font-medium px-2 ms-5">
                                                            Class - SS</div>
                                                        <div class="font-medium float-start mx-5">Economy</div>
                                                        <div class="font-medium float-start mx-5">Refundable</div>

                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="font-medium fw-bold text-uppercase">KOCHI
                                                        </div>
                                                        <div class="font-medium fw-bold">14:05 | <span
                                                                class="fw-normal">Sat,
                                                                Mar 30</span></div>
                                                        <div class="font-small">Indira Gandhi, T - 1D</div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="float-start"><i class="bi bi-clock pe-2 fs-6"></i>
                                                        </div>
                                                        <div class="float-start"> <span class="font-medium d-block">03h
                                                                15m</span>
                                                            <span class="font-small d-block">Non Stop</span> <span
                                                                class="font-small d-block">Equipment:737</span>
                                                        </div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3">
                                                        <div class="font-medium fw-bold text-uppercase">New Delhi</div>
                                                        <div class="font-medium fw-bold">15:30 | <span
                                                                class="fw-normal">Sat,
                                                                Mar 30</span></div>
                                                        <div class="font-small">Cochin, T - 2</div>
                                                    </li>
                                                    <li class="col-12 col-md-6 col-lg-3 pb-3"> <span
                                                            class="font-small text-uppercase fw-bold"> <i
                                                                class="bi bi-briefcase me-2 fs-6"></i> Baggage </span>
                                                        <span class="font-small d-block">CHECK-IN : 15 Kgs</span><span
                                                            class="font-small d-block">CABIN : 7 Kgs</span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>-->
                            <!-- travel details section -->
                            <?php    
                          $flight_det = json_decode($flight_details); 
                          $search_data = $flight_det->searchQuery;
                          $adultCount = $search_data->paxInfo->ADULT;
                          $childCount = $search_data->paxInfo->CHILD; 
                          $InfantCount = $search_data->paxInfo->INFANT; 
                                            ?>
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">Traveller Details</div>
                            </div>
                            <!-- add traveller details -->
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3 p-3">
                                <?php if($adultCount > 0){ ?>
                                <div class="d-flex align-items-between mb-3">
                                    <div class="flex-grow-1">
                                        <span class="fw-bold text-uppercase">Adult</span>
                                    </div>
                                </div>
                                <!-- repetable element -->
                               
                                <div class="col-12 border-bottom">
                                     <?php for ($i = 1; $i <= $adultCount; $i++) : ?>
                                    <!-- flight details section -->
                                    <div class="theme-box-shadow theme-border-radius bg-light mb-3">
                                        <div class="row border-bottom py-2 m-auto">
                                            <div class="col-8">
                                                <div class="fw-bold font-medium">Adult <?=$i?> : (12 + yrs)</div>
                                            </div>
                                            <div class="col-4 text-end align-self-center">
                                                <a class="font-small" data-bs-toggle="collapse" href="#collapseAdult"
                                                    role="button" aria-expanded="false" aria-controls="collapseAdult"><i
                                                        class="bi bi-chevron-down ps-1"></i></a>

                                            </div>
                                        </div>
                                        <div  <?php if($i>1) { ?> class="collapse" <?php } ?> id="collapseAdult">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="px-3">
                                                        <ul class="row py-3">
                                                            <li class="col-12 col-md-2 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="inlineFormSelectTitle">Preference</label>
                                                                <select name="adult_title[]" class="form-select" id="inlineFormSelectTitle">
                                                                    <option selected>Title</option>
                                                                    <option value="1">Mr.</option>
                                                                    <option value="2">Mrs.</option>
                                                                    <option value="3">Ms.</option>
                                                                </select>
                                                            </li>
                                                            <li class="col-12 col-md-4 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="specificSizeInputFirstName">First Name</label>
                                                                <input type="text" name="adult_fname[]" class="form-control"
                                                                    id="specificSizeInputFirstName"
                                                                    placeholder="First Name">
                                                            </li>
                                                            <li class="col-12 col-md-4 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="specificSizeInputLastName2">Last Name</label>
                                                                <input type="text" name="adult_lname[]" class="form-control"
                                                                    id="specificSizeInputLastName2"
                                                                    placeholder="Last Name">
                                                            </li>
                                                            <li class="col-12 col-md-6 pb-3">
                                                                <label for="inlineFormSelectTitle3">Date of
                                                                    Birth</label>
                                                                <div class="row g-0 border">
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle3" name="adult_dob[]">
                                                                            <option selected>Date</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle4">
                                                                            <option selected>Month</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle15">
                                                                            <option selected>Year</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="col-12 col-md-12 pb-3">
                                                                <label>Passport
                                                                    Details*</label>
                                                                <div class="row">
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="specificSizeInputPassportNumber">Passport
                                                                            Number</label>
                                                                        <input type="text" class="form-control"
                                                                            id="specificSizeInputPassportNumber"
                                                                            placeholder="Passport Number">
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="inlineFormSelectNationality3">Nationality</label>
                                                                        <select class="form-select"
                                                                            id="inlineFormSelectNationality3">
                                                                            <option selected>Nationality</option>
                                                                            <option value="1">Indian</option>
                                                                            <option value="2">German</option>
                                                                            <option value="3">American</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="inlineFormSelectIssuedCountry">Issued
                                                                            Country</label>
                                                                        <select class="form-select"
                                                                            id="inlineFormSelectIssuedCountry">
                                                                            <option selected>Issued Country</option>
                                                                            <option value="1">India</option>
                                                                            <option value="2">German</option>
                                                                            <option value="3">America</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="specificSizeInputExpairyDate2">ExpairyDate</label>
                                                                        <input type="text" class="form-control"
                                                                            id="specificSizeInputExpairyDate2"
                                                                            placeholder="Expairy Date">
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <span class="font-small">Note: Please make sure that
                                                                    traveller's Names are
                                                                    as per govt. approved Identity Card or
                                                                    Passport.</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     <?php endfor; ?>
                                </div>
                                

                                <?php } ?>
                                <!-- child details section -->
                                 <?php if($childCount > 0){ ?>
                                <div class="d-flex align-items-between my-3">
                                    <div class="flex-grow-1">
                                        <span class="fw-bold text-uppercase">Child</span>
                                    </div>
                                </div>
                                <!-- repetable element -->
                                <div class="col-12 border-bottom">
                                    <!-- flight details section -->
                                     <?php for ($j = 1; $j <= $childCount; $j++) : ?>
                                    <div class="theme-box-shadow theme-border-radius bg-light mb-3">
                                        <div class="row border-bottom py-2 m-auto">
                                            <div class="col-8">
                                                <div class="fw-bold font-medium">Child <?=$j?> : (2+ yrs)</div>
                                            </div>
                                            <div class="col-4 text-end align-self-center">
                                                <a class="font-small" data-bs-toggle="collapse" href="#collapseChild"
                                                    role="button" aria-expanded="false" aria-controls="collapseChild"><i
                                                        class="bi bi-chevron-down ps-1"></i></a>

                                            </div>
                                        </div>
                                        <div class="collapse" id="collapseChild">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="px-3">
                                                        <ul class="row py-3">
                                                            <li class="col-12 col-md-2 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="inlineFormSelectTitle5">Preference</label>
                                                                <select class="form-select" id="inlineFormSelectTitle5">
                                                                    <option selected>Title</option>
                                                                    <option value="1">Mr.</option>
                                                                    <option value="2">Mrs.</option>
                                                                    <option value="3">Ms.</option>
                                                                </select>
                                                            </li>
                                                            <li class="col-12 col-md-4 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="specificSizeInputFirstName2">First Name</label>
                                                                <input type="text" class="form-control"
                                                                    id="specificSizeInputFirstName2"
                                                                    placeholder="First Name">
                                                            </li>
                                                            <li class="col-12 col-md-4 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="specificSizeInputLastName3">Last Name</label>
                                                                <input type="text" class="form-control"
                                                                    id="specificSizeInputLastName3"
                                                                    placeholder="Last Name">
                                                            </li>
                                                            <li class="col-12 col-md-6 pb-3">
                                                                <label for="inlineFormSelectTitle6">Date of
                                                                    Birth</label>
                                                                <div class="row g-0 border">
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle6">
                                                                            <option selected>Date</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle7">
                                                                            <option selected>Month</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle8">
                                                                            <option selected>Year</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="col-12 col-md-12 pb-3">
                                                                <label>Passport
                                                                    Details*</label>
                                                                <div class="row">
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="specificSizeInputPassportNumber3">Passport
                                                                            Number</label>
                                                                        <input type="text" class="form-control"
                                                                            id="specificSizeInputPassportNumber3"
                                                                            placeholder="Passport Number">
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="inlineFormSelectNationality">Nationality</label>
                                                                        <select class="form-select"
                                                                            id="inlineFormSelectNationality">
                                                                            <option selected>Nationality</option>
                                                                            <option value="1">Indian</option>
                                                                            <option value="2">German</option>
                                                                            <option value="3">American</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="inlineFormSelectIssuedCountry2">Issued
                                                                            Country</label>
                                                                        <select class="form-select"
                                                                            id="inlineFormSelectIssuedCountry2">
                                                                            <option selected>Issued Country</option>
                                                                            <option value="1">India</option>
                                                                            <option value="2">German</option>
                                                                            <option value="3">America</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="specificSizeInputExpairyDate3">ExpairyDate</label>
                                                                        <input type="text" class="form-control"
                                                                            id="specificSizeInputExpairyDate3"
                                                                            placeholder="Expairy Date">
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <span class="font-small">Note: Please make sure that
                                                                    traveller's Names are
                                                                    as per govt. approved Identity Card or
                                                                    Passport.</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <?php endfor; ?>
                                </div>
                                <?php } ?>
                                <!-- child details section -->
                                 <?php if($InfantCount  > 0){ ?>
                                <div class="d-flex align-items-between my-3">
                                    <div class="flex-grow-1">
                                        <span class="fw-bold text-uppercase">Infant</span>
                                    </div>
                                </div>
                                <!-- repetable element -->
                                <div class="col-12 border-bottom">
                                    <!-- flight details section -->
                                     <?php for ($k = 1; $k <= $InfantCount; $k++) : ?>
                                    <div class="theme-box-shadow theme-border-radius bg-light mb-3">
                                        <div class="row border-bottom py-2 m-auto">
                                            <div class="col-8">
                                                <div class="fw-bold font-medium">Infant <?=$k?> : (0 - 2 yrs)</div>
                                            </div>
                                            <div class="col-4 text-end align-self-center">
                                                <a class="font-small" data-bs-toggle="collapse" href="#collapseInfant"
                                                    role="button" aria-expanded="false"
                                                    aria-controls="collapseInfant"><i
                                                        class="bi bi-chevron-down ps-1"></i></a>

                                            </div>
                                        </div>
                                        <div class="collapse" id="collapseInfant">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="px-3">
                                                        <ul class="row py-3">
                                                            <li class="col-12 col-md-2 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="inlineFormSelectTitle1">Preference</label>
                                                                <select class="form-select" id="inlineFormSelectTitle1">
                                                                    <option selected>Title</option>
                                                                    <option value="1">Mr.</option>
                                                                    <option value="2">Mrs.</option>
                                                                    <option value="3">Ms.</option>
                                                                </select>
                                                            </li>
                                                            <li class="col-12 col-md-4 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="specificSizeInputFirstName3">First Name</label>
                                                                <input type="text" class="form-control"
                                                                    id="specificSizeInputFirstName3"
                                                                    placeholder="First Name">
                                                            </li>
                                                            <li class="col-12 col-md-4 pb-3">
                                                                <label class="visually-hidden"
                                                                    for="specificSizeInputLastName">Last Name</label>
                                                                <input type="text" class="form-control"
                                                                    id="specificSizeInputLastName"
                                                                    placeholder="Last Name">
                                                            </li>
                                                            <li class="col-12 col-md-6 pb-3">
                                                                <label for="inlineFormSelectTitle2">Date of
                                                                    Birth</label>
                                                                <div class="row g-0 border">
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle2">
                                                                            <option selected>Date</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle11">
                                                                            <option selected>Month</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col">
                                                                        <select class="form-select border-0"
                                                                            id="inlineFormSelectTitle12">
                                                                            <option selected>Year</option>
                                                                            <option value="1">Mr.</option>
                                                                            <option value="2">Mrs.</option>
                                                                            <option value="3">Ms.</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="col-12 col-md-12 pb-3">
                                                                <label>Passport
                                                                    Details*</label>
                                                                <div class="row">
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="specificSizeInputPassportNumber2">Passport
                                                                            Number</label>
                                                                        <input type="text" class="form-control"
                                                                            id="specificSizeInputPassportNumber2"
                                                                            placeholder="Passport Number">
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="inlineFormSelectNationality2">Nationality</label>
                                                                        <select class="form-select"
                                                                            id="inlineFormSelectNationality2">
                                                                            <option selected>Nationality</option>
                                                                            <option value="1">Indian</option>
                                                                            <option value="2">German</option>
                                                                            <option value="3">American</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="inlineFormSelectIssuedCountry3">Issued
                                                                            Country</label>
                                                                        <select class="form-select"
                                                                            id="inlineFormSelectIssuedCountry3">
                                                                            <option selected>Issued Country</option>
                                                                            <option value="1">India</option>
                                                                            <option value="2">German</option>
                                                                            <option value="3">America</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-3 mb-3 mb-md-0">
                                                                        <label class="visually-hidden"
                                                                            for="specificSizeInputExpairyDate">ExpairyDate</label>
                                                                        <input type="text" class="form-control"
                                                                            id="specificSizeInputExpairyDate"
                                                                            placeholder="Expairy Date">
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <span class="font-small">Note: Please make sure that
                                                                    traveller's Names are
                                                                    as per govt. approved Identity Card or
                                                                    Passport.</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     <?php endfor; ?>
                                </div>
                                <?php } ?>
                            </div>
                            <!-- contact information details section -->
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">Contact information</div>
                            </div>
                            <!-- add contact details -->
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3 p-3 pb-0">
                                <div class="row mb-3">
                                    <div class="col-12">
                                        <span class=" font-medium">Note: All communication related to booking
                                            will be sent to this email address and mobile.</span>
                                    </div>
                                    <div class="col-12">
                                        <ul class="row pt-3">
                                            <!--<li class="col-12 col-md-2 pb-3">
                                                <label class="font-medium" for="inlineFormSelectCountryCode">Country
                                                    Code</label>
                                                <select class="form-select" id="inlineFormSelectCountryCode">
                                                    <option selected>+91</option>
                                                    <option value="1">123</option>
                                                    <option value="2">125</option>
                                                    <option value="3">214</option>
                                                </select>
                                            </li>-->
                                            <li class="col-12 col-md-5 pb-3">
                                                <label class="font-medium" for="specificSizeInputMobileNo">Mobile
                                                    No</label>
                                                <input type="tel" name="phone_number[full]" class="form-control phone_number" id="specificSizeInputMobileNo"
                                                    placeholder="">
                                            </li>
                                            <li class="col-12 col-md-7 pb-3">
                                                <label class="font-medium" for="specificSizeInputEmail">Email</label>
                                                <input type="text" class="form-control" id="specificSizeInputEmail"
                                                    placeholder="Email">
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- GST details section -->
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">GST Details Confirmation (Optional)</div>
                            </div>
                            <!-- add GST details -->
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3 p-3 pb-0">
                                <div class="row mb-3">
                                    <div class="col-12">
                                        <span class=" font-medium">Note: All communication related to booking
                                            will be sent to this email address and mobile.</span>
                                    </div>
                                    <div class="col-12">
                                        <ul class="row pt-3">
                                            <li class="col-12 col-md-4 pb-3">
                                                <label class="font-medium" for="specificSizeInputGSTINNumber">GSTIN
                                                    Number</label>
                                                <input type="number" class="form-control"
                                                    id="specificSizeInputGSTINNumber" placeholder="Enter GSTIN Number">
                                            </li>
                                            <li class="col-12 col-md-4 pb-3">
                                                <label class="font-medium" for="specificSizeInputCompanyName">Company
                                                    Name*</label>
                                                <input type="text" class="form-control"
                                                    id="specificSizeInputCompanyName" placeholder="Enter Name">
                                            </li>
                                            <li class="col-12 col-md-4 pb-3">
                                                <label class="font-medium" for="specificSizeInputCompanyEmail">Company
                                                    Email*</label>
                                                <input type="text" class="form-control"
                                                    id="specificSizeInputCompanyEmail"
                                                    placeholder="Enter Company Email">
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- Add-ons details section -->
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">Add-ons</div>
                            </div>
                            <!-- add Add-ons details -->
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3 p-3">
                                <div class="row">
                                    <div class="col-12">
                                        <ul class="d-flex flex-row">
                                            <li class="theme-box-shadow theme-border-radius p-3 border me-3">
                                                <a data-toggle="modal" data-target="#mealsModal"img
                                                        src="<?php echo base_url(); ?>assets/front/images/icons/meal.png" class="img-fluid me-2"
                                                        title="meal" alt="meal">Add
                                                    Meals</a>
                                            </li>
                                            <li class="theme-box-shadow theme-border-radius p-3 border me-3">
                                                <a data-toggle="modal" data-target="#baggageModal"><img
                                                        src="<?php echo base_url(); ?>assets/front/images/icons/baggage.png" class="img-fluid me-2"
                                                        title="baggage" alt="baggage">Add
                                                    Baggage</a>
                                            </li>
                                            <li class="theme-box-shadow theme-border-radius p-3 border">
                                                <a data-toggle="modal" data-target="#seat_map_modal"><img
                                                        src="<?php echo base_url(); ?>assets/front/images/icons/seat.png" class="img-fluid me-2"
                                                        title="seat" alt="seat">Seat</a>
                                            </li>
                                        </ul>
                                    </div>
                                   
                                    
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-3">
                            <div class="fw-bold mb-3">Fare Details</div>
                            <div class="row">
                                <div class="col-12 mb-3">
                                    <div class="theme-box-shadow theme-border-radius bg-light">
                                        <ul class="">
                                            <!-- base fare section -->
                                            <li class="border-bottom p-3 font-medium">
                                                <a class="d-flex justify-content-between theme-text-accent-one"
                                                    data-bs-toggle="collapse" href="#baseFare" role="button"
                                                    aria-expanded="false" aria-controls="baseFare">
                                                    <span class="font-medium fw-bold">
                                                        Base Fare</span>
                                                    <span>
                                                        <i class="bi bi-plus-circle-fill theme-text-accent-two"></i>
                                                    </span>
                                                </a>
                                                <div class="collapse" id="baseFare">
                                                    <div class="d-flex justify-content-between pt-3">
                                                        <span class="font-medium">Adult(s)
                                                            (1 X ₹ 11,545)</span>
                                                        <span class="font-medium">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="fw-normal">11,545</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- airline charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <a class="d-flex justify-content-between theme-text-accent-one"
                                                    data-bs-toggle="collapse" href="#airlineSurcharge" role="button"
                                                    aria-expanded="false" aria-controls="airlineSurcharge">
                                                    <span class="font-medium fw-bold">
                                                        Airline Fuel Surcharge</span>
                                                    <span>
                                                        <i class="bi bi-plus-circle-fill theme-text-accent-two"></i>
                                                    </span>
                                                </a>
                                                <div class="collapse" id="airlineSurcharge">
                                                    <div class="d-flex justify-content-between pt-3">
                                                        <span class="font-medium">Adult(s)
                                                            (1 X ₹ 8,0)</span>
                                                        <span class="font-medium">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="fw-normal">800</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- other charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <a class="d-flex justify-content-between theme-text-accent-one"
                                                    data-bs-toggle="collapse" href="#otherCharges" role="button"
                                                    aria-expanded="false" aria-controls="otherCharges">
                                                    <span class="font-medium fw-bold">
                                                        Other Taxes</span>
                                                    <span>
                                                        <i class="bi bi-plus-circle-fill theme-text-accent-two"></i>
                                                    </span>
                                                </a>
                                                <div class="collapse" id="otherCharges">
                                                    <div class="d-flex justify-content-between pt-3">
                                                        <span class="font-medium">Passenger Service Fee</span>
                                                        <span class="font-medium">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="fw-normal">480</span>
                                                        </span>
                                                    </div>
                                                    <div class="d-flex justify-content-between pt-3">
                                                        <span class="font-medium">Airline GST</span>
                                                        <span class="font-medium">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="fw-normal">396</span>
                                                        </span>
                                                    </div>
                                                    <div class="d-flex justify-content-between pt-3">
                                                        <span class="font-medium">Other Taxes</span>
                                                        <span class="font-medium">
                                                            <i class="bi bi-currency-dollar"></i>
                                                            <span class="fw-normal">1151</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- hc charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <div class="d-flex justify-content-between">
                                                    <span class="font-medium fw-bold text-uppercase">
                                                        HC</span>
                                                    <span>
                                                        <i class="bi bi-currency-dollar"></i><span
                                                            class="fw-normal">480</span>
                                                    </span>
                                                </div>
                                            </li>
                                            <!-- gst charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <div class="d-flex justify-content-between">
                                                    <span class="font-medium fw-bold text-uppercase">
                                                        GST</span>
                                                    <span>
                                                        <i class="bi bi-currency-dollar"></i><span
                                                            class="fw-normal">80</span>
                                                    </span>
                                                </div>
                                            </li>
                                            <!-- grand total charge fare -->
                                            <li class="border-bottom p-3 font-medium">
                                                <div class="d-flex justify-content-between">
                                                    <span class="fs-6 fw-bold">
                                                        Grand Total</span>
                                                    <span class="fs-6">
                                                        <i class="bi bi-currency-dollar"></i><span
                                                            class="fw-bold">14952</span>
                                                    </span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="theme-box-shadow theme-border-radius bg-light p-3 font-small" data-toggle="modal" data-target="#fareRuleModal">
                                        Cancellation &amp;
                                        Date change
                                        charges <a href="#" class="">More</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- button section -->
                    <div class="row">
                        <div class="col-12 col-md-9">
                            <!-- Acknowledgement details section -->
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div class="fw-bold">Acknowledgement</div>
                            </div>
                            <!-- Acknowledgement details -->
                            <div class="theme-box-shadow theme-border-radius bg-light mb-3 p-3">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-check mb-3">
                                            <input class="form-check-input" type="checkbox" value=""
                                                id="flexCheckChecked" checked>
                                            <label class="form-check-label font-small" for="flexCheckChecked">
                                                I understand and agree with the <a href="#">Privacy Policy</a>, the <a
                                                    href="#">Terms & Conditions</a>
                                                of Skybuddies
                                            </label>
                                        </div>
                                        <button type="submit" class="btn btn-effect btn-book px-5"
                                            onclick="window.location.href='traveller-addons-meal.html';">Continue</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<?php endif;?>
        
         <?php include('seat_modal.php');  ?>
         <?php include('meals_modal.php');  ?>
         <?php include('baggage_modal.php');  ?>
        
           <div class="modal fade" id="fareRuleModal" tabindex="-1" role="dialog" aria-labelledby="fareRuleModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Fare rule information</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <!-- Modal content goes here -->
            <?php
             
            $totalPriceList = $flight_det->tripInfos[0]->totalPriceList;
            $farerule_info = $totalPriceList[0]->fareRuleInformation;

            if (isset($farerule_info->tfr)) {
                $fareRules = $farerule_info->tfr;

                $paragraph = "Fare Rules:<br/><br/>";

                foreach ($fareRules as $ruleType => $rules) {
                    if (!empty($rules)) {
                        $paragraph .= ucwords(str_replace('_', ' ', $ruleType)) . ":<br/>";

                        foreach ($rules as $rule) {
                            $paragraph .= "- " . $rule->policyInfo . "<br/>";
                            if(isset($rule->amount)){
                                $amount = $rule->amount;
                            }
                            $paragraph .= "  (Amount: " . $amount . ", Start Time: " . $rule->st . ", End Time: " . $rule->et . ")<br/>";
                        }

                        $paragraph .= "<br/>";
                    }
                }

                echo $paragraph;
            } else {
                echo "No fare rule information available.";
            }
            ?>

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>
        
        <!-- page footer section -->
        <footer class="footer" id="footerSec">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-6 pt-5">
                        <img src="<?php echo base_url(); ?>assets/front/images/logoWhite.png" class="img-fluid" alt="Brand color white"
                            title="Brand color white">
                        <p class="text-justify pt-5">Flight World Travel Agent dashboard is a specialized travel service
                            for organizations from flightworld.com</p>
                        <p class="pt-lg-5">Get Latest Deals, Upcoming Flight Offers and Cheap Fare</p>
                        <form class="form">
                            <div class="row">
                                <div class="col-12">
                                    <div class="input-group">
                                        <input type="text" class="form-control py-3 rounded-0" id="inputPassword2"
                                            placeholder="Enter your email address">
                                        <button type="button"
                                            class="btn btn-outline-light rounded-0 custom-btn-subscribe btn-effect">Subscribe</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="col-12 mt-5">
                            <img src="<?php echo base_url(); ?>assets/front/images/tafi.svg" class="img-fluid me-4" alt="tafi" title="tafi">
                            <img src="<?php echo base_url(); ?>assets/front/images/taai.svg" class="img-fluid" alt="taai" title="taai">
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 pt-5">
                        <img src="<?php echo base_url(); ?>assets/front/images/iata.svg" class="img-fluid d-inline-flex" alt="IATA" title="IATA">
                        <p class="fw-bold text-uppercase mb-0 ms-2 d-inline-flex">We are an IATA Certified travel agency
                        </p>
                        <div class="row">
                            <div class="col-md-4 mt-5">
                                <p class="text-uppercase fw-bold mb-4">About Us</p>
                                <ul class="fl-menu">
                                    <li class="nav-item"><a href="about.html">About</a></li>
                                    <li class="nav-item"><a href="contact.html">Contact us</a></li>
                                    <li class="nav-item"><a href="#">Bank Details</a></li>
                                </ul>
                            </div>
                            <div class="col-md-4 mt-5">
                                <p class="text-uppercase fw-bold">Legal</p>
                                <ul class="fl-menu">
                                    <li class="nav-item"><a href="privacy.html">Privacy</a></li>
                                    <li class="nav-item"><a href="#">T&C</a></li>
                                    <li class="nav-item"><a href="#">Disclaimer</a></li>
                                    <li class="nav-item"><a href="#">Privacy and Cookies</a></li>
                                    <li class="nav-item"><a href="#">Legal</a></li>
                                    <li class="nav-item"><a href="#">Help</a></li>
                                    <li class="nav-item"><a href="#">Feedback</a></li>
                                </ul>
                            </div>
                            <div class="col-md-4 mt-5">
                                <p class="text-uppercase fw-bold">Company</p>
                                <ul class="fl-menu">
                                    <li class="nav-item"><a href="#">Partner With Us</a></li>
                                    <li class="nav-item"><a href="#">Services</a></li>
                                    <li class="nav-item"><a href="#">Careers</a></li>
                                    <li class="nav-item"><a href="#">Products</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row g-0 pt-5">
                    <div class="col-12 border-top border-bottom">
                        <div class="row">
                            <div class="col-12 col-lg-4 text-start py-3">
                                <p class="d-inline-flex text-uppercase mb-0">Follow Us</p>
                                <div class="d-inline-flex social">
                                    <a href="#" class="ps-3"><i class="bi bi-facebook"></i></a>
                                    <a href="#" class="ps-3"><i class="bi bi-twitter"></i></a>
                                    <a href="#" class="ps-3"><i class="bi bi-linkedin"></i></a>
                                    <a href="#" class="ps-3"><i class="bi bi-instagram"></i></a>
                                </div>
                            </div>
                            <div class="col-12 col-lg-4 text-lg-center social py-3">
                                <p class="d-inline-flex text-uppercase mb-0">Support Center:</p>
                                <a href="#" class="botom-link">(769) 25698745</a>
                            </div>
                            <div class="col-12 col-lg-4 text-lg-end social py-3">
                                <a href="mailto:support@example.com" class="botom-link">support@example.com</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <p class="text-center py-5 mb-0 font-small">©2022 Flight World Pwt Lcd. All Rights Reserved.
                        </p>
                    </div>
                </div>

            </div>
            <p id="back-top" class="back-to-top bg-dark" style="display: block;">
                <a href="#top"><i class="bi bi-chevron-up"></i></a>
            </p>
        </footer>

    </div>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
    $(function () {
  $('[data-toggle="tooltip"]').tooltip()
})</script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/css/intlTelInput.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/intlTelInput.min.js"></script>
    <script>
    // Fetch country codes from the "REST Countries" API and populate the dropdown
    $(document).ready(function () {
    var phone_number = window.intlTelInput(document.querySelector(".phone_number"), {
  separateDialCode: true,
  preferredCountries:["in"],
  hiddenInput: "full",
  utilsScript: "//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/utils.js"
});
   });
</script>
 <?php include('fixed/bottom.php');  ?>
</body>

</html>