@php
    $count_delivery_areas_code = count(activeDeliveryAreasCode($branch->delivery_areas_code));
@endphp

@include('shared.commons.container-map', ['id' => $branch->id, 'class' => 'iframe-map-branch', 'branch' => $branch])

<div class="card backgound-color ">
    <div class="card-body">
        
        @if($branch->show_address)
            <div class="card-p-address">
                <i class="fa fa-map-marker"></i>
                <p>
                    {!! getAddressBranch($branch) !!}
                </p>
            </div>
        @endif
        
        @if($branch->show_phone)
        @php
            //** Verificamos si hay telefonos extra para mostrar
            $phones_extras = getParamExtraByBranch($page_config, $branch->id, 'phones');
            //--
        @endphp
            <div class="card-p-phone">
                <i class="fa fa-phone-square"></i>
                <p>
                    <a class="btn-call-tracking" href="tel:@include('shared.commons.href-phone', ['phone' => $branch->phone1])">
                        {{ $branch->phone1 }}
                    </a>
                    @if(count($phones_extras) > 0)
                        @foreach($phones_extras as $phone)
                            &nbsp;&nbsp;|&nbsp;&nbsp;<a class="btn-call-tracking" href="tel:@include('shared.commons.href-phone', ['phone' => $phone])">{{ $phone }}</a>
                        @endforeach
                        &nbsp;&nbsp;|
                    @endif
                </p>
            </div>
        @endif

         <hr class="double-margins">

        <div class="card-content-tabs">
            <ul class="nav nav-tabs" role="tablist">
                @if (!is_only_pickup($branch) && $count_delivery_areas_code > 0)
                    <li class="nav-item">
                        <a class="btn-tabs nav-link show active" 
                           id="area-delivery{{ $branch->id }}-tab" data-toggle="tab" 
                           href="#area-delivery{{ $branch->id }}" role="tab" 
                           aria-controls="area-delivery{{ $branch->id }}" aria-selected="true">
                            @if ($branch->opening_hours->count() > 0)
                                <i class="fa fa-map-o"></i>
                            @endif
                            @include('shared.commons.iconsvg.icon-moto-delivery')
                        </a>
                    </li>
                @endif
                @if (!is_only_pickup($branch) && $branch->deliveries_hours->count() > 0)
                    <li class="nav-item">
                        <a class="btn-tabs nav-link{{ ($count_delivery_areas_code < 1) ? ' show active':'' }}" id="delivery-hours{{ $branch->id }}-tab" 
                           data-toggle="tab" href="#delivery-hours{{ $branch->id }}" role="tab" 
                           aria-controls="delivery-hours{{ $branch->id }}" aria-selected="{{ ($count_delivery_areas_code < 1) ? 'true':'false' }}">
                            <i class="fa fa-clock-o"></i>
                            @if ($branch->opening_hours->count() > 0)
                                @include('shared.commons.iconsvg.icon-moto-delivery')
                            @endif
                        </a>
                    </li>
                @endif
                @if (is_only_pickup($branch) || $branch->opening_hours->count() > 0)
                    <li class="nav-item">
                        <a class="btn-tabs nav-link{{ (is_only_pickup($branch) || !($branch->deliveries_hours->count() > 0)) ? ' show active':'' }}" 
                           id="openning-hours{{ $branch->id }}-tab" data-toggle="tab" 
                           href="#openning-hours{{ $branch->id }}" role="tab" 
                           aria-controls="openning-hours{{ $branch->id }}" aria-selected="{{ (!($branch->deliveries_hours->count() > 0)) ? 'true':'false' }}">
                            <i class="fa fa-clock-o"></i>
                            @if(!is_only_pickup($branch))
                                @include('shared.commons.iconsvg.icon-opening')
                            @endif
                        </a>
                    </li>
                @endif
            </ul>
            <div class="tab-content details-tabs">
                @if (!is_only_pickup($branch) && $count_delivery_areas_code > 0)
                    <div class="tab-pane in active" 
                         id="area-delivery{{ $branch->id }}" role="tabpanel" 
                         aria-labelledby="area-delivery{{ $branch->id }}-tab">
                        <div class="table-content">
                            <table class="table-hours">
                                <thead>
                                    <tr>
                                        <th></th>
                                        @if($branch->search_criteria == 'code')
                                            <th>@lang('trans.postal_code')</th>
                                        @endif
                                        <th>@lang('orders.fee')</th>
                                        <th>@lang('orders.min')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @include('shared.commons.delivery-areas', ['branche_data' => $branch, 'is_table' => true])
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
                @if (!is_only_pickup($branch) && ($branch->deliveries_hours->count() > 0))
                    <div class="tab-pane in{{ ($count_delivery_areas_code < 1) ? ' active':'' }}" id="delivery-hours{{ $branch->id }}" 
                         role="tabpanel" aria-labelledby="delivery-hours{{ $branch->id }}-tab">
                        <div class="table-content">
                            <table class="table-hours">
                                <tbody>
                                    @include('shared.commons.delivery-hours', ['branche_data' => $branch, 'is_table' => true])
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
                @if (is_only_pickup($branch) || $branch->opening_hours->count() > 0)
                    <div class="tab-pane in{{ (is_only_pickup($branch) || !($branch->deliveries_hours->count() > 0)) ? ' show active':'' }}" 
                         id="openning-hours{{ $branch->id }}" role="tabpanel" 
                         aria-labelledby="openning-hours{{ $branch->id }}-tab">
                        <div class="table-content">
                            <table class="table-hours">
                                <tbody>
                                    @if(is_only_pickup($branch))
                                        @include('shared.commons.delivery-hours', ['branche_data' => $branch, 'is_table' => true])
                                    @else
                                        @include('shared.commons.opening-hours', ['branche_data' => $branch, 'is_table' => true])
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            </div>
        </div><!-- card-content-tabs -->
    </div>
</div>