<?php
$baseUrl = $this->baseUrl;
$route = isset($this->route) ? $this->route : 0;
$sessionFlightSearchParams = $this->sessionFlightSearchParams;
$arrFlightClass = $this->arrFlightClass;
$classss = $arrFlightClass[$sessionFlightSearchParams['class']]; //($sessionFlightSearchParams['class']);
$strDepatureDate = ($sessionFlightSearchParams['strDepatureDate'][0]);
$strReturnDate = ($sessionFlightSearchParams['strReturnDate'][0]);
?>

<div class="loadMoreNew" ng-click="loadMoreNew()" style="display: none;">Load more</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 class="col-md-12 no-padding whbackground" ng-show="loadingFlight == false">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 flight_padres flight_padresinternation2">
        <div class="sortbycontainer sroneway">
            <span class="col-md-1"><strong>Sort</strong></span>
            <span class="col-md-3 sortprice sortingOne" ng-click="sortBy('AirlineName')"><strong>Airlines</strong> <i class="fa fa-long-arrow-down"></i></span>
            <span class="col-md-2 sortprice sortingOne" ng-click="sortBy('DepartureTime')"><strong>Departure</strong> <i class="fa fa-long-arrow-down"></i></span>
            <span class="col-md-2 sortprice sortingOne" ng-click="sortBy('FlyingMinutes')"><strong>Duration</strong> <i class="fa fa-long-arrow-down"></i></span>
            <span class="col-md-2 sortprice sortingOne" ng-click="sortBy('ArrivalTime')"><strong>Arrival</strong> <i class="fa fa-long-arrow-down"></i></span>
            <span class="col-md-2 sortprice sortpriceactive sortingOne" ng-click="sortBy('PublishedFare')"><strong>Price</strong> <i class="fa fa-long-arrow-down"></i></span>
            <div class="clearfix"></div>
        </div>

        <!--flight search result start-->
        <?php if ($route == 4) { ?>
            <div class="flight_search_list_international" ng-if="loadingFlight == false" ng-repeat="(index, item) in filtered=(flightlistOutbound | filter:filterByFlightMatchingAND | filter:priceRange | orderBy:FromDateSort:reverseDate | limitTo:limit)">
            <?php } else { ?>
                <div class="flight_search_list_international" ng-if="loadingFlight == false" ng-repeat="(index, item) in filtered=(flightlistOutbound | filter:filterByFlightMatchingAND | filter:priceRange | orderBy:PublishedFare:reverse | limitTo:limit)">
                <?php } ?>
                <div class="row-int row" style="margin-left:0;margin-right:0;">
                    <div class="international_box international_box_mb col-md-4 col-sm-6 col-xs-3">
                        <img src="{{item.origin.logo}}" title="{{item.origin.AirlineName}}" width="32" height="32" class="pull-left">
                        <span class="flightnme">{{item.origin.AirlineName}} <br> {{item.origin.SegFlightNumberArr}}</span>
                    </div>

                    <div class="international_box col-md-2 col-sm-3 col-xs-3">
                        <strong class="font16px">{{item.origin.DepartureTime}}</strong>
                        <span>{{item.origin.SourceAirportCode}}</span>
                    </div>
                    <div class="international_box col-md-2 col-sm-3 col-xs-3">
                        <div class="flight_duration">{{item.origin.FlightDuration}}</div>
                        <div class="flight-duration-line"></div>
                        <div class="flight-duration-dot"></div>
                        <div class="flight-duration-dot1"></div>
                        <div id="viaseg_{{index}}" style="display: none;">
                            <div style="font-size: 14px !important; font-weight: normal !important;" ng-repeat="(key, value) in item.Segments">
                                <span ng-if="value.isReturnSegment != true">{{value.SegFlightNumber}} {{value.FareClass}} &nbsp;&nbsp; {{value.originAirportCode}}({{value.strDepartureDtTime}}) <i class="fa fa-plane"></i> {{value.destinationAirportCode}}({{value.strArrivalDtTime}})</span>
                            </div>
                        </div>
                        <div class="flight_duration viasegClass" data-content="{{index}}">{{item.origin.StopCount}}</div>
                    </div>
                    <div class="international_box col-md-2 col-sm-3 col-xs-3">
                        <strong class="font16px">{{item.origin.ArrivalTime}}</strong>
                        <span>{{item.origin.DestAirportCode}}</span>
                    </div>
                </div>
                <div class="line line_international">
                </div>
                <div class="row-int row" style="margin-left:0;margin-right:0;">
                    <div class="international_box col-md-4 col-sm-6 col-xs-6">
                        <img src="{{item.destination.logo}}" title="{{item.destination.AirlineName}}" width="32" height="32" class="pull-left">
                        <span class="flightnme">{{item.destination.AirlineName}} <br> {{item.destination.SegFlightNumberArr}}</span>
                    </div>

                    <div class="international_box col-md-2 col-sm-3 col-xs-3">
                        <strong class="font16px">{{item.destination.DepartureTime}}</strong>
                        <span>{{item.destination.SourceAirportCode}}</span>
                    </div>
                    <div class="international_box col-md-2 flightdur">
                        <div class="flight_duration">{{item.destination.FlightDuration}}</div>
                        <div class="flight-duration-line"></div>
                        <div class="flight-duration-dot"></div>
                        <div class="flight-duration-dot1"></div>
                        <div id="viaseg_{{index+5458}}" style="display: none;">
                            <div style="font-size: 14px !important; font-weight: normal !important;" ng-repeat="(key, value) in item.Segments">
                                <span ng-if="value.isReturnSegment==true">{{value.SegFlightNumber}} {{value.FareClass}} &nbsp;&nbsp; {{value.originAirportCode}}({{value.strDepartureDtTime}}) <i class="fa fa-plane"></i> {{value.destinationAirportCode}}({{value.strArrivalDtTime}})</span>
                            </div>
                        </div>
                        <div class="flight_duration viasegClass" data-content="{{index+5458}}"">{{item.destination.StopCount}}</div>
                    </div>
                    <div class=" international_box col-md-2 col-sm-3 col-xs-3">
                            <strong class="font16px">{{item.destination.ArrivalTime}}</strong>
                            <span>{{item.destination.DestAirportCode}}</span>
                        </div>
                    </div>
                    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 no-padding">
                        <div class="multycity_wrapper">
                            <div class="multiciy_leftside right_sidealign right_sidealign_interr2">
                                <a href="javascript:void(0);" ng-click="bookNow(this,index,item.FairRules[0].PriceID,item.FairRules[0].ApiResultIndex)" class="booknow">Book Now</a>
                                <label class="multicity_radio_button no-padding multicity_radio_width1 multicity_radio_width1_inter2">
                                    <!-- <span class="price_text price_text_align price_text_singlealign">
                                        <span class="inr-text"><strong>{{item.FairRules[0].Currency}}</strong></span>
                                        <strong> {{item.FairRules[0].PublishedFareAgent | number:2}}</strong>
                                    </span> -->

                                    <div class="price_text price_text_align price_text_singlealign inr-text lh-1"><strong>{{item.FairRules[0].Currency}}</strong>
                                        <strong>{{item.FairRules[0].PublishedFareAgent | number:2}}</strong>

                                        <div class="inr-text lh-1" ng-if="item.FairRules[0].IsFlexiPayment == 1" style="font-size: 11px;color: #067dca;"><strong>Book @ {{item.FairRules[0].Currency}}</strong>
                                            <strong>{{(item.FairRules[0].BookableAmount ) | roundup | number:2}}</strong>
                                        </div>
                                    </div>


                                    <span class="commision_rate commision_rghtal1"> <span class="inr-text">{{item.FairRules[0].Currency}}</span> {{item.FairRules[0].CommEarnedAgent + item.FairRules[0].GSTOnAgentMarkUp | number:2}}
                                        <sup class="text-black">({{item.FairRules[0].OfferedFareAgent | number:2}})</sup>
                                    </span>
                                    <div class="flight_info flight_info_2 newchnage">
                                        <span ng-show="item.FairRules[0].IsMealFree == true"><img src="<?php echo $baseUrl; ?>public/asset/images/mealsflight.svg" alt="Meals" title="Meals" /></span>
                                        <span ng-show="item.FairRules[0].IsCheckinBF == true"><img src="<?php echo $baseUrl; ?>public/asset/images/luggage.svg" alt="Luggage" title="Luggage" /></span>
                                        <span ng-show="item.FairRules[0].IsGSTRequired == true"><img src="<?php echo $baseUrl; ?>public/asset/images/gst.svg" alt="GST" title="GST" /></span>
                                        <a href="javascript:void(0);" title="Info" class="edit_multicity_icond edit_multicity_icondalign" ng-click="ViewMoreTJ(item, item.FromUTCTime, item.FairRules[0].FareClass, index,item.origin.IsLCC,item.FairRules[0].PriceID, item.FairRules[0])"><img src="<?= $baseUrl ?>public/asset/images/grey_info.svg" /></a>
                                    </div>
                                    <!--end of flight_info-->
                                    <span class="economy-text economy-text-aliignrgt"><span class="published" style="color:{{item.FairRules[0].colors}};">{{item.FairRules[0].fareIdentifier}} <span ng-if="item.FairRules[0].RewardsEarn > 0" style="font-size: 10px;color: green;"> <br> Get rewards point {{item.FairRules[0].RewardsEarn}}</span> </span> -
                                        {{item.FairRules[0].FareClass}}, {{item.FairRules[0].IsRefundableTxt}} <span class="green-text1">({{item.FairRules[0].classOfBooking}})</span>
                                        <span class="seats_available lightpink-text mobile_hide_section">Seats: {{item.FairRules[0].SeatAvailable}}</span></span>
                                    <?php if ($route == 4) { ?>
                                        <span class="seats_available lightpink-text " style="font-weight: 700;font-size: 12px;">Departure : {{item.FromDate}}</span></span>
                                        <span class="seats_available lightpink-text " style="font-weight: 700;font-size: 12px;">Arrival : {{item.ToDate}}</span></span>

                                    <?php } ?>
                                </label>
                            </div>

                            <div class="multiciy_rightside left_sidealign left_sidealign_interr2">


                                <label class="comision_checkbox">
                                    <input type="checkbox" value="{{ item.FairRules[0].PriceID }}" ng-click="Selected(item,item.FairRules[0])" class="email-checkbox" id="shareid{{index}}0">
                                    <!-- <input type="checkbox" id="shareid" onClick="myFunction()"> -->
                                    <span class="checkmark selectarrow2"></span>
                                </label>
                            </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 right_sidealign right_sidealign_interr2">
                                        <a href="javascript:void(0);" ng-click="bookNow(this,index,prices.PriceID)" class="booknow">Book Now</a>
                                        <label class="multicity_radio_button no-padding multicity_radio_width1 multicity_radio_width1_inter2">
                                            <span class="price_text price_text_align price_text_singlealign">
                                                <span class="inr-text"><strong>{{prices.Currency}}</strong></span>
                                                <strong> {{prices.PublishedFareAgent | number:2}}</strong>

                                                <div class="inr-text lh-1" ng-if="prices.IsFlexiPayment == 1" style="font-size: 11px;color: #067dca;"><strong>Book @ {{prices.Currency}}</strong>
                                                    <strong>{{(prices.BookableAmount ) | roundup | number:2}}</strong>
                                                </div>
                                            </span>
                                            <span class="commision_rate commision_rghtal1"> <span class="inr-text">{{prices.Currency}}</span> {{prices.CommEarnedAgent + prices.GSTOnAgentMarkUp | number:2}}
                                                <sup class="text-black">({{prices.OfferedFareAgent | number:2}})</sup>
                                            </span>

                                            <div class="flight_info flight_info_2 newchnage">
                                                <span ng-show="prices.IsMealFree == true"><img src="<?php echo $baseUrl; ?>public/asset/images/mealsflight.svg" alt="Meals" title="Meals" /></span>
                                                <span ng-show="prices.IsCheckinBF == true"><img src="<?php echo $baseUrl; ?>public/asset/images/luggage.svg" alt="Luggage" title="Luggage" /></span>
                                                <span ng-show="prices.IsGSTRequired == true"><img src="<?php echo $baseUrl; ?>public/asset/images/gst.svg" alt="GST" title="GST" /></span>
                                                <a href="javascript:void(0);" title="Info" class="edit_multicity_icond edit_multicity_icondalign" ng-click="ViewMoreTJ(item, item.FromUTCTime, prices.FareClass, index,item.IsLCC,prices.PriceID, prices)"><img src="<?= $baseUrl ?>public/asset/images/grey_info.svg" /></a>
                                            </div>
                                            <!--end of flight_info-->
                                            <span class="economy-text economy-text-aliignrgt"><span class="published" style="color:{{prices.colors}};">{{prices.fareIdentifier}} <span ng-if="prices.RewardsEarn > 0" style="font-size: 10px;color: green;"> <br> Get rewards point {{prices.RewardsEarn}}</span> </span>
                                                - {{prices.FareClass}}, {{prices.IsRefundableTxt}} <span class="green-text1">({{prices.classOfBooking}})</span>
                                                <span class="seats_available lightpink-text mobile_hide_section">Seats: {{prices.SeatAvailable}}</span></span>
                                            <?php if ($route == 4) { ?>
                                                <span class="seats_available lightpink-text " style="font-weight: 700;font-size: 12px;">Departure Date: {{item.FromDate}}</span>
                                            <?php } ?>
                                            </span>
                                        </label>
                                    </div>

                                    <div class="multiciy_rightside left_sidealign left_sidealign_interr2">


                                        <label class="comision_checkbox">
                                            <input type="checkbox" value="{{ prices.PriceID }}" ng-click="Selected(item,prices)" class="email-checkbox" id="shareid{{index}}{{keys}}">
                                            <!-- <input type="checkbox" id="shareid" onClick="myFunction()"> -->
                                            <span class="checkmark selectarrow2"></span>
                                        </label>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>


                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <span class="multicity_form_boxshow multicity_form_boxshow2" ng-show="item.FairRules.length > 1" index="{{index}}"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                </div>
                <div class="clearfix"></div>
            </div>