EVOLUTION-MANAGER

Edit File: ccpd_acordion.blade.php

.li_literales a{
    color: #003463;
    font-size: 17px;
  }
  .li_literales{
    color: #1b1b1b;
    font-size: 17px;
  }
  .li_literales a:hover{
    background-color: #00579a26;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
  }
  .table_r1 tbody a.l_url{
    width: max-content;
    color: #000000 !important;
    font-size: 15px !important;
    display: list-item !important;
  }
</style>

@php
    
    $date = Carbon\Carbon::now();
    $anioActual = $date->year;
    $mesactual = $date->month;

//obtenemos el ultimo año en 
    $lotaip_anio = App\ccpd_lotaip_anioModel::with("mes")->orderBy("anio", "desc")->get();
    $ultimo_anio = $lotaip_anio->first()->anio;

@endphp

<ul class="nav nav-tabs" id="myTab" role="tablist" style="margin: 0; padding-left: 0;">
  @foreach ($lotaip_anio as $anio)
    @php
        $active = "";
        if($anio->anio == $ultimo_anio){ $active = "active"; }
    @endphp
    <li class="nav-item">
      <a class="nav-link {{$active}}" data-toggle="tab" href="#tab-{{$anio->anio}}" role="tab" aria-controls="tab-{{$anio->anio}}" aria-selected="true">{{ $anio->anio }}</a>
    </li>
  @endforeach
</ul>

{{-- SECCION DEL AÑO --}}
  @foreach ($lotaip_anio as $anio)

@php
        $active = "";
        if($anio->anio == $ultimo_anio){ $active = "active"; }
    @endphp

<div class="tab-pane fade show {{$active}}" id="tab-{{$anio->anio}}" role="tabpanel" aria-labelledby="tab-{{$anio->anio}}" style="padding: 25px 20px 20px 20px;">
      <div class="row">
        <div class="col-1" style="padding-left: 0;">
          <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            @foreach ($anio->mes as $a => $mes)
              @php if($a == 0){ $active_mes = "active"; }else{ $active_mes = ""; } @endphp
              <a class="nav-link {{$active_mes}}" id="mes-{{$mes->id}}-tab" data-toggle="pill" href="#v-pills-{{$mes->id}}" role="tab" aria-controls="v-pills-{{$mes->id}}" aria-selected="true">{{$mes->mes}}</a>
            @endforeach
          </div>
        </div>
        <div class="col-11">
          <div class="tab-content" id="v-pills-tabContent">
            @foreach($anio->mes as $a => $mes)
              @php if($a == 0){ $active_mes = "active"; }else{ $active_mes = ""; }  $li = 0; @endphp
              <div class="tab-pane fade show {{$active_mes}}" id="v-pills-{{$mes->id}}" role="tabpanel" aria-labelledby="v-pills-home-tab">
        
                    @foreach ($mes->literal as $literal)
                      @php $li++;@endphp
                    
                      @if($li==1)
                      <table class="table table-hover table_r1" style="margin: auto; border: 1px solid #d1d1d1;">
                          <thead>
                              <th style="width: auto;">Descripci&oacute;n</th>
                              {{-- <th style="width: auto;">PDF</th> --}}
                              <th style="width: auto;">CONJUNTO DE DATOS</th>
                              <th style="width: auto;">METADATOS</th>
                              <th style="width: auto;">DICCIONARIO</th>
                          </thead>
                          <tbody>
                      @endif
                          <tr>
                              <td>
                                  <span style="font-weight: 400;">
                                      {{$literal->letra}} {{$literal->literal}}
                                  </span>
                              </td>
                              {{-- <td>
                                  @if($literal->archivo)<a class="l_url" href="{{ $literal->archivo }}" target="_blank" style="display: flex; font-size: 13px; align-items: center;">@endif
                                      <i class="fa fa-file-pdf-o" style="font-size: 20px;"></i> Ver
                                  @if($literal->archivo)</a>@endif
                              </td> --}}
                              <td>
                                  @if($literal->conjunto_datos)<a class="l_url" href="{{ $literal->conjunto_datos }}" target="_blank" style="display: flex; width: max-content; font-size: 13px; align-items: center;">@endif
                                      <i class="fa fa-table" style="font-size: 20px;"></i> Datos
                                  @if($literal->conjunto_datos)</a>@endif
                              </td>
                              <td>
                                  @if($literal->metadatos)<a class="l_url" href="{{ $literal->metadatos }}" target="_blank" style="display: flex; font-size: 13px; align-items: center;">@endif
                                      <i class="fa fa-file-excel-o" style="font-size: 20px;"></i> Metadato
                                  @if($literal->metadatos)</a>@endif
                              </td>
                              <td>
                                  @if($literal->diccionario)<a class="l_url" href="{{ $literal->diccionario }}" target="_blank" style="display: flex; font-size: 13px; align-items: center;">@endif
                                      <i class="fa fa-book" style="font-size: 20px;"></i> Diccionario
                                  @if($literal->diccionario)</a>@endif
                              </td>
                          </tr>
                      @if($li == sizeof($mes->literal))
                          </tbody>
                      </table>
                      @endif

@endforeach
               
              </div>
            @endforeach
          </div>
        </div>
      </div>
    </div>

@endforeach
  
</div>