{% if ( flightItem.is_cart != '2'  )  %}

    <div id="flightid{{ flightItem.listid }}" class="flight_table {{ flightItem.additional_class }}">  
        <div class="row">
        {% endif %}

        {% if ( flightItem.is_cart == '0'  )  %}
            <div class="col-sm-12 text-right"> 
                <h4>
                    <strong><span id="fprice{{ flightItem.listid }}">{{ flightItem.paxprice }}</span> {{ flightItem.currency }}</strong>
                    <small>{{ flightItem.unit }}</small>
                    {% if ( flightItem.show_price_breakdown == '1'  )  %}
                        <i class="glyphicon glyphicon-info-sign trb-popover" data-container="body" data-toggle="popover" data-placement="left" data-html="true" data-content="{{ flightItem.price_breakdown }}"></i>
                    {% endif %}
                </h4>
            </div>

            <div id="ft-segments-{{ flightItem.listid }}" class="col-sm-9 ft-segments"> 
            {% else %}
                <div id="ft-segments-{{ flightItem.listid }}" class="col-sm-9 ft-segments"> 
                {% endif %}

                <!-- DEPARTURE -->
                <div class="flight_data {{ flightItem.additional_class2 }}"> 

                    {% if ( flightItem.is_cart == '0'  )  %}
                        <div class="ft-header"><b>{{ __('LBL_DEPARTURE') | capitalize }}</b></div>
                            {% endif %}

                    {% for segment in flightItem.segment_dep %}
                        {% if ( flightItem.is_cart == '0'  )  %}
                            <input type="hidden" id="{{ segment.direction }}_leg_{{ segment.listid  }}" value="{{ segment.legid }}" name="{{ segment.direction }}_leg_{{ segment.listid  }}" />
                        {% endif %}

                        <div id="dep_{{ segment.listid }}_{{ segment.legid }}" style="{{ segment.display }}" class="row dep dep_{{ segment.listid }}">
                            <div class="col-xs-12 col-sm-3">
                                <img src="../images/airlines/{{ segment.airline }}_small.gif" class="airlines trb-popover" data-container="body" data-toggle="popover" data-placement="top" alt="{{ segment.airline_name }}" data-content="{{ segment.airline_name }}" border="0" />
                                {{ segment.flightnum }}
                            </div>

                            <div class="col-xs-12 col-sm-9">
                                <div class="row">
                                    <div class="col-sm-5 text-overflow">
                                        {{ segment.startdate|raw }}
                                        {{ segment.starttime|raw }}
                                    </div>
                                    <div class="col-sm-7">{{ segment.startpt_name }} [{{ segment.startpt }}]</div>
                                    <div class="col-sm-5 text-overflow">
                                        {{ segment.enddate|raw }}
                                        {{ segment.endtime|raw }}
                                    </div>
                                    <div class="col-sm-7">{{ segment.endpt_name }} [{{ segment.endpt }}]</div>
                                </div>
                            </div>

                            <div class="col-xs-12 flight_info dep_info dep dep_{{ segment.listid }} {{ segment.divider }}" id="dep_{{ segment.listid }}_{{ segment.legid }}_info" style="{{ segment.display }}">
                                <small>
                                    {% if( segment.operated_by is not null ) %}
                                        {{ segment.operated_by }} |
                                    {% endif %}
                                    {{ __('LBL_CLASS') | capitalize }}: {{ segment.class_name }} ({{ segment.bic }})

                                    {% if( segment.change is not null ) %}
                                        {{ segment.change|raw }}
                                    {% endif %}

                                    {% if( segment.tech_stop is not null ) %}
                                        {{ segment.tech_stop }}
                                    {% endif %}

                                    {% if( flighttime is not null ) %}
                                        | {{ segment.flighttime }}
                                    {% endif %}

                                    {% if( journeytime is not null ) %}
                                        {{ segment.journeytime }}
                                    {% endif %}
                                    {{ segment.change_hidden }}
                                </small>
                            </div>
                        </div>
                    {% endfor %}

                </div>
                <!-- DEPARTURE -->

                <!-- RETURN -->
                {% if ( flightItem.segnum > 1 ) %}

                    {% if ( flightItem.is_cart != '1'  )  %}
                        <hr />
                    {% endif %}

                    <div class="flight_data{{ flightItem.additional_class2 }}">

                        {% if ( flightItem.is_cart == '0'  )  %}
                            <div class="ft-header"><b>{{ __('LBL_RETURN') | capitalize }}</b></div>
                                {% endif %}

                        {% for seg in flightItem.segment_ret %}
                            {% if( flightItem.is_cart == '1') %}   
                                <input type="hidden" id="{{ seg.direction }}_leg_{{ seg.listid }}" value="{{ seg.legid }}" name="{{ seg.direction }}_leg_{{ seg.listid }}" />
                            {% endif %}

                            <div id="ret_{{ seg.listid }}_{{ seg.legid }}" style="{{ seg.display }}" class="row ret ret_{{ seg.listid }}">

                                <div class="col-xs-12 col-sm-3">
                                    <img src="../images/airlines/{{ seg.airline }}_small.gif" class="airlines trb-popover" data-container="body" data-toggle="popover" data-placement="top" alt="{{ seg.airline_name }}" data-content="{{ seg.airline_name }}" border="0" />
                                    {{ seg.flightnum }}
                                </div>

                                <div class="col-xs-12 col-sm-9">
                                    <div class="row">
                                        <div class="col-sm-5 text-overflow">
                                            {{ seg.startdate|raw }}
                                            {{ seg.starttime|raw }}
                                        </div>
                                        <div class="col-sm-7">{{ seg.startpt_name }} [{{ seg.startpt }}]</div>
                                        <div class="col-sm-5 text-overflow">
                                            {{ seg.enddate|raw }}
                                            {{ seg.endtime|raw }}
                                        </div>
                                        <div class="col-sm-7">{{ seg.endpt_name }}	[{{ seg.endpt }}]</div>
                                    </div>
                                </div>

                                <div class="col-sm-12 flight_info ret_info ret ret_{{ seg.listid }} {{ seg.divider }}" id="ret_{{ seg.listid }}_{{ seg.legid }}_info" style="{{ seg.display }}">
                                    <small>
                                        {% if( seg.operated_by !='') %}
                                            {{ seg.operated_by }} | 
                                        {% endif %}

                                        {{ __('LBL_CLASS') | capitalize }}: {{ seg.class_name }} ({{ seg.bic }})

                                        {% if( seg.change !='') %}
                                            | {{ seg.change|raw }}
                                        {% endif %}

                                        {% if( seg.tech_stop !='') %}
                                            | {{ seg.tech_stop }} 
                                        {% endif %}

                                        {% if( seg.flighttime !='') %}
                                            | {{ seg.flighttime }} 
                                        {% endif %}

                                        {% if( seg.journeytime !='') %}
                                            | {{ seg.journeytime }}
                                        {% endif %}
                                        {{ seg.change_hidden }}
                                    </small>
                                </div>

                            </div>
                        {% endfor %}

                        {% if( seg.journeytime_ret is not null ) %}
                            <div>{{ seg.journeytime_ret }}</div>
                        {% endif %}
                    </div>

                {% endif %}
                <!-- RETURN -->

            </div>

            {% if ( flightItem.is_cart == '0'  )  %}
                <div class="col-sm-3 text-center" style="margin-top:15px;">

                    {% if(flightItem.show_button_book == '1') %}
                        <div class="form-group">
                            {{ flightItem.button_book|raw }}
                        </div>
                    {% endif %}


                    {% if( flightItem.show_button_info == '1' ) %}  
                        <div class="form-group">
                            {{ flightItem.button_info|raw }}
                        </div>
                    {% endif %}

                    <div>
                        {#                        {{ dump(flightItem.branded.0.segmentsData.0.oneSegmentData.brandName) }}#}
                        {% if(flightItem.branded.0.segmentsData.0.oneSegmentData.brandName) %}
                            <div class="flight">
                                <span class="brand_text">{{ __('LBL_BRAND') }}: <strong>{{ flightItem.branded.0.segmentsData.0.oneSegmentData.brandName }} ({{ flightItem.branded.0.segmentsData.0.oneSegmentData.brandId }})</strong></span>
                            <br /><button class="show_fare_details" 
                                                        data-program-system-code="{{ flightItem.branded.0.segmentsData.0.oneSegmentData.program_system_code }}"
                                                        data-program-id="{{ flightItem.branded.0.segmentsData.0.oneSegmentData.program_id }}"
                                                        data-brand-id="{{ flightItem.branded.0.segmentsData.0.oneSegmentData.brandId }}"
                                                        >{{ __('LBL_SHOW_FARE_DETAILS') | capitalize }}</button><br />
                            </div>
                        {% endif %}
                    </div>

                    <div id="flight_details_button_{{ flightItem.listid }}" class="{{ flightItem.display_detail_button }}" style="margin: 10px 0 10px 0;">

                        <a class="flight_details" href="javascript:;" onclick="ShowFlightDetails({{ flightItem.listid }}, {{ flightItem.id }}, '{{ flightItem.classid }}', $('#dep_leg_{{ flightItem.listid }}').val(), $('#ret_leg_{{ flightItem.listid }}').val());">{{ __('LBL_FLIGHT_DETAILS') | capitalize }}</a>

                    </div>

                </div>
            {% endif %}

            {% if ( flightItem.is_cart == '1'  )  %}
                {% if ( flightItem.request == '0'  )  %}
                    <div id="flight_rules" class="{{ flightItem.hiderules }}">
                        <table border="0" cellpadding="2" cellspacing="1" width="100%" class="flight_data segment_table">
                            <tr class="row">
                                <td align="left" colspan="2" class="ft-header"><b>{{ __('LBL_FLIGHT_RULES') | capitalize }}</b></td>
                            </tr>
                            <tr class="row">
                                <td align="left" class="lightergrey">{{ __('LBL_TICKET_DEADLINE') | capitalize }}:</td>
                                <td align="center"><b class="red">{{ flightItem.deadline }}</b></td>
                            </tr>
                            <tr>
                                <td align="left" class="lightergrey">{{ __('LBL_REFOUNDABLE') | capitalize }}:</td>
                                <td align="center"><b>{{ flightItem.refoundable }}</b></td>
                            </tr>
                            <tr class="row">
                                <td align="left" class="lightergrey">{{ __('LBL_REFOUND_CHARGE') | capitalize }}:</td>
                                <td align="center"><b>{{ flightItem.refcharge }}</b></td>
                            </tr>
                        </table>
                    </div>
                {% endif %}
            {% endif %}




            {% if ( flightItem.showinfo == '1'  )  %}
                <div class="c msg_box msg_info">
                    <b class="iconset icons ico_info"></b>
                    {{ flightItem.info }}
                </div>
            {% endif %}


            {% if ( flightItem.is_cart != '2'  )  %}
            </div>
            <div class="container">


                <div class="more_brands" style="overflow: hidden; display: none;">
                    {% for brandedItem in flightItem.branded %}
                        <hr />
                        {% if (loop.index > 1) %}

                            {% set show = true %}

                            <div class="row other brand {{ brandedItem.segmentsData.0.segmentsData.offerClass }}" style="margin-top:20px;">

                                <div class="col-sm-3 select_container">
                                    {% if(flightItem.show_button_book == '1') %}
                                        {{ brandedItem.button_book|raw }} <br />
                                    {% endif %}
                                    {% if( flightItem.show_button_info == '1' ) %}  
                                        <div align="center" >
                                            {{ brandedItem.button_info|raw }}
                                        </div>
                                    {% endif %}
                                    {% if brandedItem.segmentsData.0.segmentsData.displayPriceBreakdown %}
                                        <button class="show_price_brakedown" data-id="{{ flightItem.id }}" data-class="{{ flightItem.classId }}"
                                                data-selected-brand-index="{{ brandedItem.segmentsData.0.segmentsData.brandIndex }}">{{ __('LBL_PRICE_BREAKDOWN') | capitalize }}</button>
                                    {% endif %}

                                </div>
                                <div class="col-sm-3 price_container">
                                    <span class="price">
                                        <span class="amount">{{ brandedItem.segmentsData.0.oneSegmentData.paxprice }}</span>
                                        <span class="currency">{{ brandedItem.segmentsData.0.oneSegmentData.currency }}</span>
                                        {{ brandedItem.segmentsData.0.oneSegmentData.unit }}
                                    </span>
                                </div>
                                <div class="col-sm-3 brand_container">
                                    {% set brands = [] %}
                                    {% for segment in brandedItem.segmentsData %}
                                        {% if segment.oneSegmentData.brandName %}
                                            {% if segment.oneSegmentData.brandId not in brands %}
                                                {% set brands = brands|merge([segment.oneSegmentData.brandId]) %}
                                                <span class="brand_text">{{ __('LBL_BRAND') }}: <strong>{{ segment.oneSegmentData.brandName }} ({{ segment.oneSegmentData.brandId }})</strong></span>
                                                <br/>
                                            {% endif %}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                                <div class="col-sm-3 flight show_fare_details_container">
                                    {% set brands = [] %}
                                    {% for segment in brandedItem.segmentsData %}
                                        {% if segment.oneSegmentData.brandId %}
                                            {% if segment.oneSegmentData.brandId not in brands %}
                                                {% set brands = brands|merge([segment.oneSegmentData.brandId]) %}

                                                <button class="show_fare_details"
                                                        data-program-system-code="{{ segment.oneSegmentData.program_system_code }}"
                                                        data-program-id="{{ segment.oneSegmentData.program_id }}"
                                                        data-brand-id="{{ segment.oneSegmentData.brandId }}"
                                                        >{{ __('LBL_SHOW_FARE_DETAILS') | capitalize }}</button><br />
                                            {% endif %}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>

                            {# {% if(loop.index > 1 and loop.last) %}
 
 
                                 <div class="row flight show_more_brands_container" style="margin-top:20px;">
                                     <button class="show_more_brands">{{ __('LBL_SHOW_BRANDS') }}</button>
                                     <button class="show_more_brands" style="display:none;">{{ __('LBL_HIDE_BRANDS') }}</button>
                                 </div>
                             {% endif %}#}
                        {% endif %} 
                    {% endfor %}
                </div>

                {% if(flightItem.branded|length > 1) %}


                    <div class="row flight show_more_brands_container" style="margin-top:20px;">
                        <button class="show_more_brands">{{ __('LBL_SHOW_BRANDS') }}</button>
                        <button class="show_more_brands" style="display:none;">{{ __('LBL_HIDE_BRANDS') }}</button>
                    </div>
                {% endif %}



            </div> 
        </div>


    {% endif %}