<?php
$arrFlightClass = $this->arrFlightClass;
$recentSearch = $this->recentSearch;
$sessionFlightSearchParams = $post = $this->sessionFlightSearchParams;

$TotalTravellers = ($sessionFlightSearchParams['adults'] + $sessionFlightSearchParams['childs'] + $sessionFlightSearchParams['infants']);
$mydevice = Zend_Controller_Action_HelperBroker::getStaticHelper('General')->getDevice();
$source = isset($sessionFlightSearchParams['source']) ? $sessionFlightSearchParams['source'] : '';
$destination = isset($sessionFlightSearchParams['destination']) ? $sessionFlightSearchParams['destination'] : '';
$departure_date = isset($sessionFlightSearchParams['departure_date']) ? $sessionFlightSearchParams['departure_date'] : date('d/m/Y');
$strDepatureDate = isset($sessionFlightSearchParams['strDepatureDate']) ? $sessionFlightSearchParams['strDepatureDate'] : date('d M Y');
$strReturnDate = isset($sessionFlightSearchParams['strReturnDate']) ? $sessionFlightSearchParams['strReturnDate'] : '';
$return_date = isset($sessionFlightSearchParams['return_date']) ? $sessionFlightSearchParams['return_date'] : '';
$source_city = isset($sessionFlightSearchParams['source_city']) ? $sessionFlightSearchParams['source_city'] : '';
$ContSysId_1 = isset($sessionFlightSearchParams['ContSysId_1']) ? $sessionFlightSearchParams['ContSysId_1'] : '';
$destination_city = isset($sessionFlightSearchParams['destination_city']) ? $sessionFlightSearchParams['destination_city'] : '';
$ContSysId = isset($sessionFlightSearchParams['ContSysId']) ? $sessionFlightSearchParams['ContSysId'] : '';
$route = isset($sessionFlightSearchParams['route']) ? $sessionFlightSearchParams['route'] : '';
$mytrip_city_from = isset($sessionFlightSearchParams['mytrip_city_from']) ? $sessionFlightSearchParams['mytrip_city_from'] : '';
$mytrip_city_to = isset($sessionFlightSearchParams['mytrip_city_to']) ? $sessionFlightSearchParams['mytrip_city_to'] : '';
$from_mytrip_city = isset($sessionFlightSearchParams['from_mytrip_city']) ? $sessionFlightSearchParams['from_mytrip_city'] : '';
$to_mytrip_city = isset($sessionFlightSearchParams['to_mytrip_city']) ? $sessionFlightSearchParams['to_mytrip_city'] : '';

//print_r($strReturnDate);
?>
<style>
  .animated-background-fill,
  .animated-background-show,
  .animated-background-all,
  .animated-background-last {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
    background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: auto;
    position: relative;
    width: 252px;
    float: left;
    border: 1px solid #efefef;
    padding: 15px;
    border-bottom: 1px solid #ccc;
  }

  @-webkit-keyframes placeHolderShimmer {
    0% {
      background-position: -400px 0;
    }

    100% {
      background-position: 400px 0;
    }
  }

  .timeline-wrapper {
    overflow: hidden;
  }

  .timeline-item {
    background: #fff;
    border-radius: 3px;
    margin: 0 auto;
    max-width: 100%;
  }

  .animated-background {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #eee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
    background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 105px;
    position: relative;
    width: 95%;
    float: left;
    border: 1px solid #efefef;
    margin-bottom: 20px;
  }

  .background-masker {
    background: #fff;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .background-masker.header-bottom,
  .background-masker.header-top,
  .background-masker.subheader-bottom {
    top: 0;
    left: 0;
    right: 0;
    height: 15px;
    width: auto;
  }

  .main-loader {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    top: 0;
    background: #fff;
  }

  .first-loaderdiv {
    position: absolute;
    width: 10px;
    height: 100px;
    left: 0;
    top: 0;
    background: #fff;
  }

  .last-loaderdiv {
    position: absolute;
    width: 10px;
    height: 100px;
    right: 0;
    top: 0;
    background: #fff;
  }

  .smallborder-loaderdiv {
    position: absolute;
    width: 12%;
    height: 5px;
    left: 20%;
    top: 10px;
    background: #fff;
  }

  .smalltwo-loaderdiv {
    position: absolute;
    width: 12%;
    height: 5px;
    left: 40%;
    top: 10px;
    background: #fff;
  }

  .bottomborder-loaderdiv {
    position: absolute;
    width: 12%;
    height: 5px;
    left: 20%;
    top: 45px;
    background: #fff;
  }

  .smallbottom-loaderdiv {
    position: absolute;
    width: 12%;
    height: 5px;
    left: 40%;
    top: 45px;
    background: #fff;
  }

  .bottom-loaderdiv {
    position: absolute;
    width: 100%;
    height: 10px;
    right: 0;
    bottom: 0;
    background: #fff;
  }

  .flight-loaderdiv {
    position: absolute;
    width: 20px;
    height: 40px;
    left: 20%;
    top: 10px;
    background: #fff;
  }

  .departure-loaderdiv {
    position: absolute;
    width: 10%;
    height: 40px;
    left: 32%;
    top: 10px;
    background: #fff;
  }

  .arrive-loaderdiv {
    position: absolute;
    width: 20px;
    height: 40px;
    left: 50%;
    top: 10px;
    background: #fff;
  }

  .price-loaderdiv {
    position: absolute;
    width: 20px;
    height: 40px;
    right: 15%;
    top: 10px;
    background: #fff;
  }

  .middle-loaderdiv {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    top: 50px;
    background: #fff;
  }

  .viewbtn-loaderdiv {
    position: absolute;
    width: 20px;
    height: 35px;
    left: 30%;
    top: 60px;
    background: #fff;
  }

  .baggage-loaderdiv {
    position: absolute;
    width: 68%;
    height: 10px;
    right: 0;
    top: 60px;
    background: #fff;
  }

  .baggagebtm-loaderdiv {
    position: absolute;
    width: 68%;
    height: 10px;
    right: 0;
    top: 85px;
    background: #fff;
  }

  .baggageall-loaderdiv {
    position: absolute;
    width: 35%;
    height: 30px;
    right: 0;
    top: 70px;
    background: #fff;
  }

  .arrowclass-loader {
    height: 2px;
    width: 60%;
    background: #ccc;
    margin-left: 13px;
    position: relative;
    margin-top: 20px;
  }

  .arrowclass-loader::before {
    content: '';
    position: absolute;
    height: 8px;
    top: -6px;
    width: 2px;
    background: #ccc;
    right: 3px;
    transform: rotate(135deg);
  }

  .arrowclass-loader::after {
    content: '';
    position: absolute;
    height: 8px;
    top: 0;
    width: 2px;
    background: #ccc;
    right: 3px;
    transform: rotate(45deg);
  }
</style>
<form method="get" action="flight/flightsearchdata" class="flightsearch">
  <!--        <div class="animated-background">
            <div class="main-loader"></div>
            <div class="first-loaderdiv"></div>
            <div class="last-loaderdiv"></div>
            <div class="smallborder-loaderdiv"></div>
            <div class="bottomborder-loaderdiv"></div>
            <div class="bottom-loaderdiv"></div>
            <div class="flight-loaderdiv"></div>
            <div class="smalltwo-loaderdiv"></div>
            <div class="smallbottom-loaderdiv"></div>
            <div class="departure-loaderdiv"><p class="arrowclass-loader"></p></div>
            <div class="arrive-loaderdiv"></div>
            <div class="price-loaderdiv"></div>
            <div class="middle-loaderdiv"></div>
            <div class="viewbtn-loaderdiv"></div>
            <div class="baggage-loaderdiv"></div>
            <div class="baggagebtm-loaderdiv"></div>
            <div class="baggageall-loaderdiv"></div>
        </div>-->
  <div class="flightroud_earch">
    <ul>
      <li>
        <input type="radio" class="tripType" value="1" id="f-option" name="route" <?= ($post['route'] == 1) ? 'checked' : 'checked' ?>>
        <label for="f-option">One Way</label>
        <div class="check"></div>
      </li>
      <li>
        <input type="radio" class="tripType" value="2" id="s-option" name="route" <?= ($post['route'] == 2) ? 'checked' : '' ?>>
        <label for="s-option">Round Trip</label>
        <div class="check">
          <div class="inside"></div>
        </div>
      </li>
      <!-- <li>
        <input type="radio" class="tripType" value="3" id="m-option" name="route" <?= ($post['route'] == 3) ? 'checked' : '' ?>>
        <label for="m-option">Multicity</label>
        <div class="check">
          <div class="inside"></div>
        </div>
      </li> -->
    </ul>

    <span class="nonstop_wrapper mobilenonstop">
      <span class="nonstop_mytrip">Non Stop</span>
      <label class="switch">
        <input type="checkbox" name="DirectFlight" value="1">
        <span class="slider round"></span>
      </label>
    </span>

  </div>
  <div class="clearfix"></div>
  <div class="mytrip_destination">
    <div class="mytrip_city" <?php if ($mydevice == 'mobile') { ?>onclick="showNav(1)" <?php } ?>>
      <label for="mytrip_city_from">From</label>
<input type="text" class="form-control airport_search apendn_1" name="mytrip_city_from" id="mytrip_city_from" placeholder="Type source city.." value="<?= $mytrip_city_from ?>" index="1" <?php if ($mydevice == 'mobile') {echo 'readonly';} ?>>
      <span class="small-text fromText_1"><?= ($from_mytrip_city) ? $from_mytrip_city : '&nbsp;' ?></span>
    </div>
    <div class="mytrip_to" <?php if ($mydevice == 'mobile') { ?>onclick="showNav(2)" <?php } ?>>
      <label for="mytrip_city_to">To</label>
      <input type="text" class="form-control airport_search apendn_2" name="mytrip_city_to" id="mytrip_city_to" placeholder="Type destination city.." value="<?= $mytrip_city_to ?>" index="2" <?php if ($mydevice == 'mobile') {echo 'readonly';} ?>>
      <span class="small-text fromText_2"><?= ($to_mytrip_city) ? $to_mytrip_city : '&nbsp;' ?></span>
    </div>
    <div class="exchange_transfer card-5"><img src="public/assets/img/new/exchange_red.svg" alt="Transfer Exchange" title="Transfer Exchange" /> </div>
  </div>

  <div class="mytrip_calender_box">
    <div class="mytrip_departure">
      <label for="departure_text">Departure</label>
      <input type="text" class="form-control" id="from" value="<?= date('d M Y', strtotime($strDepatureDate)) ?>" readonly>
      <span class="small-text Departure"><?= date('l', strtotime($strDepatureDate)) ?></span>
    </div>
    <div class="mytrip_return">
      <label for="return-text">Return</label>
      <?php if (!empty($strReturnDate)) { ?>
        <input type="text" class="form-control" id="to" readonly="readonly" title="Book Round Trip to save extra" placeholder="Book Round Trip to save extra" value="<?= date('d M Y', strtotime($strReturnDate)) ?>">
        <span class="small-text Return"><?= date('l', strtotime($strReturnDate)) ?></span>
      <?php } else { ?>
        <input type="text" class="form-control" id="to" readonly="readonly" title="Book Round Trip to save extra" placeholder="Book Round Trip to save extra" value="">
        <span class="small-text Return">&nbsp;</span>
      <?php } ?>
    </div>
  </div>
  <?php if ($mydevice == 'desktop') { ?>
    <div class="mytrip_class mobile_hide_section">
      <label for="mytrip_class">Class</label>
      <span class="travller_search form-control" id="mytrip_class"><span class="TotalTravellers"><?= ($TotalTravellers) ? $TotalTravellers : 1 ?></span> Travellers</span>
      <span class="small-text travller_search TravellersClass">Economy</span>
      <div class="roomBoxMain" style="display: none;">
        <div class="roomBoxMainIn">
          <div class="flight-paxes">
            <div class="row">
              <div class="col-md-5">
                <h1 style="border:none;">Passengers</h1>
                <label>Adults <span>(12+ years)</span></label>
                <div class="count-input space-bottom">
                  <a class="incr-btn inactive ddSpinnerMinus" data-action="decrease" href="javascript:void(0);">–</a>
                  <input class="quantity" type="text" name="adults" id="adults" value="<?= ($post['adults']) ? $post['adults'] : '1' ?>">
                  <a class="incr-btn ddSpinnerPlus" data-action="increase" href="javascript:void(0);">+</a>
                </div>
                <div class="travller_divider_space"></div>
                <label>Children <span>(2-12 years)</span></label>
                <div class="count-input space-bottom">
                  <a class="incr-btn chSpinnerMinus" data-action="decrease" box="childs" href="javascript:void(0);">–</a>
                  <input class="quantity" type="text" name="childs" id="childs" readonly="" value="<?= ($post['childs']) ? $post['childs'] : '0' ?>">
                  <a class="incr-btn chSpinnerPlus" data-action="increase" href="javascript:void(0);">+</a>
                </div>
                <div class="travller_divider_space"></div>
                <label>Infants <span>(2 years)</span></label>
                <div class="count-input space-bottom">
                  <a class="incr-btn infSpinnerMinus" data-action="decrease" box="infants" href="javascript:void(0);">–</a>
                  <input class="quantity" type="text" name="infants" id="infants" readonly="" value="<?= ($post['infants']) ? $post['infants'] : '0' ?>">
                  <a class="incr-btn infSpinnerPlus" data-action="increase" href="javascript:void(0);">+</a>
                </div>
                <div class="clearfix"></div>
              </div>
              <div class="col-md-1 mobile_hide_section">
                <h1 style="border:none;"></h1>
                <div class="divider"></div>
              </div>
              <div class="col-md-6">
                <h1 style="border:none;">Select Travel Class</h1>
                <div class="travelclass_main">
                  <?php
                  if ($arrFlightClass) {
                    foreach ($arrFlightClass as $key => $val) {
                      $class = ($post['class']) ? $post['class'] : '2';
                  ?>
                      <!--<div class="radio">-->
                      <input class="SelectClass" <?= ($class == $key) ? 'checked' : '' ?> type="radio" name="class" id="cabinclass<?= $key ?>" data="<?= $val ?>" value="<?= $key ?>" <?= ($key == 1) ? 'checked' : '' ?>>
                      <label for="cabinclass<?= $key ?>"><?= $val ?></label>
                      <!--</div>-->
                  <?php
                    }
                  }
                  ?>
                </div>
                <!--                                <div>
                                    <input id="checkbox-2100" class="checkbox1-custom" value="1" name="DirectFlight" type="checkbox" un-checked="">
                                    <label for="checkbox-2100" class="checkbox1-custom-label"><span style="display: inline-block;">Show Direct flights</span></label>
                                </div>-->


              </div>
            </div>
          </div>
          <!--end of row-->
          <!--<div class="cl"></div>-->
          <!--                            <div class="clearfix">&nbsp;</div>-->
          <div class="flight-paxes" style="display:none;">
            <div class="col-md-12">
              <h1 style="border:none;">Restrict my Search to:
                <span style="font-size: 10px;">
                  <a href="javascript:void(0);" onclick="chkAll('airline-chk');">Select All</a> / <a href="javascript:void(0);" onclick="chkUncheckAll('airline-chk');">Unselect All</a>
                </span>
              </h1>
              <div class="cl">
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="GDS" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> GDS
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="AK" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> Air Asia
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="TR" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> TigerAirways
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="2T" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> TruJet
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="FZ" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> FlyDubai
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="IX" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> AirIndiaExpress
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="SG" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> SpiceJet
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="G9" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> AirArabia
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="LB" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> AirCosta
                </label>
                <label>
                  <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="6E" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> Indigo
                </label>

              </div>
            </div>
          </div>
          <div class="cl">&nbsp;</div>
          <!--                            <div class="clearfix">&nbsp;</div>-->
          <div class="cl">
            <span class="pull-right">
              <a href="javascript:void(0);" class="pax-details btn btn-group-sm btn-outline btt-btn" id="done_traveller">Done</a>
            </span>

          </div>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  <?php } ?>
  <div class="mytrip_class travellerhide" onclick="showTravller()">
    <label for="mytrip_class">Class</label><br>
    <div class="form-control">
      <span class="TotalTravellers"><?= ($TotalTravellers) ? $TotalTravellers : 1 ?></span> Travellers
      <span class=" travller_search TravellersClass">Economy</span>
    </div>

    <div class="clearfix"></div>
  </div>
  <?php if ($mydevice == 'mobile') { ?>
    <div class="travllerbootom">
      <a href="javascript:void(0)" class="closebtn" onclick="hideTravller()"><img src="public/assets/img/new/travller_close-line.svg" /> </a>
      <div class="travller-content">
        <div class="roomBoxMain" style="display: block; position: relative !important; border: 0px solid #d7d7d7; top: 130px; border-radius:20px;height: 448px;">
          <div class="roomBoxMainIn">
            <div class="flight-paxes">
              <div class="row">
                <div class="col-md-5">
                  <h1 style="border:none;">Passengers</h1>
                  <label>Adults <span>(12+ years)</span></label>
                  <div class="count-input space-bottom">
                    <a class="incr-btn inactive ddSpinnerMinus" data-action="decrease" href="javascript:void(0);">–</a>
                    <input class="quantity" type="text" name="adults" id="adults" value="<?= ($post['adults'])?$post['adults']:'1' ?>">
                    <a class="incr-btn ddSpinnerPlus" data-action="increase" href="javascript:void(0);">+</a>
                  </div>
                  <div class="travller_divider_space"></div>
                  <label>Children <span>(2-12 years)</span></label>
                  <div class="count-input space-bottom">
                    <a class="incr-btn chSpinnerMinus" data-action="decrease" box="childs" href="javascript:void(0);">–</a>
                    <input class="quantity" type="text" name="childs" id="childs" readonly="" value="<?= ($post['childs'])?$post['childs']:'0' ?>">
                    <a class="incr-btn chSpinnerPlus" data-action="increase" href="javascript:void(0);">+</a>
                  </div>
                  <div class="travller_divider_space"></div>
                  <label>Infants <span>(2 years)</span></label>
                  <div class="count-input space-bottom">
                    <a class="incr-btn infSpinnerMinus" data-action="decrease" box="infants" href="javascript:void(0);">–</a>
                    <input class="quantity" type="text" name="infants" id="infants" readonly="" value="<?= ($post['infants'])?$post['infants']:'0' ?>">
                    <a class="incr-btn infSpinnerPlus" data-action="increase" href="javascript:void(0);">+</a>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div class="col-md-1 mobile_hide_section">
                  <h1 style="border:none;"></h1>
                  <div class="divider"></div>
                </div>
                <div class="col-md-6 travelclassmain_padding">
                  <h1 style="border:none;">Select travel class</h1>
                  <div class="travelclass_main">
                    <?php
                    if ($arrFlightClass) {
                      foreach ($arrFlightClass as $key => $val) {
                        $class = ($post['class']) ? $post['class'] : '2';
                    ?>
                        <!--<div class="radio">-->
                        <input class="SelectClass" <?= ($class == $key) ? 'checked' : '' ?> type="radio" name="class" id="cabinclass<?= $key ?>" data="<?= $val ?>" value="<?= $key ?>" <?= ($key == 1) ? 'checked' : '' ?>>
                        <label for="cabinclass<?= $key ?>"><?= $val ?></label>
                        <!--</div>-->
                    <?php
                      }
                    }
                    ?>

                    <div class="clearfix"></div>
                  </div>



                </div>
              </div>
            </div>
            <!--end of row-->
            <!--<div class="cl"></div>-->
            <!--                            <div class="clearfix">&nbsp;</div>-->
            <div class="flight-paxes" style="display:none;">
              <div class="col-md-12">
                <h1 style="border:none;">Restrict my Search to:
                  <span style="font-size: 10px;">
                    <a href="javascript:void(0);" onclick="chkAll('airline-chk');">Select All</a> / <a href="javascript:void(0);" onclick="chkUncheckAll('airline-chk');">Unselect All</a>
                  </span>
                </h1>
                <div class="cl">
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="GDS" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> GDS
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="AK" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> Air Asia
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="TR" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> TigerAirways
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="2T" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> TruJet
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="FZ" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> FlyDubai
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="IX" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> AirIndiaExpress
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="SG" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> SpiceJet
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="G9" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> AirArabia
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="LB" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> AirCosta
                  </label>
                  <label>
                    <div class="icheckbox_minimal-green" style="position: relative;"><input class="icheck-green airline-chk" type="checkbox" name="airline[]" value="6E" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div> Indigo
                  </label>

                </div>
              </div>
            </div>
            <div class="cl">&nbsp;</div>
            <!--                            <div class="clearfix">&nbsp;</div>-->
            <div class="cl">
              <span class="pull-right" style="width: 100%;">
                <a href="javascript:void(0);" class="pax-details btn btn-group-sm btn-outline btt-btn" onclick="hideTravller()">Done</a>
              </span>

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

      </div>
    </div>
  <?php } ?>
  <button type="submit" class="btn btn-default  flightsubmit">Search</button>

  <!--<a href="searchflight.html" type="submit" class="btn btn-default flightsubmit">Search</a>-->

  <input type="hidden" id="airport_search_1" name="source_city" value="<?= $source_city ?>">
  <input type="hidden" id="ContSysId_1" name="ContSysId_1" value="<?= $ContSysId_1 ?>" />

  <input type="hidden" id="airport_search_2" name="destination_city" value="<?= $destination_city ?>">
  <input type="hidden" id="ContSysId_2" name="ContSysId" value="<?= $ContSysId ?>" />

  <input type="hidden" id="FromToCIty_1" name="source" value="<?= $source ?>">
  <input type="hidden" id="FromToCIty_2" name="destination" value="<?= $destination ?>">

  <input type="hidden" id="departure_date" name="departure_date" value="<?= $departure_date ?>">
  <input type="hidden" id="return_date" name="return_date" value="<?= $return_date ?>">

  <input type="hidden" id="mytrip_city_1" name="from_mytrip_city" value="<?= $from_mytrip_city ?>">
  <input type="hidden" id="mytrip_city_2" name="to_mytrip_city" value="<?= $to_mytrip_city ?>">


</form>

<div class="clearfix"></div>


<!--end of form_searchflight-->