<?php
$baseUrl = $this->baseUrl;
$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="sortbycontainer sroneway seriessortingal">
    <a class="seriessortclose" onclick="IamClicked()"><i class="fa fa-times" aria-hidden="true"></i></a>
    <span class="col-md-1"><strong>Sort</strong></span>
    <span class="col-md-1 sortpriceactive sortingOne" ng-click="sortBySF('FromDateSort')"><strong>Dep Date</strong> <i class="fa fa-long-arrow-down"></i></span>
    <span class="col-md-1 sortprice sortingOne" ng-click="sortBySF('AirlineName')"><strong>Airlines</strong> <i class="fa fa-long-arrow-down"></i></span>
    <span class="col-md-1 sortprice sortingOne" ng-click="sortBySF('DepartureTime')"><strong>Departure</strong> <i class="fa fa-long-arrow-down"></i></span>
    <span class="col-md-1 sortprice sortingOne" ng-click="sortBySF('FlightDuration')"><strong>Duration</strong> <i class="fa fa-long-arrow-down"></i></span>
    <span class="col-md-1 sortprice sortingOne" ng-click="sortBySF('ArrivalTime')"><strong>Arrival</strong> <i class="fa fa-long-arrow-down"></i></span>
    <span class="col-md-3 sortprice sortingOne" id="sortingseatalign" ng-click="sortBySF('NoOfSeatAvailable')"><strong>Seats</strong> <i class="fa fa-long-arrow-down"></i></span>

    <span class="col-md-2 sortprice sortpric sortingOne" ng-click="sortBySF('PublishedFare')"><strong>Total Price</strong> <i class="fa fa-long-arrow-down"></i></span>
    <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 class="flight_search_list_international" ng-if="loadingFlight == false" ng-repeat="(index, item) in filtered = (flightlistOutbound | filter:priceRange | filter:filterByFlightMatchingAND | filter:searchText | orderBy:[FromDateSort,PublishedFare]:reverseDate | limitTo:limit)">
    <div ng-if="item.TripType == '1'">
        <div class="international_box col-md-4 col-sm-6 col-xs-3">
            <div class="row">
                <div class="col-md-3">
                    <img src="{{item.logo}}" title="{{item.AirlineName}}" width="32" height="32">
                </div>
                <div class="col-md-3">
                    <span class="flightnme flightnme_dthandle-- fltdate_aln da1-p">{{item.FromDate}}</span>
                </div>
                <div class="col-md-3">
                    <span class="flightnme">{{item.AirlineName}} <br>{{item.FlightNumber}}</span>
                </div>
            </div>
        </div>
        <div class="international_box col-md-2 col-sm-3 col-xs-3">
            <strong class="font16px">{{item.DepartureTime}}</strong><span>{{item.SourceAirportCode}}</span>
        </div>
        <div class="international_box col-md-2 col-sm-3 col-xs-3">
            <div class="flight_duration">{{item.FlightDuration}}</div>
            <div class="flight-duration-line"></div>
            <div class="flight-duration-dot"></div>
            <div class="flight-duration-dot1"></div>
            <a href="javascript:void(0);">
                <div class="flight_duration" ng-click="ViewMoreSF(item, item.FromUTCTime, '<?= $classss ?>', index,item.IsLCC,item.FairRules[0].PriceID, item.FairRules[0])">{{item.StopCount}}</div>
            </a>
        </div>
        <div class="international_box col-md-2 col-sm-3 col-xs-3"><strong class="font16px">{{item.ArrivalTime}}</strong><span>{{item.DestAirportCode}}</span></div>
    </div>
    <div ng-if="item.TripType == '2'">
        <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.origin.Segments">
                        <span>{{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.destination.Segments">
                        <span>{{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>
        <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 no-padding">
            <div class="multycity_wrapper">

                <div class="clearfix"></div>
                <div class="show_multicity_wrapper show_multicity_wrapper{{index}}">
                
                    <div ng-repeat="(keys, prices) in item.FairRules | orderBy:PublishedFare:reverse" ng-hide="keys > 2" ng-class="{FareBlock_{{index}}: keys > 2}" class="multicity_button_wrapper">
                        <div class="multiciy_leftside right_sidealign rightwidth_100mb">
                        <?php if ($this->MasterAgencySysId == '112339') { ?>
                            <span ng-if="item.OnwardAutoTicket == 1" style="font-size: 11px; position: absolute; right: 8px; top: 10px; color: #5cca20;">INSTANT PNR</span>
                            <span ng-if="item.OnwardAutoTicket == 0" style="font-size: 11px; position: absolute; right: 8px; top: 10px; color: #5cca20;">ISSUANCE TIME 10-15 MIN*</span>
                        <?php } ?>
                            <a href="javascript:void(0);" ng-click="bookNow(this,index,prices.PriceID, prices.ApiResultIndex)" class="booknow">Book Now </a>
                            <label class="multicity_radio_button no-padding multicity_radio_width1" style="width: calc(100% - 104px) !important;">
                                <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>
                                    <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>
                                </span>

                                <label class="comision_checkbox" for="shareid{{index}}{{keys}}">
                                    <input type="checkbox" value="{{ prices.PriceID }}" ng-click="Selected(item,prices)" class="email-checkbox" id="shareid{{index}}{{keys}}">

                                    <span class="checkmark selectarrow2"></span>
                                </label>
                                <div class="flight_info flight_info_2 onewayinfoicon 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="ViewMoreSF(item, item.FromUTCTime, '<?= $classss ?>', index,item.IsLCC,prices.PriceID, prices)"><img src="<?= $baseUrl ?>public/asset/images/grey_info.svg" /></a>
                                </div>
                                <span class="economy-text economy-text-aliignrgt"><span class="published" style="color:{{prices.colors}};">{{prices.fareIdentifier}} </span>
                                    - {{prices.FareClass}}, {{prices.IsRefundableTxt}}
                                    <span class="seats_available lightpink-text " ng-if="item.NoOfSeatAvailable > 0">Seats: {{prices.SeatAvailable}}</span>
                                    <span class="seats_available lightpink-text " style="font-weight: 700;font-size: 12px;">Departure : {{item.FromDate}}</span></span>
                                    <span class="seats_available lightpink-text " ng-if="item.TripType == '2'" style="font-weight: 700;font-size: 12px;">Arrival : {{item.ToDate}}</span></span>
                                </span>
                            </label>
                        </div>


                        <div class="clearfix"></div>
                    </div>
                    <?php if ($this->MasterAgencySysId == '112339') { ?>
                        <p style="margin:0px; font-weight: 600;" ng-if="item.OnwardAutoTicket == 0">Booking confirmation is subject to seat availability and fare.</p>
                    <?php }else{ ?>
                         <p style="margin:0px; font-weight: 600;" ng-if="item.OnwardAutoTicket == 0">Booking confirmation will take a minimum of 30 Minutes.</p>
                    <?php } ?>
                </div>
                <div class="clearfix"></div>
            </div>


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


    <!-- <div class="flight_search_list_international" ng-if="loadingFlight == false" ng-repeat="(index, item) in filtered = (flightlistOutbound | filter:priceRange | filter:filterByFlightMatchingAND | filter:searchText | orderBy:[FromDateSort,PublishedFare]:reverseDate | limitTo:limit)">
    <div class="international_box col-md-1 col-sm-1 col-xs-2"><img src="{{item.logo}}" title="{{item.AirlineName}}" width="32" height="32"></div>
    <div class="international_box col-md-1 col-sm-1 col-xs-2"><span class="flightnme flightnme_dthandle-- fltdate_aln da1-p">{{item.FromDate}}</span></div>
    <div class="international_box col-md-1 col-sm-1 col-xs-2"> <span class="flightnme fght_name_handle">{{item.AirlineName}} <br> {{item.FlightNumber}}</span></div>

    <div class="international_box col-md-1 col-sm-1 col-xs-2"><strong class="font16px ng-binding">{{item.DepartureTime}}</strong><span class="ng-binding">{{item.SourceAirportCode}}</span></div>
    <div class="international_box col-md-1 flightdur">
        <div class="flight_duration ng-binding">{{item.FlightDuration}}</div>
        <div class="flight-duration-line"></div>
        <div class="flight-duration-dot"></div>
        <div class="flight-duration-dot1"></div>
        <div class="flight_duration ng-binding">{{item.StopCountShow}}</div>
    </div>
    <div class="international_box col-md-1 col-sm-1 col-xs-2"><strong class="font16px ng-binding">{{item.ArrivalTime}}</strong><span class="ng-binding">{{item.DestAirportCode}}</span></div>


    <div class="col-md-6 col-sm-6 col-xs-12 mb_flght_pd_0">

        <label class="multicity_radio_button multicity_radio_button_wdth">

            <span class="economy-text ng-binding">
                {{item.IsRefundableTxt}}<br>
                <?php if ($this->MasterAgencySysId != '56061') { ?>
                    <span class="seats_available serieis_align lightpink-text ng-binding">Seats Left: {{item.NoOfSeatAvailable}}</span>
                <?php } ?>
            </span>
        </label>
        <a href="javascript:void(0);" title="Info" class="edit_multicity_icond edit_multicity_icondalign fltnone" ng-click="ViewMoreSF(item, item.FromUTCTime, '<?= $classss ?>', index,item.IsLCC,item.FairRules[0].PriceID)"><img src="<?= $baseUrl ?>public/asset/images/grey_info.svg"></a>

        <a href="javascript:void(0);" ng-click="bookNow(this,index,item.FairRules[0].PriceID)" class="booknow booknow_2">Book Now</a>

        <span class="price_text price_text_2"><span class="inr-text"><strong class="ng-binding">{{item.Currency}}</strong></span>
            <strong class="ng-binding">{{item.FairRules[0].PublishedFareAgent | number:2}}</strong>

            <br>
            <sup class="text-black"> for {{item.TotalFlightMembers}} Pax</sup><br>
            <span class="commision_rate commision_rate2 serieis_align">
                <sup class="text-black"> {{item.Currency}} {{item.PublishedFare}}</sup>
            </span>
        </span>

        <label class="comision_checkbox pull-right" for="shareid{{index}}0">
            <input type="checkbox" value="{{ item.FairRules[0].PriceID }}" ng-click="Selected(item,item.FairRules[0])" class="email-checkbox" id="shareid{{index}}0">
            <span class="checkmark selectarrow2"></span>
        </label>

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