<!DOCTYPE html>
<html class="load-full-screen" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="FMJ">
    <link rel="shortcut icon" type="image/png" href="/images/favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/placeholder-loading/dist/css/placeholder-loading.min.css">
    
    <title>Search Result | Travelobien</title>
	<link href="Content/jquery-ui.css" rel="stylesheet"/>
	<link href="Content/bootstrap-select.min.css" rel="stylesheet"/>
	<link href="Content/bootstrap.min.css" rel="stylesheet"/>
	<link href="Content/bootstrap-datetimepicker.css" rel="stylesheet"/>
	<link href="Content/custom.css" rel="stylesheet"/>
	<link href="Content/style.css" rel="stylesheet"/>
	<link href="Content/owl.carousel.min.css" rel="stylesheet"/>
	<link href="Content/additional.css" rel="stylesheet"/>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<style>
		#loader {
			border: 8px solid #f3f3f3;
			border-radius: 50%;
			border-top: 8px solid #7d68eb;
			width: 120px;
			height:120px;
			animation: spin 1s linear infinite;
			position:absolute;
			top:90% !important;
			left:0px;
			z-index:999 !important;
		}
		
		@keyframes spin {
			100% {
				transform: rotate(360deg);
			}
		}
		.center {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		.nav-tabs{
			border-bottom:none !important;
		}
	</style>
</head>

<body>		
    <div class="site-wrapper" >
    <?php include"include/header_panel.php"; ?> 

        

<style type="text/css">
    .progress {
        height: 100%;
        text-align: center;
        background-color: #fff;
    }

    .specialColor {
        color: #7d68eb !important;
    }

        .specialColor b {
            color: #333 !important;
        }

    .listing input[type="checkbox"]:checked ~ span {
        color: #7d68eb;
		font-weight:600;
    }

    .select-tiket-main-div .scrollmenu .Matrixrepet.active {
        color: #ff565c;
    }

    .MatrixActive {
        color: #7d68eb !important;
        background-color: #ffcaca;
		font-weight:600 !important;
    }

    .scrool_top span {
        color: rgb(19, 59, 103);
        padding-bottom: 8px;
        display: inline-block;
        padding-top: 0px;
        font-weight: bold;
    }

    .scrool_top dfn {
        width: 100%;
        color: rgb(19, 59, 103);
        font-style: normal;
        font-weight: bold;
        padding-bottom: 5px;
        display: inherit;
        border-bottom: 1px solid #ccc;
    }

    .basic-info_detail {
        display: none;
        background: #fff;
        font-size: 12px;
        padding: 14px;
        position: absolute;
        right: 50px;
        top: 50px;
        width: 210px;
        border: 1px solid #94afc6;
        z-index: 200;
        text-align: left;
    }

 .basic-info_detail .arrow {
            width: 21px;
            height: 11px;
            display: block;
            position: absolute;
            left: 169px;
            top: -11px;
            background: url(/images/fare_rule_arrow.png) no-repeat;
    }
	.nav-tabs{
		border-bottom:none !important;
	}
</style>


<div>
    <section class="banner_section modify-banner">
        <div class="row full-width-search">
		<form id="flightSearch" class="flight-search" action="Flight-Results" method="get">
		<div class="container clear-padding">
    <div>
        <div class="select-trip-div">
            <!-- <div class="col-sm-1 col-md-1 col-lg-1"></div> -->
            <div class="col-sm-8 col-md-8 col-lg-8">
                <ul class="nav nav-tabs">
                    <<div class="switch-field">
					<?php
					if(isset($_GET['hfTripType'])){
					$tripType = $_GET['hfTripType'];
					?>
					<li>
					<input type="radio" id="rt" onclick="ddlTypejourneyChange(2);" name="trip_info" value="yes"   <?php if($tripType == 2){echo"checked";} ?> />
					<label for="rt">ROUND TRIP</label>
					</li>
					
					<li>
					<input type="radio" id="ow" onclick="ddlTypejourneyChange(1);" name="trip_info" value="no"  <?php if($tripType == 1){echo"checked";} ?>  />
					<label for="ow">ONE WAY</label>
					</li>
					<?php } ?>
					
				</div>
                                      
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="container">
		
            
                <div class="row">
                    <div class="search-div" id="RoundTrip_OneWay" style="display:block;">
                        <div class="col-sm-12 col-md-12 col-lg-12 search-section">
                            <div class="main-search-div">
                                <div class="col-md-3 col-sm-2 search-col-padding">
                                    <div class="input-group first">
                                        <input id="fromCity" name="fromCity" placeholder="From City" class="form-control" value="<?php echo $from_city; ?>" type="text" value="" onfocus="this.value=''" autocomplete="off" />
										<input id="se_fromCity" name="se_fromCity" value="<?php echo $iatacode_fromcity; ?>" type="hidden" />
                                    </div>
									
									<script type="text/javascript">
									function fromcity(filter){
									document.getElementById("se_fromCity").value=filter;
									}
									</script>
                                </div>
								<div style="width:49%;position: absolute;z-index:1999;margin-top: 60px;margin-left: 0;height:auto;padding:0px;overflow:auto;max-height:300px;">
								<div class="list-group" id="show-list">
								</div>
								</div>
								
                                <div class="col-md-3 col-sm-2 search-col-padding">
                                    <div class="input-group second">
                                        <img src="images/toggle.png" width="25" height="24" alt="" class="toggle-img">
                                        <input id="toCity" name="toCity" placeholder="to City" class="form-control" type="text" value="<?php echo $to_city; ?>" onfocus="this.value=''" autocomplete="off" />
										<input id="se_toCity" name="se_toCity" value="<?php echo $iatacode_tocity; ?>" type="hidden" />
                                    </div>
									
								<script type="text/javascript">
								function toCity(filter){
								document.getElementById("se_toCity").value=filter;
								}
								</script>	
                                </div>
								<div style="width:49%;position: absolute;z-index:1999;margin-top: 60px;margin-left: 25%;height:auto;padding:0px;overflow:auto;max-height:300px;">
								<div class="list-group" id="show-list-to">
								</div>
								</div>
								
								
                                <div class="col-md-3 col-sm-2 search-col-padding">
                                    <div class="input-group second">
                                        <span class="input-group-addon"><i class="fa fa-calendar fa-fw"></i></span>
                                        <input id="departure_date" name="departure_date" placeholder="Depart" class="form-control" type="text" value="<?php echo $searchdate; ?>" autocomplete="off" />
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-2 search-col-padding">
                                    <div class="input-group second">
                                        <span class="input-group-addon"><i class="fa fa-calendar fa-fw"></i></span>
                                        <input id="return_date" name="return_date" class="form-control" type="text" value="<?php echo $returnDate; ?>"  autocomplete="off" placeholder="Return" />
                                    </div>
                                </div>
								<div class="clearfix"></div>
								
								<div class="col-md-8 col-sm-6" style="float:right;">
								
								<div class="col-md-2 col-sm-6 drops">
								<span>Adult</span>
								<div class="clearfix"></div>
								<select class="dps" name="Adult">
								<option value="<?php echo $adults; ?>"><?php echo $adults; ?></option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								</select>
								</div>
								
								<div class="col-md-2 col-sm-6 drops">
								<span>Child(2-11)</span>
								<div class="clearfix"></div>
								<select class="dps" name="child">
								<<option value="<?php echo $child; ?>"><?php echo $child; ?></option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								</select>
								</div>
								
								<div class="col-md-2 col-sm-6 drops">
								<span>Infant(0-2)</span>
								<div class="clearfix"></div>
								<select class="dps" name="infant">
								<option value="<?php echo $infants; ?>"><?php echo $infants; ?></option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								</select>
								</div>
								
								<div class="col-md-3 col-sm-6 drops">
								<span>Cabin Class</span>
								<div class="clearfix"></div>
								<select class="dps" name="cabin" >
								<option value="ECONOMY" selected="selected">Economy</option>
								<option value="PREMIUM_ECONOMY">Premium Economy</option>
								<option value="BUSINESS">Business</option>
								<option value="FIRST">First</option>
								</select>
								</div>
								
								<div class="col-md-3 col-sm-6 sbtns">
								<button class="srchBtn" id="btnSearchFlight" name="submit" type="submit" class="btn btn-danger search01" onclick="return submitForm()"> Search Now  </button>
								<input type="hidden" id="hfTripType" name="hfTripType" value="2">
								</div>
                                
                                
                            </div>
                            <!--<div class="col-md-12 col-sm-12">
                                <div class="non-stop">
                                    <div class="non-stop-div">
                                        <input type="checkbox" class="non-stop-flight" id="NonStop" name="NonStop"  />
                                        <label for="NonStop">Non Stop Flights</label>
                                    </div>
                                    <div class="non-stop-div">
                                        <input type="checkbox" class="non-stop-flight" id="FlexDate" name="FlexDate"  />
                                        <label for="FlexDate">Flexible Date</label>
                                    </div>
                                    <div class="non-stop-div">
                                        <input type="checkbox" class="non-stop-flight" id="NearByAirport" name="NearByAirport"  />
                                        <label for="NearByAirport">Near by Airport</label>
                                    </div>
                                </div>
                            </div>-->
                        </div>
                    </div>                    
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
    var minDate = new Date(parseInt("2022", 10), parseInt("1", 10) - 1, parseInt("8", 10) + 3);
    var maxDate = new Date(parseInt("2022", 10), (parseInt("1", 10) - 1) + 11, parseInt("8", 10));
</script>
        </div>
    </section>