{{-- info-section-details (info-section2) --}}
{{-- Se podra agregar un titulo y desripcion personalizada para esta seccion, solo SI se configura por el panel(backend-template), la seccion1 con Sub-Sections/Element-subsection de ID=2, para la pagina Info(Contact-us/Customer-Support) --}}
@php
    $section2 = null;
    if (isset($page_config)) {
      if (array_key_exists('seccion', $page_config)) {
          foreach ($page_config->seccion as $section) {
              if ($section->id == 1) {
                  foreach ($section->element_seccion as $items) {
                      if ($items->id == 2) {
                          $section2 = $items;
                      }
                  }
              }
          }
      }
    }
    $phones_extras = getParamExtraByBranch($page_config, $_branch->id, 'phones');
@endphp
<div class="info-section2 card backgound-color"> <!-- without-box-shadow -->
    @if(!is_only_pickup($_branch))
    <div class="card-header">
      <h3>
        @include('shared.commons.iconsvg.icon-moto-delivery')
      </h3>
    </div>
    @endif
    <div class="card-body">
      @if(!is_only_pickup($_branch))
          <div class="content-area-delivery">
              <div class="details-tabs">
                  <div class="tab-pane">
                      <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', ['is_table' => true])
                            </tbody>
                        </table>
                      </div>
                  </div>
              </div>
          </div>
        @endif
      
      @if($_branch->show_address)
        <h4>@lang('trans.address')</h4>
        <div class="card-p-address">
            <i class="fa fa-map-marker"></i>
            <p>{!! getAddressBranch() !!}</p>
        </div>
      @endif
      
      @if($_branch->show_address && $_branch->show_phone)
        <hr class="double-margins">
      @endif

      @if($_branch->show_phone)
        <h4>@lang('trans.phone')</h4>
        <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

        @if(!is_only_pickup($_branch) && count($_branch->opening_hours) > 0)
          <hr class="double-margins">
          <h4>@lang('trans.opening_hours')</h4>
          <div class="card-p-hours">
              @include('shared.commons.opening-hours')
          </div>
        @endif
        
        <hr class="double-margins">
        <h4>{{ is_only_pickup($_branch) ? trans('trans.opening_hours') : (count($_branch->opening_hours) > 0 ? trans('trans.delivery_hours') : trans('trans.delivery_hours_openning')) }}</h4>
          <div class="card-p-hours">
              @include('shared.commons.delivery-hours')
          </div>

        @if($section2)
            <hr class="double-margins">
            <h4>{{ $section2->title->$localeSelected ??  '' }}</h4>
            <div class="card-p-section2">
                <p>{{ $section2->text->$localeSelected ??  '' }}</p>
            </div>
        @endif

    </div>
</div>