Air Belgium

07-12-19

Pointe-à-Pitre (PTP) (PTP) Brussels Charleroi Airport (CRL) (CRL)

14-12-19

1 Adultes

0 Enfants

0 Bébés

Aller simple

Aller-retour

De

29 Aug

À

29 Aug

Adultes

Enfants

Bébés

Promo code

<div id="Availibility-OutBound" class="oneDay-availability time faretypes-{flightSearch.allowedFareTypes.length}">
        <article class="day-result-container smaller-gutters">
            <div class="day-result hidden-xs hidden-sm clearfix">
                <div class="col-md-6 col-xs-6">
                    <div class="row flight-container-head hidden">
                        <div class="col-md-3 col-xs-12">Vol</div>
                        <div class="col-md-4 hidden-sm-and-less">Départ</div>
                        <div class="col-md-1 hidden-sm-and-less"> </div>
                        <div class="col-md-4 hidden-sm-and-less">Arrivée</div>
                    </div>
                </div>
                <div class="col-xs-5 col-md-6 zero-padding">
                    <div class="hidden-xs hidden-sm custom-cols-{flightSearch.allowedFareTypes.length}"> 
                        {#foreach flightSearch.allowedFareTypes as fareType}
                            <div class="custom-col fare-container-head "
                                title="<span>{$T.fareType.FareTypeName} Class</span><span class='popover-title-icon fr'><i class='fa fa-times'></i></span>"
                                 data-contentWrapper="popover-{$T.fareType.FareTypeName.toLowerCase()}"
                                 data-originAirportHasPriorityBoarding="false"
                                 data-mobileContent="{$T.fareType.FareTypePopupContent}"
                                        data-toggle="popover"
                                        data-container="body"
                                        data-template="<div class='popover fare-info-popover fare-type-{$T.fareType.FareTypeName.toLowerCase()} text-center'><div class='arrow popover-arrow'></div><h3 class='popover-title'></h3><div class='popover-content'></div></div>"
                                      >
                                {#param name=routePromotion value=flightSearch.getRoutePromotion(true)}
                                {#if $P.routePromotion != null && $P.routePromotion.enableRibbonPromotion}

<div class="ribbon-wrapper">
                                        <div class="fare-ribbon {($P.routePromotion.useSecondaryColor ? 'secondary-color' : '')}">
                                            <span class="fare-ribbon-text">{$P.routePromotion.ribbonPromotionText}</span>
                                            <span class="fare-ribbon-icon"><i class="fa fa-star"></i></span>
                                        </div>
                                    </div>
                                {#/if}

<span class="fare-name" title="{$T.fareType.FareTypeName}">
                                    {$T.fareType.FareTypeName}
                                </span>

<div class="fare-info hidden-sm hidden-xs">
                                    {$T.fareType.FareTypeClassName}
                                </div>
                            </div>

{#/for}
                    </div>
                </div>
            </div>
            
             {#foreach $T as segment}
                {#if $T.segment != null}
                        <div class="day-result day-result-body clearfix">
                            <div class="col-md-6 col-xs-12 flight-info panel">
                        {#param name=segment value=$T.segment}

{#foreach $T.segment.Legs as leg}

<div class="clearfix col-md-3 col-xs-12 flight-number hidden-xs hidden-sm">
                                {$T.leg.Carrier.Code.trim()} {$T.leg.FlightNumber}
                                  <label class="hidden-xs hidden-sm hidden-md">{$T.leg.AircraftDescription}</label>
                                  <div class="clearfix"></div>
                            </div>
                            <div class="col-md-9 zero-padding">
                                <div class="col-md-4 col-xs-5 route"> 
                                    {convertToDate($T.leg.Departure,$T.leg.DepartureDateString,$T.leg.DepartureTimeString).formatDate('HH:mm')} 
                                      <label>{$T.leg.Origin.Code}</label>
                                </div>
                                <div class="col-md-4 col-xs-2 route-indicator">
                                    <img src="/Images/plane-loading.png">
                                     <hr />
                                    <label class="hidden-xs hidden-sm hidden-md">{getFlightTime($T.leg.FlightTime)}</label>
                                </div>
                                <div class="col-md-4 col-xs-5 route">
                                    {convertToDate($T.leg.Arrival,$T.leg.ArrivalDateString,$T.leg.ArrivalTimeString).formatDate('HH:mm')}
                                     <label>{$T.leg.Destination.Code}</label>
                                </div>
                               <div class="clearfix"></div>

</div>
                        {#/for}
                            </div>
                            <div class="col-md-6 col-xs-12 price-info">

{#param name=segment value=$T.segment}
                                {#if flightSearch.allowedFareTypes.length > 0}
                                    <div class="custom-cols-{flightSearch.allowedFareTypes.length} vertical-padding-15 ">
                                        {#foreach flightSearch.allowedFareTypes as fareType}
                                        {#param name=isSpecial value=flightSearch.isSpecialFare($P.segment, $T.fareType.FareTypeId)}
                                            <div class="custom-col fare-container-body fareType{$T.fareType.FareTypeId} {$P.isSpecial ? 'show-special-fare-text' : ''}">
                                            {#if flightSearch.getFareType($P.segment, $T.fareType.FareTypeId) != null && flightSearch.hasSeatsForCriteria($P.segment, $T.fareType.FareTypeId)}
                                                {#param name=seatCount value=flightSearch.getSeatCount($P.segment, $T.fareType.FareTypeId)}

<label class="price" for="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}" data-tooltip="{flightSearch.getFareBreakdown($P.segment, $T.fareType.FareTypeId)}">
                                                    
                                               <strong class="visible-xs visible-sm">{$T.fareType.FareTypeName}
                                                   <i class="info fa fa-info" 
                                                      title="<span>{$T.fareType.FareTypeName} Option</span><span class='popover-title-icon fr'><i class='fa fa-times'></i></span>"
                                                      data-contentWrapper="popover-{$T.fareType.FareTypeName.toLowerCase()}"
                                                      data-mobileContent="{$T.fareType.FareTypePopupContentMobile}"
                                                      data-toggle="popover"
                                                      data-viewport="#Booking-Availibility"
                                                      data-container="#OutboundContainer"
                                                      data-template="<div class='popover fare-info-popover fare-type-{$T.fareType.FareTypeName.toLowerCase()} text-center'><div class='arrow popover-arrow'></div><div class='popover-content'></div></div>"></i>
                                               </strong>
                                                    
                                                    <span>{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol,'.',',',true,false,true,true)}</span>
                                                    <span class="vat-and-taxes hidden-sm hidden-xs">TVA et taxes incluses</span>
                                                <div class="special-fare-text">
                                                {#if $P.isSpecial === true}
                                                    SPECIAL
                                                {#/if}

</div>
                                                </label>
                                                
                                                <div class="radio">
                                                    <input type="radio" class="faretype-radio"
                                                                title="{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"
                                                                data-totPrice="{flightSearch.getTotalFarePrice($P.segment,$T.fareType.FareTypeId)}"
                                                                data-flight-number="{$P.segment.FlightNumber}"
                                                                data-fare-base="{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"
                                                                data-fare-type-id="{$T.fareType.FareTypeId}"
                                                                id="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"
                                                                onclick="flightSearch.SelectFlight(this, { $P.segment.Id }, true, true, '{$P.segment.Departure}', { $T.fareType.FareTypeId })"
                                                                name="rbFlight_out"/>
                                                    <label for="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"></label>
                                                </div>
                                                
                                            {#else}
                                                <label class="price soldout">
                                                    <span>
                                                        {flightSearch.soldoutTextForFare($T.fareType)}
                                                    </span>
                                                </label>
                                            {#/if}
                                     
                                        </div>
                                    {#/for}
                                </div>
                            </div>
                        </div>
                  {#/if}
            {#/if}
        {#/for}
        </article>
    </div>

<div id="Availibility-InBound" class="oneDay-availability time faretypes-{flightSearch.allowedFareTypes.length}">
        <article class="day-result-container smaller-gutters">
            <div class="day-result clearfix  hidden-xs hidden-sm">
                <div class="col-md-6 col-xs-6">
                    <div class="row flight-container-head hidden">
                        <div class="col-md-3 col-xs-12">Vol</div>
                        <div class="col-md-4 hidden-sm-and-less">Départ</div>
                        <div class="col-md-1 hidden-sm-and-less"> </div>
                        <div class="col-md-4 hidden-sm-and-less">Arrivée</div>
                    </div>
                </div>
                <div class="col-xs-5 col-md-6 zero-padding"">
                    <div class="hidden-xs hidden-sm custom-cols-{flightSearch.allowedFareTypes.length}"> 
                        {#foreach flightSearch.allowedFareTypes as fareType}
                          <div class="custom-col fare-container-head"
                                title="<span>{$T.fareType.FareTypeName} Class</span><span class='popover-title-icon fr'><i class='fa fa-times'></i></span>"
                                        data-contentWrapper="popover-{$T.fareType.FareTypeName.toLowerCase()}"
                                        data-mobileContent="{$T.fareType.FareTypePopupContent}"
                                        data-originAirportHasPriorityBoarding="false"
                                        data-toggle="popover"
                                        data-container="body"
                                        data-template="<div class='popover fare-info-popover fare-type-{$T.fareType.FareTypeName.toLowerCase()} text-center'><div class='arrow popover-arrow'></div><h3 class='popover-title'></h3><div class='popover-content'></div></div>"
                                      >

{#param name=routePromotion value=flightSearch.getRoutePromotion(false)}
                                {#if $P.routePromotion != null && $P.routePromotion.enableRibbonPromotion}

<span class="fare-name" title="{$T.fareType.FareTypeName}">
                                    {$T.fareType.FareTypeName}
                                </span>

<div class="fare-info hidden-sm hidden-xs">
                                    {$T.fareType.FareTypeClassName}
                                </div>
                            </div>
                        {#/for}
                    </div>
                </div>
            </div>
            {#foreach $T as segment}
                {#if $T.segment != null}
                    <div class="day-result day-result-body clearfix">
                        <div class="col-md-6 col-xs-12 flight-info panel">
                    {#param name=segment value=$T.segment}
                    {#foreach $T.segment.Legs as leg}

<div class="clearfix col-md-3 col-xs-12 flight-number hidden-xs hidden-sm">
                                {$T.leg.Carrier.Code.trim()} {$T.leg.FlightNumber}
                                <label class="hidden-md-down">{$T.leg.AircraftDescription}</label>
                                  <div class="clearfix"></div>
                            </div>
                            <div class="col-md-9 zero-padding">
                                <div class="col-md-4 col-xs-5 route"> 
                                    {convertToDate($T.leg.Departure,$T.leg.DepartureDateString,$T.leg.DepartureTimeString).formatDate('HH:mm')} 
                                      <label>({$T.leg.Origin.Code})</label>
                                </div>
                                <div class="col-md-4 col-xs-2 route-indicator">
                                    <img class="flip-horizontal" src="/Images/plane-loading.png">
                                     <hr />
                                    <label class="hidden-md-down">{getFlightTime($T.leg.FlightTime)}</label>
                                </div>
                                <div class="col-md-4 col-xs-5 route">
                                    {convertToDate($T.leg.Arrival,$T.leg.ArrivalDateString,$T.leg.ArrivalTimeString).formatDate('HH:mm')}
                                     <label>({$T.leg.Destination.Code})</label>
                                </div>
                               <div class="clearfix"></div> 
                        </div>

{#/for}
                     </div>
                       <div class="col-md-6 col-xs-12 price-info">
                            {#param name=segment value=$T.segment}
                            {#if flightSearch.allowedFareTypes.length > 0}
                            <div class="custom-cols-{flightSearch.allowedFareTypes.length} vertical-padding-15"> 
                                {#foreach flightSearch.allowedFareTypes as fareType}
                                {#param name=isSpecial value=flightSearch.isSpecialFare($P.segment, $T.fareType.FareTypeId)}

<div class="custom-col fare-container-body fareType{$T.fareType.FareTypeId} {$P.isSpecial ? 'show-special-fare-text' : ''}">
                                        {#if flightSearch.getFareType($P.segment, $T.fareType.FareTypeId) != null && flightSearch.hasSeatsForCriteria($P.segment, $T.fareType.FareTypeId)}
                                        {#param name=seatCount value=flightSearch.getSeatCount($P.segment, $T.fareType.FareTypeId)}
                                        
                                                    <label for="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}" class="price" data-tooltip="{flightSearch.getFareBreakdown($P.segment, $T.fareType.FareTypeId)}">
                                                        <strong class="visible-xs visible-sm">{$T.fareType.FareTypeName}
                                                            <i class="info fa fa-info" 
                                                               title="<span>{$T.fareType.FareTypeName} Option</span><span class='popover-title-icon fr'><i class='fa fa-times'></i></span>"
                                                               data-contentWrapper="popover-{$T.fareType.FareTypeName.toLowerCase()}"
                                                               data-mobileContent="{$T.fareType.FareTypePopupContentMobile}"
                                                               data-toggle="popover"
                                                               data-viewport="#Booking-Availibility"
                                                               data-container="#InboundContainer"
                                                               data-template="<div class='popover fare-info-popover fare-type-{$T.fareType.FareTypeName.toLowerCase()} text-center'><div class='arrow popover-arrow'></div><div class='popover-content'></div></div>"></i></strong>
                                                    <span>
                                                    {flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).AmountIncludingTax.toCurrency(false,flightSearch.currencySymbol,'.',',',true,false,true,true)}
                                                    </span>
                                                </label>

<span class="vat-and-taxes hidden-sm hidden-xs">TVA et taxes incluses</span>
                                                <div class="special-fare-text">
                                                    {#if $P.isSpecial === true}
                                                    SPECIAL
                                                    {#/if}
                                                </div>
                                        
                                        
                                        
                                        
                                        
                                                <div class="radio">
                                                    
                                        <input type="radio" class="faretype-radio"
                                                            title="{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"
                                                            data-totPrice="{flightSearch.getTotalFarePrice($P.segment,$T.fareType.FareTypeId)}"
                                                            data-flight-number="{$P.segment.FlightNumber}"
                                                            data-fare-base="{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"
                                                            data-fare-type-id="{$T.fareType.FareTypeId}"
                                                            id="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"
                                                            onclick="flightSearch.SelectFlight(this, { $P.segment.Id }, false, true, '{$P.segment.Departure}', { $T.fareType.FareTypeId })"
                                                            name="rbFlight_in"/>
                                                    <label for="rbFlight_out_{$P.segment.Id}_{$P.segment.Departure.formatJsonDate()}_{flightSearch.getFareType($P.segment, $T.fareType.FareTypeId).FareBasis}"></label>
                                                </div>
                                        {#else}
                                            <label class="price soldout">
                                                <span>
                                                    {flightSearch.soldoutTextForFare($T.fareType)}
                                                </span>
                                            </label>
                                        {#/if}
                                    </div>
                                {#/for}
                            </div>
                        </div>
                    </div>
                  {#/if}

{#/if}
        {#/for}
        </article>
    </div>

<div id="booking-total">
                <div class="row first"> </div>
                <div class="row val"><b>Vol aller</b></div>
                <div class="row val">
                    {#if $T.Adult.InboundPrice > 0}
                        <b>Vol retour</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">Adultes</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.TotalPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>

{#if $T.Child.Count > 0}
                    <div class="row first">Enfants</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.TotalPrice.toCurrency(false,flightSearch.currencySymbol +' ','.',',',false,false,true)}</div>
                    <div style="clear:both"></div>
                {#/if}

{#if $T.Infant.Count > 0}
                    <div class="row first">Bébés</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.TotalPrice.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"><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>

{#param name=isDatePlaceHolder value=$T.IsDatePlaceHolder}
        <div id="Availibility-OutBound">
            {flightSearch.resetDateIndex();}
            <div class="flight-wrapper">
                <div class="date-menu">
                <a class="menu-item prev-week visible-xs-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(true, -3)"><i class="fa fa-angle-left"></i></a>
                <a class="menu-item prev-week visible-sm-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(true, -5)"><i class="fa fa-angle-left"></i></a>
                <a class="menu-item prev-week visible-md-inline-block visible-lg-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(true, -7)"><i class="fa fa-angle-left"></i></a>

{#foreach $T.OutboundDates as date}

{#foreach flightSearch.getItineriesForDateWeek(true,flightSearch.globalOutboundDates[flightSearch.dateIndex]) as segment}

{#if $T.segment != null}
                        {#if $T.segment.isLoading}
                            <a class="menu-item day dayAvailibility {#if flightSearch.preSelectWeekDayDate(true)}preselected selected {#/if} {flightSearch.getClassByIndex()}" href="javascript:;" onclick="flightSearch.SelectDateOnWeekRow(this,{$T.segment.Id},true,'{$T.segment.DepartureDateString}',true)" data-weekdate="{$T.segment.DepartureDateString}">
                                <span class="day-date" data-test="{$T.segment.DepartureDateString}">{moment($T.segment.DepartureDateString, "YYYY-MM-DD").format('ddd D MMM');}</span>
                              
                                <span> </span>

</a>
                        {#else}
                          {#if flightSearch.getTotalSeatCount($T.segment) == 0}
                            <a class="menu-item day dayAvailibility {#if flightSearch.preSelectWeekDayDate(true)}preselected{#/if} {flightSearch.getClassByIndex()}" href="javascript:;" onclick="flightSearch.SelectDateOnWeekRow(this,{$T.segment.Id},true,'{$T.segment.DepartureDateString}',true)" data-weekdate="{$T.segment.DepartureDateString}">
                                <span class="day-date">{moment($T.segment.DepartureDateString, "YYYY-MM-DD").format('ddd D MMM');}</span>
                                <span class="search-week-day-no-seats weekSingleDayNoLoader">No seats </span>

</a>
                          {#else}
                             <a class="menu-item day dayAvailibility seatsAvailable {#if flightSearch.preSelectWeekDayDate(true)}preselected selected{#/if}  {flightSearch.getClassByIndex()}" href="javascript:;" onclick="flightSearch.SelectDateOnWeekRow(this,{$T.segment.Id},true,'{$T.segment.DepartureDateString}',true)" data-weekdate="{$T.segment.DepartureDateString}">
                                <span class="day-date" data-test="{$T.segment.DepartureDateString}">{moment($T.segment.DepartureDateString, "YYYY-MM-DD").format('ddd D MMM');}</span>
                                
                                <div class="weekSingleDayNoLoader">{flightSearch.getFarePrice($T.segment.LowestFareSummary).toCurrency(false,flightSearch.currencySymbol,'.',',',true, false,true,true)}</div>

</a>
                          {#/if}
                        {#/if}
                {#else}
                    <a class="menu-item day dayAvailibility {#if flightSearch.IsShowNoFlightMessageActive() && flightSearch.preSelectWeekDayDate(true)}preselected selected no-flights {#/if} {#if flightSearch.IsContainerLoading(true)} disable-day-flight-choice {#/if}  {flightSearch.getClassByIndex()}"  href="javascript:;" {#if flightSearch.IsShowNoFlightMessageActive()} onclick="flightSearch.SetNoFlightsFound(this,true,'{flightSearch.globalOutboundDates[flightSearch.dateIndex].toString('yyyy-MM-dd')}', true, event)"{#/if} >
                        <span class="day-date">{moment(flightSearch.globalOutboundDates[flightSearch.dateIndex]).format('ddd D MMM');}</span>

{#if !$P.isDatePlaceHolder}
                            {#if flightSearch.isFlyingThisDay(flightSearch.globalOutboundDates[flightSearch.dateIndex], true)}
                            <span class="day-text weekSingleDayNoLoader">
                                Complet
                            </span>
                            {#else}
                              <span class="day-text weekSingleDayNoLoader">Aucun vol </span>
                            {#/if}
                        {#/if}
                    </a>
                {#/if}

{#/for}
                {flightSearch.increaseDateIndex();}
            {#/for}

{#param name=isDatePlaceHolder value=$T.IsDatePlaceHolder}
    <div id="Availibility-InBound">
        {#if $T.Criteria.RoundTrip == true}

{flightSearch.resetDateIndex();}
        <div class="flight-wrapper">
           <div class="date-menu">
                <a class="menu-item prev-week visible-xs-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(false, -3)"><i class="fa fa-angle-left"></i></a>
                <a class="menu-item prev-week visible-sm-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(false, -5)"><i class="fa fa-angle-left"></i></a>
                <a class="menu-item prev-week visible-md-inline-block visible-lg-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(false, -7)"><i class="fa fa-angle-left"></i></a>

{#foreach $T.InboundDates as date}

{#foreach flightSearch.getItineriesForDateWeek(false,flightSearch.globalInboundDates[flightSearch.dateIndex]) as segment}

{#if $T.segment != null}
                {#if $T.segment.isLoading}
                    <a class="menu-item day dayAvailibility {#if flightSearch.preSelectWeekDayDate(false)}preselected selected{#/if}  {flightSearch.getClassByIndex()}" href="javascript:;" onclick="flightSearch.SelectDateOnWeekRow(this,{$T.segment.Id},true,'{$T.segment.DepartureDateString}',true)" data-weekdate="{$T.segment.DepartureDateString}">
                        <span class="day-date" data-test="{$T.segment.DepartureDateString}">{moment($T.segment.DepartureDateString, "YYYY-MM-DD").format('ddd D MMM');}</span>
                    
                                <span> </span>

</a>
                {#else}
                    {#if flightSearch.getTotalSeatCount($T.segment) == 0}
                          <a class="menu-item day dayAvailibility {#if flightSearch.preSelectWeekDayDate(false)}preselected{#/if}  {flightSearch.getClassByIndex()}" href="javascript:;" onclick="flightSearch.SelectDateOnWeekRow(this,{$T.segment.Id},false,'{$T.segment.DepartureDateString}',true)" data-weekdate="{$T.segment.DepartureDateString}">
                                <span class="day-date">{moment($T.segment.DepartureDateString, "YYYY-MM-DD").format('ddd D MMM');}</span>
                            <span class=" search-week-day-no-seats weekSingleDayNoLoader">No seats</span>

</a>
                    {#else}
                        <a class="menu-item day dayAvailibility seatsAvailable {#if flightSearch.preSelectWeekDayDate(false) }preselected selected{#/if}  {flightSearch.getClassByIndex()}" href="javascript:;" onclick="flightSearch.SelectDateOnWeekRow(this,{$T.segment.Id},false,'{$T.segment.DepartureDateString}',true)" data-weekdate="{$T.segment.DepartureDateString}">
                            <span class="day-date">{moment($T.segment.DepartureDateString, "YYYY-MM-DD").format('ddd D MMM');}</span>

<div class="weekSingleDayNoLoader">{flightSearch.getFarePrice($T.segment.LowestFareSummary).toCurrency(false,flightSearch.currencySymbol,'.',',',true, false,true,true)}</div>

</a>
                    {#/if}
               {#/if}

{#else}
                <a class="menu-item day dayAvailibility {#if flightSearch.IsShowNoFlightMessageActive() && flightSearch.preSelectWeekDayDate(false)}preselected selected no-flights {#/if} {#if flightSearch.IsContainerLoading(false)} disable-day-flight-choice {#/if}  {flightSearch.getClassByIndex()}"  href="javascript:;" {#if flightSearch.IsShowNoFlightMessageActive()} onclick="flightSearch.SetNoFlightsFound(this,false,'{flightSearch.globalInboundDates[flightSearch.dateIndex].toString('yyyy-MM-dd')}', true,event)" {#/if}>
                    <span class="day-date">{moment(flightSearch.globalInboundDates[flightSearch.dateIndex]).format('ddd D MMM');}</span>
                    
                    {#if !$P.isDatePlaceHolder}
                        {#if flightSearch.isFlyingThisDay(flightSearch.globalInboundDates[flightSearch.dateIndex], false)}
                      <span class="day-text weekSingleDayNoLoader">
                          Complet
                      </span>
                        {#else}
                          <span class="day-text weekSingleDayNoLoader">Aucun vol </span>
                        {#/if}
                    {#/if}

</a>

{#/if}

{#/for}

{flightSearch.increaseDateIndex();}
        {#/for}
                    <a class="menu-item next-week visible-xs-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(false, 3)"><i class="fa fa-angle-right"></i></a>
                    <a class="menu-item next-week visible-sm-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(false, 5)"><i class="fa fa-angle-right"></i></a>
                    <a class="menu-item  next-week visible-md-inline-block visible-lg-inline-block" href="javascript:;" onclick="flightSearch.moveShownDate(false, 7)"><i class="fa fa-angle-right"></i></a>
                </div>
            </div>
         </div>
        {#/if}

<!--
<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,'€ ','.',',',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,'€ ','.',',',true,false,true,true)}</label>
                                        </div>
                                    {#/if}
                                {#/if}
                            {#else}
                                <span style="color: #ff2222">Aucun vol</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>

-->