<?php
$sessionFlightSearchParams = $this->sessionFlightSearchParams;
$arrFlightClass = $this->arrFlightClass;
$classss = $arrFlightClass[$sessionFlightSearchParams['class']]; //($sessionFlightSearchParams['class']);
$strDepatureDate = ($sessionFlightSearchParams['strDepatureDate']);
$strReturnDate = ($sessionFlightSearchParams['strReturnDate']);
?>
<style>


</style>

<div class="flights_slider_mobile" ng-if="flightlistOutbound.length == 0">
    <h6 class="nomargin_top" style="padding-top:0; border:none; margin:10px 0;">No Result Found</h6>
</div>

<div class="col-lg-12 col-md-12 col-sm-12 col-12" ng-show="loadingFlight == false" infinite-scroll="loadMoreNew()" infinite-scroll-distance="0" infinite-scroll-container='".single_flight_mobile"' infinite-scroll-parent="true">
    <div class="filter_type">
        <h6 class="nomargin_top mobile_show_city" style="padding-top:0; border:none; margin:18px 0 5px; color:#2C3E50; font-size: 15px !important;"><?= $sessionFlightSearchParams['mytrip_city_from'] ?> <span><img src="<?= $baseUrl ?>public/flight/images/search_leftarrow.svg" alt="gttorism" title="gttorism" /> </span> <?= $sessionFlightSearchParams['mytrip_city_to'] ?>
            <span class="daytext_international"><?= date('d M Y', strtotime($strDepatureDate)) ?></span>
        </h6>
    </div>

    <div class="sortlisting-flight">

        <div class="sortright-flight">
            <div class="cancel-btn-mb-sort">
                <img class="img-fluid" src="public/images/cancel.png" alt="" title="" border="0">
            </div>
            <ul class="sortbycontainer sroneway">
                <li class="sortingnames-flight"> Sort By: </li>

                <li class="carname-flight">
                    <a for="airlines" href="javascript:void(0)" class="sorting" ng-click="sortBy('AirlineName')">Airlines</a>
                </li>

                <li class="carseats-flight">
                    <a for="departure" href="javascript:void(0)" class="sorting" ng-click="sortBy('DepartureTime')">Departure</a>
                </li>
                <li class="carkm-flight ">
                    <a for="duration" href="javascript:void(0)" class="sorting hidden-xs hidden-sm" ng-click="sortBy('FlyingMinutes')">Duration</a>
                </li>
                <li class="car-price-flight ">
                    <a for="arrival" href="javascript:void(0)" class="sorting" ng-click="sortBy('ArrivalTime')">Arrival</a></a>
                </li>
                <li class=" ">
                    <a for="price" href="javascript:void(0)" class="sorting active" ng-class="{'active' : toggle}" ng-click="sortBy('PublishedFare')">Price</a>
                </li>
            </ul>
        </div>

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

    <div class="flight_search_list_international" ng-if="filtered.length == 0">
        <h6 class="nomargin_top" style="text-align: center;font-size:18px;">No Result Found</h6>
    </div>

    <div ng-show="loadingFlight == false" class="flight_search_list_international mobile_listno_radius shadow domestround" ng-if="loadingFlight == false" ng-repeat="(index, item) in filtered=(flightlistOutbound |  filter:filterByFlightMatchingAND | orderBy:PublishedFare:reverse | limitTo:limit) track by $index">
        <div class="row">
            <div class="col-sm-4 col-md-4 col-lg-4 col-5 international_align_rightpadding">
                <div class="international_fligt_logo">
                    <div class="international_image multicity_image_handle">
                        <img src="{{item.origin.logo}}">
                    </div>
                    <h5 class="name_plane name_planeshow mulitcity_name_mobile"> {{item.origin.AirlineName}} </h5>
                    <h5 class="name_plane name_planeshow mulitcity_name_mobile"> {{item.origin.SegFlightNumberArr}}</h5>
                    <h6 class="name_duration" ng-if="item.origin.GroundTime > 0">{{item.origin.LAYOVERDuration}} LAYOVER at {{item.origin.LAYOVERCity}} Airport</h6>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--end of col-sm-2 col-md-2 col-lg-2 col-6-->
            <div class="col-sm-6 col-md-6 col-lg-6 col-7">
                <div class="row saerch_height_handle">
                    <div class="col-lg-3 col-sm-3 col-md-3 col-3 searchno_padding">
                        <div class="international_flight_details oneway-mb">
                            <div class="international_flight_time">{{item.origin.DepartureTime}}</div>
                            <div class="international_flight_cityname">{{item.origin.SourceAirportCode}}</div>
                        </div>
                        <!--end of flight_details-->
                    </div>
                    <!--end of col-lg-3 col-sm-3 col-md-3 col-xs-3-->
                    <div class="col-lg-6 col-sm-6 col-md-6 col-6 padding-left0">
                        <div class="theme-search-results-item-flight-section-path1">
                            <div class="theme-search-results-item-flight-section-path-fly-time1">
                                <p>{{item.origin.FlightDuration}}</p>
                            </div>
                            <div class="theme-search-results-item-flight-section-path-line1"></div>
                            <div class="theme-search-results-item-flight-section-path-line-start1">
                                <div class="theme-search-results-item-flight-section-path-line-dot1"></div>
                            </div>
                            <div class="theme-search-results-item-flight-section-path-line-end1">
                                <div class="theme-search-results-item-flight-section-path-line-dot1"></div>
                            </div>
                            <div class="theme-search-results-item-flight-section-path-fly-time1 flight_stop1">
                                <p>{{item.origin.StopCount}}</p>
                            </div>
                        </div>
                    </div>
                    <!--end of col-lg-6 col-sm-6 col-md-6 col-6-->
                    <div class="col-lg-3 col-sm-3 col-md-3 col-3 searchno_padding">
                        <div class="international_flight_details oneway-mb">
                            <div class="international_flight_time">{{item.origin.ArrivalTime}}</div>
                            <div class="international_flight_cityname">{{item.origin.DestAirportCode}}</div>
                        </div>
                        <!--end of flight_details-->
                    </div>
                    <!--end of col-lg-3 col-sm-3 col-md-3 col-xs-3-->
                </div>
                <!--end of row-->
            </div>
            <!--end of col-sm-8 col-md-8 col-lg-8 col-xs-8-->
            <div class="col-sm-2 col-md-2 col-lg-2 col-6 flight_mobile_padding flightprice_boxcenter mobile_hide_section">
                <div class="flight_info flight_info_2">
                    <div class="international_flight_time">
                        <span class="normalfont"> Starts from</span><br>
                        <span class="price-font"> {{Currency}}
                            {{item.FairRules[0].PublishedFare}}
                        </span>
                    </div>
                </div>
                <!--end of flight_info-->
            </div>
            <!--end of col-sm-2 col-md-2 col-lg-2 col-6-->
        </div>
        <!--end of row-->
        <div class="row">
            <div class="col-sm-4 col-md-4 col-lg-4 col-5 international_align_rightpadding">
                <div class="international_fligt_logo">
                    <div class="international_image multicity_image_handle">
                        <img src="{{item.destination.logo}}">
                    </div>
                    <h5 class="name_plane name_planeshow mulitcity_name_mobile">{{item.destination.AirlineName}} </h5>
                    <h5 class="name_plane name_planeshow mulitcity_name_mobile"> {{item.destination.DeFlightNumber}}</h5>
                    <h6 class="name_duration" ng-if="item.destination.GroundTime > 0">{{item.destination.LAYOVERDuration}} LAYOVER at {{item.destination.LAYOVERCity}} Airport</h6>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--end of col-sm-2 col-md-2 col-lg-2 col-6-->
            <div class="col-sm-6 col-md-6 col-lg-6 col-7">
                <div class="row saerch_height_handle">
                    <div class="col-lg-3 col-sm-3 col-md-3 col-3 searchno_padding">
                        <div class="international_flight_details oneway-mb">
                            <div class="international_flight_time">{{item.destination.DepartureTime}}</div>
                            <div class="international_flight_cityname">{{item.destination.SourceAirportCode}}</div>
                        </div>
                        <!--end of flight_details-->
                    </div>
                    <!--end of col-lg-3 col-sm-3 col-md-3 col-xs-3-->
                    <div class="col-lg-6 col-sm-6 col-md-6 col-6 padding-left0">
                        <div class="theme-search-results-item-flight-section-path1">
                            <div class="theme-search-results-item-flight-section-path-fly-time1">
                                <p>{{item.destination.FlightDuration}}</p>
                            </div>
                            <div class="theme-search-results-item-flight-section-path-line1"></div>
                            <div class="theme-search-results-item-flight-section-path-line-start1">
                                <div class="theme-search-results-item-flight-section-path-line-dot1"></div>
                            </div>
                            <div class="theme-search-results-item-flight-section-path-line-end1">
                                <div class="theme-search-results-item-flight-section-path-line-dot1"></div>
                            </div>
                            <div class="theme-search-results-item-flight-section-path-fly-time1 flight_stop1">
                                <p>{{item.destination.StopCount}}</p>
                            </div>
                        </div>
                    </div>
                    <!--end of col-lg-6 col-sm-6 col-md-6 col-6-->
                    <div class="col-lg-3 col-sm-3 col-md-3 col-3 searchno_padding">
                        <div class="international_flight_details oneway-mb">
                            <div class="international_flight_time">{{item.destination.ArrivalTime}}</div>
                            <div class="international_flight_cityname">{{item.destination.DestAirportCode}}</div>
                        </div>
                        <!--end of flight_details-->
                    </div>
                    <!--end of col-lg-3 col-sm-3 col-md-3 col-xs-3-->
                </div>
                <!--end of row-->
            </div>
            <!--end of col-sm-8 col-md-8 col-lg-8 col-xs-8-->

            <!--end of col-sm-2 col-md-2 col-lg-2 col-6-->
        </div>
        <!--end of row-->
        <div class="row">
            <div class="col-lg-12 col-sm-12 col-md-12 col-12">
                <div class="multycity_wrapper">
                    <div class="multiciy_leftside round-inter-leftside">

                        <label class="multicity_radio_button multicity_radio_button_padding_0 price-font"> {{Currency}} {{item.FairRules[0].PublishedFare}}
                            <span class="economy-text"><span class="published">{{item.FairRules[0].fareIdentifier}}</span> - {{item.FairRules[0].FareClass}}, {{item.FairRules[0].IsRefundableTxt}}</span>
                            <span class="seats_available lightpink-text" ng-class="{AlertColorRed: item.destination.NoOfSeatAvailable < 10,AlertColorGree: item.destination.NoOfSeatAvailable > 10}">
                                Seats left: {{item.origin.NoOfSeatAvailable}}</span>


                            <span class="mobile-hide-meals-icons" ng-if="item.origin.IsBagIncludes == true"><img width="15px" height="15px" src="public/images/luggage.png" alt="Luggage" title="Check-In Baggage {{item.FairRules[0].FareBreakdown[0].Baggage}} allowed"></span>
                            <span class="mobile-hide-meals-icons" ng-if="item.origin.IsCabinBagIncludes == true"><img width="15px" height="15px" src="public/images/baggage.png" alt="Luggage" title="Cabin Baggage {{item.FairRules[0].FareBreakdown[0].CabinBaggage}} allowed"></span>
                            <span class="mobile-hide-meals-icons" ng-if="item.origin.IsBagIncludes == false"><img width="15px" height="15px" src="public/images/noluggage.png" alt="Luggage" title="No Check-In"></span>
                            <span class="mobile-hide-meals-icons" ng-if="item.origin.IsCabinBagIncludes == false"><img width="15px" height="15px" src="public/images/nobaggage.png" alt="No Luggage" title="No Cabin Baggage"></span>
                            <span class="mobile-hide-meals-icons" ng-if="item.origin.IsMealIncludes == true"><img src="<?= $baseUrl ?>public/images/mealsflight.svg" alt="Meals" title="Meals"></span>
                            <span class="mobile-hide-meals-icons" ng-if="item.origin.IsMealIncludes == false"><img width="15px" height="15px" src="<?= $baseUrl ?>public/images/nomeal.png" alt="No Meals" title="No Meals"></span>

                            <span class="gsttxt" ng-show="item.FairRules[0].IsGSTRequired == true">Gst Mandatory</span>
                        </label>
                    </div>
                    <div class="multiciy_rightside round-intre-right">
                        <a href="javascript:void(0);" class="viewdetails_multicity viewdetails_multicity" ng-click="bookNow(this,index,item.FairRules[0].PriceID)">Book Now</a>
                        <a href="javascript:void(0);" class="edit_multicity_icond" ng-click="ViewMore(item, '<?= date('d M Y', strtotime($strDepatureDate)) ?>', '<?= $classss ?>', index,item.IsLCC,item.FairRules[0].PriceID)">
                            <!-- <img src="<?= $baseUrl ?>public/images/grey_info.svg" /> -->
                            <span class="d-block d-sm-block smallsize"> More Info</span> <span class="d-block d-sm-none"><img title="info" src="<?= $baseUrl ?>public/flight/images/grey_info.svg" /></span>
                        </a>
                    </div>
                    <div class="clearfix"></div>

                    <div class="show_multicity_wrapper show_multicity_wrapper{{index}}" style="display: none;">
                        <div class="multicity_button_wrapper" ng-repeat="(keys, prices) in item.FairRules" ng-show="keys > 0">
                            <div class="multiciy_leftside round-inter-leftside">
                                <label class="multicity_radio_button multicity_radio_button_padding_0">
                                    <span class="fl-price-published price-font">
                                        {{Currency}} {{prices.PublishedFare}}
                                    </span>
                                    <div class="flight-dt-icons">
                                        <div class="flight-dt-icons">
                                            <span class="economy-text"><span class="published">{{prices.fareIdentifier}}</span> - {{prices.FareClass}}, {{prices.IsRefundableTxt}}</span>


                                            <span class="seats_available lightpink-text">Seats left: {{prices.NoOfSeatAvailable}}</span>


                                            <span class="mobile-hide-meals-icons" ng-if="prices.IsBaggage==true"><img width="15px" height="15px" src="public/images/luggage.png" alt="Luggage" title="Check-In Baggage {{prices.Baggage}} allowed"></span>
                                            <span class="mobile-hide-meals-icons" ng-if="prices.IsCabinBaggage==true"><img width="15px" height="15px" src="public/images/baggage.png" alt="Luggage" title="Cabin Baggage {{prices.CabinBaggage}} allowed"></span>
                                            <span class="mobile-hide-meals-icons" ng-if="prices.IsBaggage==false"><img width="15px" height="15px" src="public/images/noluggage.png" alt="Luggage" title="No Check-In"></span>
                                            <span class="mobile-hide-meals-icons" n ng-if="prices.IsCabinBaggage==false"><img width="15px" height="15px" src="public/images/nobaggage.png" alt="No Luggage" title="No Cabin Baggage"></span>
                                            <span class="mobile-hide-meals-icons" ng-if="prices.IsMealIncludes == true">
                                                <img width="15px" height="15px" src="<?= $baseUrl ?>public/images/mealsflight.svg" alt="Meals" title="Meals">
                                            </span>
                                            <span class="mobile-hide-meals-icons" ng-if="prices.IsMealIncludes == false">
                                                <img width="15px" height="15px" src="<?= $baseUrl ?>public/images/nomeal.png" alt="No Meals" title="No Meals">
                                            </span>
                                            <span class="seats_available lightpink-text" ng-show="prices.IsGSTRequired == true">
                                                <img src="<?= $baseUrl ?>public/images/gst.svg" alt="GST Required" title="GST Required" />
                                            </span>
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <div class="multiciy_rightside round-intre-right">
                                <a href="javascript:void(0);" class="viewdetails_multicity" ng-click="bookNow(this,index,prices.PriceID)">Book Now</a>
                                <a href="javascript:void(0);" class="edit_multicity_icond" ng-click="ViewMore(item, '<?= date('d M Y', strtotime($strDepatureDate)) ?>', '<?= $classss ?>', index,item.IsLCC,prices.PriceID)">
                                    <!-- <img src="<?= $baseUrl ?>public/flight/images/grey_info.svg" /> -->
                                    <span class="d-block d-sm-block smallsize"> More Info</span> <span class="d-block d-sm-none"><img title="info" src="<?= $baseUrl ?>public/flight/images/grey_info.svg" /></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <input type="hidden" id="PriceClass_{{index}}" value="{{item.FairRules[0].PriceID}}">
                        <!--multicity_button_wrapper-->
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>

            </div>
            <!--multycity_wrapper-->
            <span class="multicity_form_boxshow multicity_form_boxshow2 round-inter-downarrow" index="{{index}}" ng-show="item.FairRules.length > 1">
                <i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
            </span>
        </div>
        <!--col-lg-12 col-sm-12 col-md-12 col-xs-12-->
    </div>
    <!--end of row-->

</div>
<!--end of flight_search_list-->