Select travel dates

ROUND TRIP

SINGLE TRIP

Adult

Child (2-14 yrs)

Infant (0-2 yrs)

<!-- 
        <div id="Availibility-OutBound">
            
            <div class="availability-header" style="margin:0;">
				<div><a class="prevday" href="javascript:;" onclick="flightSearch.prevDay(true);"><span>« </span>Prev day</a></div>
                <div class="selectedDay">
					{#if $T[0] != null}
						{$T[0].DepartureDateString.parseAndFormatDate('dddd dd MMMM yyyy')}
					{#else}
						 
					{#/if}    
                </div>
				<div><a class="nextday" href="javascript:;" onclick="flightSearch.nextDay(true);">Next day<span> »</span></a></div>
                 <div style="clear:both"></div>
            </div>
            
            <div class="Flight-Info-Head">
                {#if $T[0] != null}
                  <div class="flight-info-depart-arrive-container">
                    
                    <div class="Flight-Info-Departure">Departure</div>
                    <div class="Flight-Info-Arival">Arrival</div>
                  </div>
                {#foreach flightSearch.allowedFareTypes as fareType}                                    
                    <a href="javascript:;" class="faretype-header"><div class="Flight-Info-Prices faretype-header fare-type-header-outbound-{$T.fareType.FareTypePopupId}" title="" style="padding-top: 15px;min-height: 15px;border:none" onmouseout="HidePopupInfo('flight-fare-type-popup-{$T.fareType.FareTypePopupId}')" onmouseover="DisplayPopupInfo('flight-fare-type-popup-{$T.fareType.FareTypePopupId}', 'fare-type-header-outbound-{$T.fareType.FareTypePopupId}')">{$T.fareType.FareTypeDisplayName}</div></a>
                {#/for}
                {#else}
                <h2 class="no-flights">No flights</h2>
                {#/if}  
            </div> 
            
              <div style="clear:both"></div>
              <div style="float:left;text-align:center;width:100%" class="flight">  
              {#foreach $T as segment}
              {#if $T.segment != null}
              {#if flightSearch.getTotalSeatCount($T.segment) < 1}

{#else}
                <div class="Availability-Flight">
                    <div class="dayAvailibility" id="dayAvailibility_{$T.segment.Id}_{$T.segment.Departure.formatJsonDate()}">
                        <div style="cursor:pointer;">
                            <div>
                                <div class="Flight-Info-Body">
                                    <div style="float:left;">
                                        {#param name=segment value=$T.segment}
                                        {#foreach $T.segment.Legs as leg}
                                            <div style="text-align: left;">
                                                <div class="legs">
                                                    <div class="leg-depart-arrive">
                                                        <div class="Flight-Info-Departure">
                                                            <div class="DepartureTime">
                                                                {convertToDate($T.leg.Departure,$T.leg.DepartureDateString,$T.leg.DepartureTimeString).formatDate('HH:mm')} {$T.leg.Origin.Name.split(',')[0]}
                                                                {#if convertToDate($T.leg.Departure,$T.leg.DepartureDateString,$T.leg.DepartureTimeString).formatDate('yyyy-MM-dd') != convertToDate($P.segment.Departure,$P.segment.DepartureDateString,$P.segment.DepartureTimeString).formatDate('yyyy-MM-dd')}
                                                                 +1
                                                                {#/if}
                                                            </div>
                                                        </div>
                                                        <div class="Flight-Info-Arival">
                                                            <div style="float: left">
                                                                {convertToDate($T.leg.Arrival,$T.leg.ArrivalDateString,$T.leg.ArrivalTimeString).formatDate('HH:mm')} {$T.leg.Destination.Name.split(',')[0]}
                                                                {#if convertToDate($T.leg.Arrival,$T.leg.ArrivalDateString,$T.leg.ArrivalTimeString).formatDate('yyyy-MM-dd') != convertToDate($P.segment.Departure,$P.segment.DepartureDateString,$P.segment.DepartureTimeString).formatDate('yyyy-MM-dd')}
                                                                 +1
                                                                {#/if}
                                                            </div> 
                                                        </div>
                                                    </div>
                                                    <div style="clear:both"></div>
                                                </div>
                                                <div style="clear:both"></div>
                                            </div>
                                        {#/for}
                                    </div>
                                    {#param name=segment value=$T.segment}
                                    {#if flightSearch.allowedFareTypes.length > 0}
                                        {#foreach flightSearch.allowedFareTypes as fareType}
                                            <div class="Flight-Info-Prices legcount{$P.segment.Legs.length}">
                                                {#if flightSearch.getFareType($P.segment, $T.fareType.FareTypeName) != null && flightSearch.hasSeatsForCriteria($P.segment, $T.fareType.FareTypeName)}
                                                    <div class="Price hover-price" data-tooltip="{flightSearch.getFareBreakdown($P.segment, $T.fareType.FareTypeName)}" id="Price_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Id}">
                                                        <input type="radio" style="margin-top: 0px;margin-left:0px;float: left;" id="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Code}" onclick="flightSearch.SelectFlight(this,{$P.segment.Id},true,true,{$P.segment.Departure}, {flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Id})" name="rbFlight_out" />
                                                        <label for="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Code}">{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,false,true,true)}</label>
                                                        {#if flightSearch.getSeatCount($P.segment, $T.fareType.FareTypeName) < 5}
                                                            <span class="seat-count">{flightSearch.getSeatCountWarningText(flightSearch.getSeatCount($P.segment, $T.fareType.FareTypeName))}</span>
                                                        {#/if}
                                                    </div>
                                                {#else}
                                                    <div class="Price">SOLD OUT</div>
                                                {#/if}   
                                            </div> 
                                        {#/for}
                                    {#else}
                                        {#foreach $P.segment.LowestFareSummaryPerType as fareType}
                                            <div class="Flight-Info-Prices legcount{$P.segment.Legs.length}">
                                                {#if flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id) != null && flightSearch.hasSeatsForCriteria($P.segment, $T.fareType.FareSummary.FareType.Id)}
                                                    <div class="Price hover-price" data-tooltip="{flightSearch.getFareBreakdown($P.segment, $T.fareType.FareSummary.FareType.Id)}" id="Price_{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Id}">
                                                        <input type="radio" style="margin-top: 0px;margin-left:0px;float: left;" id="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Code}" onclick="flightSearch.SelectFlight(this,{$P.segment.Id},true,true,{$P.segment.Departure}, {flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Id})" name="rbFlight_out" />
                                                        <label for="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Code}">{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,false,true,true)}</label>
                                                        {#if flightSearch.getSeatCount($P.segment, $T.fareType.FareSummary.FareType.Id) < 5}
                                                            <span class="seat-count">{flightSearch.getSeatCountWarningText(flightSearch.getSeatCount($P.segment, $T.fareType.FareSummary.FareType.Id))}</span>
                                                        {#/if}
                                                    </div>
                                                {#else}
                                                    <div class="Price">SOLD OUT</div>
                                                {#/if}   
                                            </div> 
                                        {#/for}
                                    {#/if}
                                </div>
                            </div>
                        </div>
                    </div>
                  </div>
                <div style="clear:both"></div>
                {#/if}
                {#else}
                <div style="clear:both"></div>
                {#/if}
            {#/for}
            
            <div style="clear: both;"></div>
        -->

<!-- 
         <div id="Availibility-InBound">
             
             <div class="availability-header" style="margin:0;">
				<div><a class="prevday" href="javascript:;" onclick="flightSearch.prevDay(false);"><span>« </span>Prev day</a></div>
                <div class="selectedDay">
					{#if $T[0] != null}
						{$T[0].DepartureDateString.parseAndFormatDate('dddd dd MMMM yyyy')}
					{#else}
						 
					{#/if}
                </div>
				 <div><a class="nextday" href="javascript:;" onclick="flightSearch.nextDay(false);">Next day<span> »</span></a></div>
                 <div style="clear:both"></div>
             
            </div>
            <div class="Flight-Info-Head">
                {#if $T[0] != null}
              <div class="flight-info-depart-arrive-container">
                <div class="Flight-Info-Departure">Departure</div>
                <div class="Flight-Info-Arival">Arrival</div>
              </div>
                {#foreach flightSearch.allowedFareTypes as fareType}                    
                    <a href="javascript:;" class="faretype-header"><div class="Flight-Info-Prices faretype-header fare-type-header-inbound-{$T.fareType.FareTypePopupId}" title="" style="padding-top: 15px;min-height: 15px;border:none" onmouseout="HidePopupInfo('flight-fare-type-popup-{$T.fareType.FareTypePopupId}')" onmouseover="DisplayPopupInfo('flight-fare-type-popup-{$T.fareType.FareTypePopupId}', 'fare-type-header-inbound-{$T.fareType.FareTypePopupId}')">{$T.fareType.FareTypeDisplayName}</div></a>
                {#/for}
                
                {#else}
                                    <h2 class="no-flights">No flights</h2>
                {#/if}

</div> 
             
              <div style="clear:both"></div>
              <div style="float:left;text-align:center;width:100%" class="flight">

<div style="clear:both"></div>
              {#foreach $T as segment}
              {#if $T.segment != null}
              {#if flightSearch.getTotalSeatCount($T.segment) < 1}
                  {#else}
              <div class="Availability-Flight">
             <div class="dayAvailibility" id="dayAvailibility_{$T.segment.Id}_{$T.segment.Departure.formatJsonDate()}">
             <div style="cursor:pointer;">
             
             <div class="Flight-Info-Body">
                   <div style="float:left;">
                        {#param name=segment value=$T.segment}
                        {#foreach $T.segment.Legs as leg}
                            <div style="text-align: left;">
                                <div class="legs">
                                    <div class="leg-depart-arrive">
                                        <div class="Flight-Info-Departure">
                                            <div class="DepartureTime">
                                                {convertToDate($T.leg.Departure,$T.leg.DepartureDateString,$T.leg.DepartureTimeString).formatDate('HH:mm')} {$T.leg.Origin.Name.split(',')[0]}
                                                {#if convertToDate($T.leg.Departure,$T.leg.DepartureDateString,$T.leg.DepartureTimeString).formatDate('yyyy-MM-dd') != convertToDate($P.segment.Departure,$P.segment.DepartureDateString,$P.segment.DepartureTimeString).formatDate('yyyy-MM-dd')}
                                                    +1
                                                {#/if}
                                            </div>
                                        </div>
                                        <div class="Flight-Info-Arival">
                                            <div style="float: left">
                                                {convertToDate($T.leg.Arrival,$T.leg.ArrivalDateString,$T.leg.ArrivalTimeString).formatDate('HH:mm')} {$T.leg.Destination.Name.split(',')[0]}
                                                {#if convertToDate($T.leg.Arrival,$T.leg.ArrivalDateString,$T.leg.ArrivalTimeString).formatDate('yyyy-MM-dd') != convertToDate($P.segment.Departure,$P.segment.DepartureDateString,$P.segment.DepartureTimeString).formatDate('yyyy-MM-dd')}
                                                 +1
                                                {#/if}
                                            </div> 
                                        </div>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                            </div>
                        {#/for}
                    </div>
                {#param name=segment value=$T.segment}
                {#if flightSearch.allowedFareTypes.length > 0}
                    {#foreach flightSearch.allowedFareTypes as fareType}
                        <div class="Flight-Info-Prices legcount{$P.segment.Legs.length}">
                            {#if flightSearch.getFareType($P.segment, $T.fareType.FareTypeName) != null && flightSearch.hasSeatsForCriteria($P.segment, $T.fareType.FareTypeName)}
                                <div class="Price hover-price" data-tooltip="{flightSearch.getFareBreakdown($P.segment, $T.fareType.FareTypeName)}" id="Price_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Id}">
                                    <input type="radio" style="margin-top: 0px;margin-left:0px;float: left;" id="rbFlight_in_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Code}" onclick="flightSearch.SelectFlight(this,{$P.segment.Id},false,true,{$P.segment.Departure}, {flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Id})" name="rbFlight_in" />
                                    <label for="rbFlight_in_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).Code}">{flightSearch.getFareType($P.segment, $T.fareType.FareTypeName).AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,false,true,true)}</label>
                                    {#if flightSearch.getSeatCount($P.segment, $T.fareType.FareTypeName) < 5}
                                        <span class="seat-count">{flightSearch.getSeatCountWarningText(flightSearch.getSeatCount($P.segment, $T.fareType.FareTypeName))}</span>
                                    {#/if}
                                </div>
                            {#else}
                                <div class="Price">SOLD OUT</div>
                            {#/if}   
                        </div> 
                    {#/for}
                {#else}
                    {#foreach $P.segment.LowestFareSummaryPerType as fareType}
                        <div class="Flight-Info-Prices legcount{$P.segment.Legs.length}">
                            {#if flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id) != null && flightSearch.hasSeatsForCriteria($P.segment, $T.fareType.FareSummary.FareType.Id)}
                                <div class="Price hover-price" data-tooltip="{flightSearch.getFareBreakdown($P.segment, $T.fareType.FareSummary.FareType.Id)}" id="Price_{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Id}">
                                    <input type="radio" style="margin-top: 0px;margin-left:0px;float: left;" id="rbFlight_in_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Code}" onclick="flightSearch.SelectFlight(this,{$P.segment.Id},false,true,{$P.segment.Departure}, {flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Id})" name="rbFlight_in" />
                                    <label for="rbFlight_in_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).Code}">{flightSearch.getFareType($P.segment, $T.fareType.FareSummary.FareType.Id).AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,false,true,true)}</label>
                                    {#if flightSearch.getSeatCount($P.segment, $T.fareType.FareSummary.FareType.Id) < 5}
                                        <span class="seat-count">{flightSearch.getSeatCountWarningText(flightSearch.getSeatCount($P.segment, $T.fareType.FareSummary.FareType.Id))}</span>
                                    {#/if}
                                </div>
                            {#else}
                                <div class="Price">SOLD OUT</div>
                            {#/if}   
                        </div> 
                    {#/for}
                {#/if}
            </div>
                </div>
                </div>
                </div>
                <div style="clear:both"></div>
                {#/if}
                {#else}
                <div style="clear:both"></div>
                {#/if}
            {#/for}
            </div>
              <div style="clear:both"></div>
            
            </div>

<!--
            <div id="booking-total">
                <div class="row first"> </div>
                <div class="row val"><b>Outbound</b></div>
                <div class="row val">
                    {#if $T.Adult.InboundPrice > 0}
                        <b>Return</b>
                    {#else}
                         
                    {#/if}
                </div>
            
                <div class="row val"><b>Passengers</b></div>
                <div class="row val last"><b>Total</b></div>
                
                <div class="row first">Adults</div>
                <div class="row val">{$T.Adult.OutboundPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                <div class="row val">
                    {#if $T.Adult.InboundPrice > 0}
                        {$T.Adult.InboundPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}
                    {#else}
                         
                    {#/if}
                </div>
                <div class="row val"><b>{$T.Adult.Count}</b></div>
                <div class="row val last">{$T.Adult.TotalPriceExclTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                
                <div style="clear:both"></div>

{#if $T.Child.Count > 0}
                    <div class="row first">Children </div>
                    <div class="row val">{$T.Child.OutboundPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                    <div class="row val">
                        {#if $T.Adult.InboundPrice > 0}
                            {$T.Child.InboundPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}
                        {#else}
                             
                        {#/if}
                    </div>
                    <div class="row val"><b>{$T.Child.Count}</b></div>
                    <div class="row val last">{$T.Child.TotalPriceExclTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                    <div style="clear:both"></div> 
                {#/if}

{#if $T.Infant.Count > 0}
                    <div class="row first">Infants</div>
                    <div class="row val">{$T.Infant.OutboundPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                    <div class="row val">
                        {#if $T.Adult.InboundPrice > 0}
                            {$T.Infant.InboundPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}
                        {#else}
                             
                        {#/if}
                    </div>
                    <div class="row val"><b>{$T.Infant.Count}</b></div>
                    <div class="row val last">{$T.Infant.TotalPriceExclTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                    <div style="clear:both"></div> 
                {#/if}
                
                {#if $T.TotalDiscount > 0}
                    <div class="row first"><b>Subtotal:</b></div>
                    <div class="row"> </div>
                    <div class="row"> </div>
                    <div class="row"> </div>
                    <div class="row val"><b>{$T.SubTotalPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</b></div>
            
                    <div class="row first"><b>Discount:</b></div>
                    <div class="row"> </div>
                    <div class="row"> </div>
                    <div class="row"> </div>
                    <div class="row val" style="color:red"><b>-{$T.TotalDiscount.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</b></div>
                {#/if}
				
				<div class="row first">Taxes</div>
                <div class="row val">{$T.TotalOutboundTax.toCurrency(false,'KZT ','.',',',false,false,true)}</div>
                <div class="row val">
					{#if $T.TotalInboundTax > 0}
                            {$T.TotalInboundTax.toCurrency(false,'KZT ','.',',',false,false,true)}
                        {#else}
							 
                   {#/if}
                </div>
                <div class="row"> </div>
                <div class="row val last">{$T.TotalTaxPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>

<div class="row first"><b>Total</b></div>
                <div class="row"> </div>
                <div class="row"> </div>
                <div class="row"> </div>
                <div class="row val last"><b>{$T.TotalPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</b></div>
            </div>
       -->

<!-- 
        <div id="Availibility-OutBound" style="border:none">
            <div class="sprite outbound-flight"></div>
            <div class="Availibility-Header">Outbound</div>
            <div class="FromCity">{$T.Criteria.DepartureCity.Name}</div>
            To {$T.Criteria.ArrivalCity.Name}
            <div style="margin-top:15px"></div>
            {flightSearch.resetDateIndex();}
            {#foreach $T.OutboundDates as date}
              <div style="float:left;width:86px;text-align:center;" class="flight">
                <div style="padding-top:5px;color:#666666;background:#EEF5FC;border-top:1px solid #ccc;{#if flightSearch.dateIndex == 0}border-left:1px solid #ccc;{#/if}{#if flightSearch.dateIndex == 2}border-right:1px solid #ccc;{#/if}height:20px;width:86px;{#if flightSearch.globalFlightChoosenSegmentOutDateRange != null}{#if flightSearch.globalFlightChoosenSegmentOutDateRange.Departure.formatJsonDate().parseAndFormatDate('dd MM') == $T.date.toString('dd MM')}font-size:14px;{#/if}{#/if}"> 
                {#if flightSearch.dateIndex == 0}
                  <a href="javascript:;" onclick="flightSearch.prev3Days(true)" title="Previous" id="lnkPagePrevOutBound" style="float:left;padding-left:2px"><img src="/Images/arrow-left.png" border="0" /></a>
                {#/if} 
                <b>{$T.date.toString('ddd')} {$T.date.toString('d MMM')}</b>
                {#if flightSearch.dateIndex == 2}
                  <a href="javascript:;" onclick="flightSearch.next3Days(true)" title="Next" style="float:right;padding-right:2px;{#if getInternetExplorerVersion() <= 7}margin-top:-12px{#/if}"><img src="/Images/arrow-right.png" border="0" /></a>
                {#/if}
                </div>
              <div style="clear:both"></div>
              {#foreach flightSearch.getItineriesForDate(true,flightSearch.globalOutboundDates[flightSearch.dateIndex]) as segment}
              {#if $T.segment != null}
              {#if flightSearch.getTotalSeatCount($T.segment) == 0}
                <div class="Availability-Flight" style="float:left;">
                  <div class="dayAvailibility" style="border:1px solid #ccc;height:85px">
                  <div>
                  <div>
                      <div style="text-align:center;margin-top:10px;">
                      <span style="font-weight:bold;font-size:14px;color:#cbcbca">No seats</span>
                  </div>
                  </div>
                  </div>
                  </div>
                  </div>
                  {#else}
              <div class="Availability-Flight" style="float:left;cursor:pointer">
             <div class="dayAvailibility" style="border:1px solid #ccc;height:85px" id="dayAvailibility_{$T.segment.Id}_{$T.segment.Departure.formatJsonDate()}" onclick="flightSearch.SelectFlight(this,{$T.segment.Id},true,true,{$T.segment.Departure})">
             <div style="cursor:pointer;">
                <div>
                    <div style="float: left; margin-left: 5px;margin-top:5px">
                        <div class="DepartureTime">Dep <b>{convertToDate($T.segment.Departure,$T.segment.DepartureDateString,$T.segment.DepartureTimeString).formatDate('HH:mm')}</b></div>
                        <div class="ArrivalTime">Arr <b>{convertToDate($T.segment.Arrival,$T.segment.ArrivalDateString,$T.segment.ArrivalTimeString).formatDate('HH:mm')}</b></div>
                    </div>

<div class="Price" style="text-align:center" id="Price_{$T.segment.Id}">{$T.segment.LowestFareSummary.AdultFare.AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,true,false)}</div>
                    {#if flightSearch.getTotalSeatCount($T.segment) <= 5}
                      <div class="warningSeatsLeft">{flightSearch.getTotalSeatCount($T.segment)} seats left</div>
                    {#/if}
                </div>
                </div>
                </div>
                </div>
                <div style="clear:both"></div>
                {#/if}
                {#else}
                  <div class="Availability-Flight" style="float:left;">
                  <div class="dayAvailibility" style="border:1px solid #ccc;height:85px">
                  <div>
                  <div>
                      <div style="text-align:center;margin-top:10px;">
                          <span style="font-weight:bold;font-size:14px;color:#cbcbca">No seats</span>
                        </div>
                  </div>
                  </div>
                  </div>
                  </div>
                <div style="clear:both"></div>
                {#/if}
            {#/for}
            </div>
            {flightSearch.increaseDateIndex();}
            {#/for}
         </div>
        -->

<!--
        
        <div id="Availibility-OutBound" style="border:none;width:100%;">
            <div class="Availibility-Header">Outbound <span style="font-weight:normal">Please select the date you wish to view in detail</span></div>
            
            <div class="availability-header">
            <div class="FromCity" style="float:left">{$T.Criteria.DepartureCity.Name}</div>
            <div class="ToCity"> {$T.Criteria.ArrivalCity.Name} <b class="cheapest-fare">Cheapest fare</b></div>
             <div style="clear:both"></div>
            </div>
            {flightSearch.resetDateIndex();}
            <div class="ThreeWeekContainer">
                <div class="pagination-calendar" onclick="flightSearch.prev3Weeks(true)">
                    <div class="pagination-calendar-prev"><i class="fa fa-caret-left"></i></div>
                </div>
            {#foreach $T.OutboundDates as date}
              <input type="hidden" value="{$T.date}" />
              <div style="float:left;width:85px;text-align:center;" class="flight">

{#foreach flightSearch.getItineriesForDateWeek(true,flightSearch.globalOutboundDates[flightSearch.dateIndex]) as segment}
              
              {#if $T.segment != null}
              {#if flightSearch.getTotalSeatCount($T.segment) == 0}
                <div class="Availability-Flight" style="float:left;{#if flightSearch.dateIndex == 0 || flightSearch.dateIndex % 7 == 0}border-left:none{#else}border-left:1px solid #e8e8e8{#/if}">
                    <div class="dayAvailibility" style="height:77px;">
                      <div>
                        <div>
                            <div style="text-align:center;margin-top: 25px;">
                                <span style="font-weight:bold;font-size:14px;color:#cbcbca">No seats</span>
                            </div>
                        </div>
                      </div>
                    </div>
                </div>
              {#else}
              <div class="Availability-Flight" style="float:left;cursor:pointer">
                              
             <div class="dayAvailibility {#if $T.segment.DepartureDateString.parseAndFormatDate('dd MM') == flightSearch.globalFlightCriteria.DepartureDateString.parseAndFormatDate('dd MM')}preselected{#/if}" style="{#if flightSearch.dateIndex == 0 || flightSearch.dateIndex % 7 == 0}border-left:none{#else}border-left:1px solid #ccc{#/if}" onclick="flightSearch.SelectFlight3Weeks(this,{$T.segment.Id},true,'{$T.segment.DepartureDateString}')">
             <div style="cursor:pointer;">
                <div>
                    <div class="departure">                        
                      <b>{flightSearch.getFormatedDateString($T.segment.DepartureDateString, 'ddd');}</b><br />
                      <b>{flightSearch.getFormatedDateString($T.segment.DepartureDateString, 'D MMM');}</b><br />
                    </div>
                    <div class="Price kzt" style="text-align:center;color:#3e7dc4;" id="Price_{$T.segment.Id}">{$T.segment.LowestFareSummary.AdultFare.AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,true,true,true)}</div>
                </div>
                </div>
                </div>
                </div>
                {#/if}
                {#else}
                  <div class="Availability-Flight" style="float:left;{#if flightSearch.dateIndex % 7 != 0 && flightSearch.dateIndex != 0}border-left:1px solid #e8e8e8{#/if}">
                  <div class="dayAvailibility">
                  <div>
                    <div>
                        <div style="text-align:center;margin-top: 25px;">
                          <span style="font-weight:bold;font-size:14px;color:#cbcbca">No flights</span>
                        </div>
                    </div>
                    </div>
                    </div>
                    </div>
                {#/if}

{#/for}
            </div>
            {flightSearch.increaseDateIndex();}
            {#/for}
            <div class="pagination-calendar-right" onclick="flightSearch.next3Weeks(true)">
                <div class="pagination-calendar-next"><i class="fa fa-caret-right"></i></div>
            </div>
            </div>
         </div>
       -->

<!--
    <div id="Availibility-InBound" style="border:none;width:100%;margin:0">
        {#if $T.Criteria.RoundTrip == true}
        <div class="Availibility-Header">Inbound <span style="font-weight:normal">Please select the date you wish to view in detail</span></div>
        
        <div class="availability-header">
        <div class="FromCity" style="float:left">{$T.Criteria.ArrivalCity.Name}</div>
        <div class="ToCity">{$T.Criteria.DepartureCity.Name} <b class="cheapest-fare">Cheapest fare</b></div>
            <div style="clear:both"></div>
        </div>
        {flightSearch.resetDateIndex();}
        <div class="ThreeWeekContainer">
            <div class="pagination-calendar" onclick="flightSearch.prev3Weeks(false)">
                <div class="pagination-calendar-prev"><i class="fa fa-caret-left"></i></div>
            </div>
        {#foreach $T.InboundDates as date}
            <input type="hidden" value="{$T.date}" />
            <div style="float:left;width:85px;text-align:center;" class="flight">
              
            
            {#foreach flightSearch.getItineriesForDateWeek(false,flightSearch.globalInboundDates[flightSearch.dateIndex]) as segment}
              
            {#if $T.segment != null}
            {#if flightSearch.getTotalSeatCount($T.segment) == 0}
            <div class="Availability-Flight" style="float:left;{#if flightSearch.dateIndex == 0 || flightSearch.dateIndex % 7 == 0}border-left:none{#else}border-left:1px solid #e8e8e8{#/if}">
                <div class="dayAvailibility">
                <div>
                <div>
                <div style="text-align:center;margin-top: 25px;">
                <span style="font-weight:bold;font-size:14px;color:#cbcbca">No seats</span>
                </div>
                </div>
                </div>
                </div>
                </div>
            {#else}
            <div class="Availability-Flight" style="float:left;cursor:pointer">
            <div class="dayAvailibility {#if $T.segment.DepartureDateString.parseAndFormatDate('dd MM') == flightSearch.globalFlightCriteria.ReturnDateString.parseAndFormatDate('dd MM')}preselected{#/if}" style="{#if flightSearch.dateIndex == 0 || flightSearch.dateIndex % 7 == 0}border-left:none{#else}border-left:1px solid #ccc{#/if}" onclick="flightSearch.SelectFlight3Weeks(this,{$T.segment.Id},false,'{$T.segment.DepartureDateString}')">
            <div style="cursor:pointer;">
            <div>
                <div class="departure">
                    <b>{flightSearch.getFormatedDateString($T.segment.DepartureDateString, 'ddd');}</b><br />
                    <b>{flightSearch.getFormatedDateString($T.segment.DepartureDateString, 'D MMM');}</b><br />
                </div>
                <div class="Price kzt" style="text-align:center;color:#3e7dc4;" id="Price_{$T.segment.Id}">{$T.segment.LowestFareSummary.AdultFare.AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol +' ','.',',',true,true,true,true)}</div>

</div>
            </div>
            </div>
            </div>
            {#/if}
            {#else}
                <div class="Availability-Flight" style="float:left;{#if flightSearch.dateIndex == 0 || flightSearch.dateIndex % 7 == 0}border-left:none{#else}border-left:1px solid #e8e8e8{#/if}">
                <div class="dayAvailibility">
                <div>
                <div>
                    <div style="text-align:center;margin-top: 25px;">
                        <span style="font-weight:bold;font-size:14px;color:#cbcbca">No flights</span>
                    </div>
                </div>
                </div>
                </div>
                </div>
            {#/if}

{#/for}
        </div>
        {flightSearch.increaseDateIndex();}
        {#/for}
            <div class="pagination-calendar-right" onclick="flightSearch.next3Weeks(false)">
                <div class="pagination-calendar-next"><i class="fa fa-caret-right"></i></div>
            </div>
        </div>
        {#/if}
        </div>
        -->

<!--
<div id="divCalendar" class="flightCalendar">
    <div class="box">
        <div id="divCalendarHeader">
                <a href="javascript:;" onclick="flightSearch.prev7Days()" title="Previous" id="lnkPagePrevOutBound" style="float:left;"><span class="stepWeek">Prev week</span></a>

<a href="javascript:;" onclick="flightSearch.next7Days()" title="Next" style="float:right;"><span class="stepWeek">Next week</span></a>
        </div>
        <div style="clear: both;"></div>
        <div id="divCalendarContainer" class="flight">
            <div id="returnDates">
                {#foreach $T.ReturnDates as returnDate}
                    <div class="returnDate" data-return="{$T.returnDate.ReturnDate}">
                        <span style="float: left;">Return</span>
                        <div style="clear: both;"></div>
                        <span style="float: left">{$T.returnDate.ReturnDateString}</span>
                    </div>
                {#/for}
            </div>
            
            <div id="departureDates">
                {#foreach $T.DepartureDates as departureDate}
                    <div class="departureDate" data-departure="{$T.departureDate.DepartureDate}">
                        <span style="float: left;">Departure</span>
                        <div style="clear: both;"></div>
                        <span style="float: left">{$T.departureDate.DepartureDateString}</span>
                    </div>
                    {#foreach $T.departureDate.ReturnDatesList as returnDate}
                    <div class="departureDate">
                        {#if $T.returnDate.ShuoldShowPrices == true }
                            {#if $T.returnDate.InboundSegment != null && $T.returnDate.OutboundSegment != null}
                                {#if $T.returnDate.InboundSegment.LowestFareSummary.AdultFare != null}
                                    {#if $T.returnDate.LowestPrice == $T.returnDate.InboundSegment.LowestFareSummary.AdultFare.Amount}
                                        <div class="cheapestFlight" data-dayid="">
                                            <input id="{$T.returnDate.Id}" class="pickFlight" data-inboundid="{$T.returnDate.InboundSegment.Id}" data-outboundid="{$T.returnDate.OutboundSegment.Id}" data-inbounddate="{$T.returnDate.InboundSegment.Departure}" data-outbounddate="{$T.returnDate.OutboundSegment.Departure}" data-departureday="{$T.returnDate.DepartureDate}" data-returnday="{$T.returnDate.ReturnDate}" type="radio" name="chooseFlight"/>
                                            <div style="clear: both;"></div>
                                            <label for="{$T.returnDate.Id}">{($T.returnDate.OutboundSegment.LowestFareSummary.AdultFare.AmountIncludingTax + $T.returnDate.InboundSegment.LowestFareSummary.AdultFare.AmountIncludingTax).toCurrency(false,'KZT ','.',',',true,false,true,true)}</label>
                                        </div>
                                    {#else}
                                        <div data-dayId="">
                                            <input id="{$T.returnDate.Id}" class="pickFlight" data-inboundid="{$T.returnDate.InboundSegment.Id}" data-outboundid="{$T.returnDate.OutboundSegment.Id}" data-inbounddate="{$T.returnDate.InboundSegment.Departure}" data-outbounddate="{$T.returnDate.OutboundSegment.Departure}" data-departureday="{$T.returnDate.DepartureDate}" data-returnday="{$T.returnDate.ReturnDate}" type="radio" name="chooseFlight"/>
                                            <div style="clear: both;"></div>
                                            <label for="{$T.returnDate.Id}">{($T.returnDate.OutboundSegment.LowestFareSummary.AdultFare.AmountIncludingTax + $T.returnDate.InboundSegment.LowestFareSummary.AdultFare.AmountIncludingTax).toCurrency(false,'KZT ','.',',',true,false,true,true)}</label>
                                        </div>
                                    {#/if}
                                {#/if}
                            {#else}
                                <span style="color: #ff2222">No flights</span>
                            {#/if}
                        {#else}
                             
                        {#/if}
                    </div>
                    {#/for}
                    <div style="clear: both;"></div>
                {#/for}
            </div>
        </div>
    </div>
        <div id="booking-choice">
            <div id="booking-include-exclude">
                <div style="float: left; width:110px;">
                <span style="float: left;"><br/></span>
                <span style="float:left;"></span>
                </div>
                <div style="float: right; width:132px;">
                    <div style="float: right;margin-top: -5px;">
                        <input type="radio" id="bookingFeeIncluded" name="bookingFee" /><label for="bookingFeeIncluded"></label>
                        <input type="radio" id="bookingFeeExcluded" name="bookingFee" /><label for="bookingFeeExcluded"></label>
                    </div>
                    <div style="float: right; margin-top:-5px;">
                        <input type="radio" id="TaxesSurchargesIncluded" name="TaxesSurcharges" /><label for="TaxesSurchargesIncluded"></label>
                        <input type="radio" id="TaxesSurchargesExcluded" name="TaxesSurcharges" /><label for="TaxesSurchargesExcluded"></label>
                    </div>
                </div>    
            </div>
            <div style="clear: both;"></div>
            <hr style="border: 0; background-color:#cccccc;margin-top: 10px;height:1px;"/>
        </div>
        <div id="btnHolder">
            <input type="button" class="btnProceedWithBooking_en" id="continueBooking" value="CONTINUE" />            
        </div>
</div>

-->

Booking Summary

Please select flights

<!--
<div id="YourBasket-OutBound" >
    {#foreach $T.ChoosenSegmentsOut as outsegment}
        {#if $T.outsegment != null}
            <div class="segment-header-row">
                <div class="row plane-header outbound">
                    <p class="header">Outbound</p>
                </div>
                
                <div class="row">
                    <span class="header" style="width:20%">From</span>
                    <span class="value" style="font-weight:bold;width:80%">{yourBasket.criteria.DepartureCity.Name}</span>
                    <div class="clear"></div>
                </div>
                <div class="row" style="margin-top: 0;">
                    <span class="header" style="width:20%">To</span>
                    <span class="value" style="font-weight:bold;width:80%">{yourBasket.criteria.ArrivalCity.Name}</span>
                    <div class="clear"></div>
                </div>

<div class="row header">
                    <span>{moment(convertToDate($T.outsegment.Departure,$T.outsegment.DepartureDateString,$T.outsegment.DepartureTimeString)).locale('en').format('dddd D MMMM YYYY')}</span>
                </div>
                <div class="row wrapper">
                    <div class="row">
                        <span class="header">Flight</span>
                        <span class="value">{displayLegsFlightnumber($T.outsegment.Legs)}</span>
                        <div class="clear"></div>
                    </div>
                    <div class="row">
                        <span class="header">Departing</span>
                        <span class="value">{convertToDate($T.outsegment.Departure,$T.outsegment.DepartureDateString,$T.outsegment.DepartureTimeString).formatDate('HH:mm')}</span>
                        <div class="clear"></div>
                    </div>
                    <div class="row">
                        <span class="header">Arrival</span>
                        <span class="value">
                            {convertToDate($T.outsegment.Arrival,$T.outsegment.ArrivalDateString,$T.outsegment.ArrivalTimeString).formatDate('HH:mm')}
                            {#if convertToDate($T.outsegment.Arrival,$T.outsegment.ArrivalDateString,$T.outsegment.ArrivalTimeString).formatDate('yyyy-MM-dd') != convertToDate($T.outsegment.Departure,$T.outsegment.DepartureDateString,$T.outsegment.DepartureTimeString).formatDate('yyyy-MM-dd')}
                                +1
                            {#/if}
                        </span>
                        <div class="clear"></div>
                    </div>
                    <div class="row">
                        <span class="header">Fare Type</span>
                        <span class="value">{$T.outsegment.LowestFareSummary.FareType.Name}</span>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        {#/if}
    {#/for}  
</div>    
<div id="YourBasket-InBound">
{#foreach $T.ChoosenSegmentsIn as insegment}
            {#if $T.insegment != null}
                <div class="segment-header-row">
                    <div class="row plane-header inbound">
                        <p class="header">Return</p>
                    </div>

<div class="row">
                        <span class="header" style="width:20%">From</span>
                        <span class="value" style="font-weight:bold;width:80%">{yourBasket.criteria.ArrivalCity.Name}</span>
                        <div class="clear"></div>
                    </div>
                    <div class="row" style="margin-top: 0;">
                        <span class="header" style="width:20%">To</span>
                        <span class="value" style="font-weight:bold;width:80%">{yourBasket.criteria.DepartureCity.Name}</span>
                        <div class="clear"></div>
                    </div>

<div class="row header">
                        <span>{convertToDate($T.insegment.Departure,$T.insegment.DepartureDateString,$T.insegment.DepartureTimeString).toString('dddd dd MMMM yyyy')}</span>
                    </div>
                    <div class="row wrapper">
                    <div class="row">
                        <span class="header">Flight</span>
                        <span class="value">{displayLegsFlightnumber($T.insegment.Legs)}</span>
                        <div class="clear"></div>
                    </div>
                    <div class="row">
                        <span class="header">Departing</span>
                        <span class="value">{convertToDate($T.insegment.Departure,$T.insegment.DepartureDateString,$T.insegment.DepartureTimeString).formatDate('HH:mm')}</span>
                        <div class="clear"></div>
                    </div>
                    <div class="row">
                        <span class="header">Arrival</span>
                        <span class="value">
                                {convertToDate($T.insegment.Arrival,$T.insegment.ArrivalDateString,$T.insegment.ArrivalTimeString).formatDate('HH:mm')}
                                {#if convertToDate($T.insegment.Arrival,$T.insegment.ArrivalDateString,$T.insegment.ArrivalTimeString).formatDate('yyyy-MM-dd') != convertToDate($T.insegment.Departure,$T.insegment.DepartureDateString,$T.insegment.DepartureTimeString).formatDate('yyyy-MM-dd')}
                                    +1
                                {#/if}
                        </span>
                        <div class="clear"></div>
                    </div>
                    <div class="row">
                        <span class="header">Fare Type</span>
                        <span class="value">{$T.insegment.LowestFareSummary.FareType.Name}</span>
                        <div class="clear"></div>
                    </div>
                        </div>
                </div>
            {#/if}
        {#/for}  
    {#foreach $T.ChoosenSegmentsIn as insegment}
        {#if $T.insegment != null}
            <input type="hidden" id="inboundId" name="inboundId" value="{$T.insegment.Id}" />
            <input type="hidden" id="inboundDate" name="inboundDate" value="{$T.insegment.DepartureDateString}" />
        {#/if}
    {#/for}
    {#if $T.ChoosenFareIn != null}
        <input type="hidden" id="inboundFareCode" name="inboundFareCode" value="{$T.ChoosenFareIn.Code}" />
        <input type="hidden" id="inboundFareBasis" name="inboundFareBasis" value="{$T.ChoosenFareIn.FareBasis}" />
    {#/if}
</div>
        <div class="segment-header-row">
             <div class="row">
                 <span class="header"><b>Passengers</b></span>
                 <span class="value"> </span>
                 <div class="clear"></div>
             </div>
             <div class="row">
                 <span class="header">Adult</span>
                 <span class="value">{yourBasket.criteria.Adults}</span>
                 <div class="clear"></div>
             </div>
            {#if yourBasket.criteria.Children > 0}
             <div class="row">
                <span class="header">Children</span>
                <span class="value">{yourBasket.criteria.Children}</span>
                <div class="clear"></div>
             </div>
            {#/if}
            {#if yourBasket.criteria.Infants > 0}
             <div class="row">
                 <span class="header">Infant</span>
                 <span class="value">{yourBasket.criteria.Infants}</span>
                 <div class="clear"></div>
             </div>
            {#/if}
                <div class="row" id="selectedSeatsPrice" style="display: none;">
                    <span class="header">Seats</span>
                    <span class="value"></span>
                    <div class="clear"></div>
                </div>
        {#if $T.FlightPrice > 0 && $T.HotelBooking == null || ($T.HotelBooking != null && $T.HotelBooking.name != null && !$T.HotelBooking.includedInBooking)}
        <div class="row" style="margin-top: 0;">
        <span class="header">WEB - Air</span>                  
        <span class="value">{$T.FlightPrice.toCurrency(false,yourBasket.currencySymbol + ' ','.',',',false,false,true)}</span>
        <div class="clear"></div>
         </div>
            {#/if}      
            
    {#if $T.WFEEFee > 0}        
        <div class="webfee row" style="margin-top: 0;" title="A Fee for online service on website is 3% of the total amount, additionally to the fare and taxes">
            <span class="header">Fee for online service on website</span>
            <span class="value">{$T.WFEEFee.toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</span>
            <div class="clear"></div>
        </div>
        {#if yourBasket.getWfeeBreakdown().length > 0}
        <div class="row" style="margin-top:0">
            <span class="header"> </span>
            <span class="value"><a href="javascript:;" id="showWfeeModal">Show details</a></span>
            <div class="clear"></div>
        </div>
        <div id="WfeeModal" title="WFEE Details" style="display:none">
          <table style="width:100%;">
              <tr>
                  <th>Description</th>
                  <th>Origin</th>
                  <th>Departure</th>
                  <th>Passenger Type</th>
                  <th>Passenger</th>
                  <th>Amount</th>
              </tr>
            {#foreach yourBasket.getWfeeBreakdown() as wfee}
                <tr class="wfee-row"> 
                    <td class="wfee-desc">{$T.wfee.Description}</td>
                    <td class="wfee-origin">{$T.wfee.Origin}</td>
                    <td class="wfee-passengertype">{$T.wfee.Departure}</td>
                    <td class="wfee-passengertype">{$T.wfee.PassengerType}</td>
                    <td class="wfee-passengertype">{$T.wfee.Passenger}</td>
                    <td class="wfee-amount">{$T.wfee.Amount.toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</td>
                </tr>
            {#/for}
           </table>
        </div>
        {#/if}   
    {#/if}

{#if $T.TotalTaxes > 0}
                <div id="taxesHeader">
                    <div class="HeaderGroup" style="margin-left: 10px;width: initial;">Taxes</div>
                    <div style="float: right;margin-right: 15px;">{$T.TotalTaxes.toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</div>
                    <div class="booking-YourBasketArrow" style="float:left;margin-left:9px;"></div>
                  </div>
                  <div style="clear:both"></div>
                  <div id="showHideTaxes" style="padding-left:5px;">
            {#foreach yourBasket.getAllInboundAndAoutBoundTaxes($T.ChoosenSegmentsOut, $T.ChoosenSegmentsIn) as tax}
                <div style="float:left;width:160px;padding:2px 0px 2px 0px;">{$T.tax.Description}</div>
            <div style="float:left;padding:2px 0px 2px 0px;">
                {$T.tax.Price.toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}
            </div>
            <div style="clear:both"></div>
            {#/for}
      {#/if}

{#foreach $T.ChoosenSegmentsOut as outsegment}
           {#if $T.outsegment != null}
                <input type="hidden" id="outboundId" name="outboundId" value="{$T.outsegment.Id}" />
                <input type="hidden" id="arivalTime" name="arivalTime" value="{$T.outsegment.Arrival.formatJsonTime()}" />
                <input type="hidden" id="outboundDate" name="outboundDate" value="{$T.outsegment.DepartureDateString}" />
        {#/if}
    {#/for}
    {#if $T.ChoosenFareOut != null}
        <input type="hidden" id="outboundFareCode" name="outboundFareCode" value="{$T.ChoosenFareOut.Code}" />
        <input type="hidden" id="outboundFareBasis" name="outboundFareBasis" value="{$T.ChoosenFareOut.FareBasis}" />
    {#/if}
    </div>

<div id="YourBasket-Extras">
    {#if yourBasket.checkIfShouldShowExtrasList()}
    
    <div id="extrasHeader">
    <div class="HeaderGroup" style="width: initial;">Extras</div><div class="booking-YourBasketArrow" style="float: left; margin-left: 9px;"></div>
    <div style="float: right;margin-right:15px;">{yourBasket.getExtrasPrice().toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</div>
    
    </div>
    <div id="showHideExtras">
        {#if yourBasket.getExtrasInboundAndOutbound(true).length > 0}
            <div class="FromCity" style="float:left;">Outbound</div>
            <div style="clear:both"></div>
            {#foreach $T.Extras as extra}
                {#if $T.extra.PricePerPassenger == true && $T.extra.AllowSelectionPerFlight == true}
                    {#if yourBasket.checkIfInList($T.extra.Name) == false}
                    {#if yourBasket.getTotalExtrasCount($T.extra.Name, true) > 0}
                        <div style="float:left;width:125px;padding:2px 0px 2px 10px">{yourBasket.getTotalExtrasCount($T.extra.Name, true);} x {$T.extra.Name}</div>
                        <div style="float:left;padding:2px 0px 2px 0px">{yourBasket.getTotalExtrasPrice($T.extra.Name,true).toCurrency(false, 'KZT ', '.', ',', false, false, true)}</div>
                        <div style="clear:both"></div>
                    {#/if}
                    {#/if}
                    {yourBasket.addExtraToList($T.extra.Name);}
                {#/if}
            {#/for}
          {#/if}
  {#if yourBasket.criteria.RoundTrip && yourBasket.getExtrasInboundAndOutbound(false).length > 0}
                {yourBasket.clearExtraList();}
                            <div style="margin-top:15px">
                                <div class="FromCity" style="float:left;">Return</div>
                                <div style="clear:both"></div>
                                  {#foreach $T.Extras as extra}
                                    {#if $T.extra.Name != 'Travel Insurance' && $T.extra.PricePerPassenger == true && $T.extra.AllowSelectionPerFlight == true}
                                        {#if yourBasket.checkIfInList($T.extra.Name) == false}
                                        {#if yourBasket.getTotalExtrasCount($T.extra.Name, false) > 0}
                                            <div style="float:left;width:125px;padding:2px 0px 2px 10px">{yourBasket.getTotalExtrasCount($T.extra.Name, false);} x {$T.extra.Name}</div>
                                            <div style="float:left;padding:2px 0px 2px 0px">{yourBasket.getTotalExtrasPrice($T.extra.Name, false).toCurrency(false, 'KZT ', '.', ',', false, false, true)}</div>
                                            <div style="clear:both"></div>
                                        {#/if}
                                        {#/if}
                                        {yourBasket.addExtraToList($T.extra.Name);}
                                    {#/if}
                                    {#/for}
                            </div>
                {#/if}
                {yourBasket.clearExtraList();}
                
                {#if yourBasket.getExtrasInboundAndOutbound(false).length > 0 || yourBasket.getExtrasInboundAndOutbound(true).length > 0}
                    <div style="margin-top:5px;border-top:1px solid #ccc;"></div>
                {#/if}
              {#foreach $T.Extras as extra}
                    {#if $T.extra.AllowSelectionPerFlight == false}
                            {#if yourBasket.checkIfInList($T.extra.Name) == false}
                            {#if yourBasket.getTotalExtrasCount($T.extra.Name) > 0}
                                <div style="float:left;width:160px;padding:10px 0">{yourBasket.getTotalExtrasCount($T.extra.Name);} x {$T.extra.Name}</div>
                                <div style="float:left;padding:10px 0">{yourBasket.getTotalExtrasPrice($T.extra.Name).toCurrency(false, yourBasket.currencySymbol +' ', '.', ',', false, false, true)}</div>
                                <div style="clear:both"></div>
                            {#/if}
                            {#/if}
                            {yourBasket.addExtraToList($T.extra.Name);}
                    {#/if}
                {#/for}
        
    
    {#if yourBasket.getSeatsPrice() > 0}
        <div style="margin-top:15px;margin-bottom:15px;border-top:1px solid #ccc;padding-top:10px;float:left;width:100%">
            
            {#foreach $T.Passengers as pass}
                {#foreach $T.pass.Seats as seat}
                    {#if $T.seat.ChargePrice > 0}
                        <div style="padding:2px 0px 2px 0px;width:160px;float:left;">1 x {$T.seat.ChargeDescription}</div>
                        <div style="float:left;padding:2px 0px 2px 0px">{$T.seat.ChargePrice.toCurrency(false, 'KZT ', '.', ',', false, false, true)}</div>
                        <div style="clear:both"></div>
                    {#/if}
                {#/for}
            {#/for}
        </div>
        <div style="clear:both"></div>
    {#/if}
    </div>
{#/if}
</div>
<div style="clear:both"></div>
{#if $T.EventExtras != null && $T.EventExtras.length > 0}
    <div id="eventsHeader">
        <div class="HeaderGroup">Products</div>
        <div style="float: left">{yourBasket.getTotalEventsPrice().toCurrency(false, yourBasket.currencySymbol,'.',',',false,false,true)}</div>
        <div class="booking-YourBasketArrow"></div>
    </div>
    <div style="clear:both"></div>
    <div id="showHideEvents">
        {#foreach $T.EventExtras as eventExtra}
            <div style="float:left;width:125px;padding:2px 0px 2px 10px">{($T.eventExtra.NrOfAdults + $T.eventExtra.NrOfChildren)} x {$T.eventExtra.EzySalesEvent.Name}</div>
            <div style="float:left;padding:2px 0px 2px 0px">{yourBasket.getEventExtraPrice($T.eventExtra).toCurrency(false, yourBasket.currencySymbol, '.', ',', false, false, true)}</div>
            <div style="clear:both"></div>
        {#/for}
    </div>
    <div style="clear:both"></div>
{#/if}

{#if $T.Vouchers.length > 0}
    <div style="border-bottom:1px solid #ccc;padding-bottom:10px;margin-top:10px;width:95%">
    <h3>Gjafabréf</h3>
    {#foreach $T.Vouchers as voucher}
    <div style="float:left;width:215px;font-weight:bold;padding:2px 2px 2px 2px;color:green;">{$T.voucher.VoucherNumber}</div>
    <div style="float:left;padding:2px 0px 2px 0px;color:green">- {parseFloat($T.voucher.Balance).toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</div>
    <div style="clear:both"></div>
    {#/for}
    </div>
{#/if}

{#if $T.HotelBooking !=null && $T.HotelBooking.name !=null && !$T.HotelBooking.includedInBooking}
    <div style="border-bottom:1px solid #ccc;padding-bottom:10px;margin-top:10px;width:200px;margin-left:20px;">
    <h3>Hotel details</h3>    
    <div style="float:left;width:215px;padding:0px 0px 5px 0px;color:#D97A00;"><b>{$T.HotelBooking.name}</b></div>
    <div style="clear:both"></div> 
    {#foreach $T.HotelBooking.rooms as room}
        <div style="width:225px;padding:2px 0px 2px 0px">{$T.room.name}</div>
        <div style="float:left;width:125px"><b>Price</b></div>
        <div style="float:left;">{yourBasket.currencySymbol} {$T.room.price}</div>
        <div style="clear:both"></div>
    {#/for} 
    </div>
{#/if}

{#if $T.TotalPrice != null && $T.TotalPrice > 0}
    <div id="creditCardPaymentFeeWrapper" style="display:none;">
        <div style="width: 125px;float: left; font-weight:bold;margin-left:20px;">CC Fee</div>  
        <div style="float: left;" class="credit-card-payment-fee">
              <span class="payment-fee-symbol">{yourBasket.currencySymbol}</span> <span class="payment-fee">0</span>
        </div>
    </div>
    <div id="noCreditCardPaymentFeeWrapper" style="display:none;">
        <div style="width: 125px;float: left; font-weight:bold;margin-left:20px;">CC Fee</div>  
        <div style="float: left;">
              <span>{yourBasket.currencySymbol}</span> <span>0</span>
        </div>
    </div>
    <div style="clear:both;"></div>
{#if yourBasket.GetTotalDiscount($T.ChoosenSegmentsOut[0], $T.ChoosenSegmentsIn[0]) > 0}
    <div style="margin-top:10px;margin-left:20px;font-size:13px">
        <span style="color:#9caebc;margin-right:47px;">Subtotal:</span>
        <span style="color:#9caebc;">{yourBasket.GetSubTotal($T.TotalPrice, $T.ChoosenSegmentsOut[0], $T.ChoosenSegmentsIn[0]).toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</span>
    </div>
    <div style="clear:both"></div>
    <div style="margin-top:5px;margin-bottom:10px;margin-left:20px;font-size:13px">
        <span style="color:red;margin-right:41px;">Discount:</span>
        <span style="color:red;">-{yourBasket.GetTotalDiscount($T.ChoosenSegmentsOut[0], $T.ChoosenSegmentsIn[0]).toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</span>
    </div>
    <div style="clear:both"></div>
{#/if}
<div id="totalHeader">
    <span style="margin:5px 0 0 10px;float:left;">Total price</span>
    <span class="total-price">{$T.TotalPrice.toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</span>
    <a href="javascript:;" id="fullTaxBreakDown">Show full Tax breakdown</a>
    <div id="fullTaxBreakDownModal" title="Full Tax Breakdown" style="display:none">
      <table style="width:100%;">
          <tr>
              <th>Date</th>
              <th>Airport</th>
              <th>Flight</th>
              <th>Code</th>
              <th>Passenger Type</th>
              <th>Description</th>
              <th>Amount</th>
          </tr>
        {#foreach yourBasket.getFullTaxBreakDown() as tax}
            <tr class="tax-row"> 
                <td class="tax-date">{$T.tax.Date}</td>
                <td class="tax-airport">{$T.tax.Airport}</td>
                <td class="tax-flight">{$T.tax.Flight}</td>
                <td class="tax-code">{$T.tax.Code}</td>
                <td class="tax-passengertype">{$T.tax.PassengerType}</td>
                <td class="tax-desc">{$T.tax.Description}</td>
                <td class="tax-amount">{$T.tax.Amount.toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</td>
            </tr>
        {#/for}
       </table>
    </div>
</div>

{#/if}

{#if $T.Passengers != null && $T.Passengers.length > 0}
<div id="YourBasket-Passengers">
    <h3>Passengers</h3>
    {#foreach $T.Passengers as passenger}
        {#if $T.passenger.PassengerType.Name != yourBasket.tmpPassengerType}
            {yourBasket.resetPassengerIndex();}
        {#/if}
        <div style="float:left;width:70px;font-weight:bold">
            {$T.passenger.PassengerType.Name} {yourBasket.iPassenger}
        </div>
        <div style="float:left;text-transform:uppercase;word-break:break-all;word-break:break-word;">
            {#if $T.passenger.Title != null}
                {$T.passenger.Title} 
            {#/if}
            {$T.passenger.FirstName} {$T.passenger.LastName}
        </div>
        <div style="clear:both"></div>
        {yourBasket.setPassengerType($T.passenger.PassengerType.Name);}
        {yourBasket.increaseIndex();}
    {#/for}
</div>
{#/if}

{#if $T.CarBooking !=null && $T.CarBooking.Code !=null}
    <div style="clear:both;"></div>
    <div style="border-top:1px solid #ccc;padding-bottom:10px;margin-top:10px;">
    <h3 style="padding-left:20px;">Car</h3>    
    <table style="width:200px;margin:0px;padding-right:0px;padding-left:20px;">
        <tr>
            <td style="width:200px;padding-bottom:10px;font-weight:bold;" colspan="2">{$T.CarBooking.CarModelType}</td>            
        </tr>
        <tr>
            <td style="width:100px;font-weight:bold">Pickup location</td>
            <td style="width:100px;">{$T.CarBooking.PickupLocationName}</td>
        </tr>
        
        <tr>
            <td style="width:200px;padding-bottom:10px;" colspan="2">{$T.CarBooking.PickupDate.parseAndFormatDate('dddd, dS MMMM,  yyyy')} {$T.CarBooking.PickupTime}</td>            
        </tr>        
        <tr>
            <td style="width:100px;font-weight:bold">Dropoff location</td>
            <td style="width:100px;">{$T.CarBooking.DropOfLocationName}</td>
        </tr>
        <tr>
            <td style="width:200px;padding-bottom:10px;" colspan="2">{$T.CarBooking.DropOfDate.parseAndFormatDate('dddd, dS MMMM,  yyyy')} {$T.CarBooking.DropOfTime}</td>            
        </tr>

<tr>
            <td style="width:100px;font-weight:bold">Price for {$T.CarBooking.NumberOfDays} days</td>
            <td style="width:100px;">{parseFloat($T.CarBooking.TotalPrice).toCurrency(false,yourBasket.currencySymbol +' ','.',',',false,false,true)}</td>
        </tr>
    </table>

<div id="carTextHeader">
        <div class="HeaderGroup">Notes</div>        
        <div class="booking-YourBasketArrow"></div>
    </div>
    <div style="clear:both"></div>
    <div id="showHideCarText" style="padding-left:20px;padding-top:10px;display: block;">
        Important notes about car rental...
    </div>
    <div style="clear:both"></div>

</div>
{#/if}

-->

Changes	Permitted free
Cancellation	Permitted free
No-Show	Permitted free
Maximum stay period	12 М
Free baggage allowance	20 kg
Combinability	Permitted
Rerouting	Not permitted

Changes	Charge 30% of the fare
Cancellation	Charge 30% of the fare for cancel/refund
No-Show	Charge 30% of the fare for no-show
Maximum stay period	3 М
Free baggage allowance	20 kg
Combinability	Permitted
Rerouting	Not permitted

Changes	Charge 50% of the fare
Cancellation	Non-refundable
No-Show	In case of no-show refund and change are not permitted
Maximum stay period	1 М
Free baggage allowance	20 kg
Combinability	Permitted
Rerouting	Not permitted