@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <!-- -->
    <div class="row justify-content-center my-2">
        <div class="col-xl-12 col-lg-12 col-md-12">
            <h3 class="text-center text-fidelitas">@traducir('Panel de Teams','Panel de Teams')</h3>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-start my-2">
        <div class="col-xl-4 col-lg-6 col-md-12 text-start ps-1">
            <a class="btn btn-outline-fidelitas-secondary" href="/configuracion-teams/nuevo-team"><i class="bi bi-gear-fill"></i> @traducir('nuevo_teams','Nuevo Teams')</a>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-start my-2 px-1">
        <!-- radio select -->
        <ul class="my-2 nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="informes-tab" data-bs-toggle="tab" data-bs-target="#informes-tab-pane" type="button" role="tab" aria-controls="informes-tab" aria-selected="false"> <i class="bi bi-plus-square"></i> @traducir('Activos','Activos') </button>
            </li>
            <!-- -->
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="informes-gestion-tab" data-bs-toggle="tab" data-bs-target="#informes-gestion-tab-pane" type="button" role="tab" aria-controls="informes-gestion-tab" aria-selected="false"> <i class="bi bi-x-square"></i> @traducir('Inactivos','Inactivos') </button>
            </li>
        </ul>
        <!-- -->
    </div>
    <!--  -->
    <div class="tab-content" id="myTabContent">
        <!-- SOLAPA DE ACTIVOS -->
        <div class="tab-pane fade show active" id="informes-tab-pane" role="tabpanel" aria-labelledby="informes-tab" tabindex="0">
            <div class="row justify-content-center pt-3 d-none" id="cargando-informes">
                @traducir('Cargando','Cargando...')
                <div class="spinner-border text-fidelitas" role="status">
                    <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                </div>
            </div>
            <!-- -->
            <div class="col-lg-12 col-md-12">
                <table class="table table-hover" id="tablaActivosTeams">
                    <thead class="table-header-fidelitas">
                        <tr>
                            <th>@traducir('nombre','Nombre')</th>
                            <th>@traducir('descripción','Descripción')</th>
                            <th>@traducir('idiomas','Idiomas')</th>
                            <th>@traducir('servicios','Servicios')</th>
                            <th>@traducir('creado','Creado') Por</th>
                            <th>@traducir('ultima','Ultima') Modificación</th>
                            <th class="text-center">@traducir('activo','Activo')</th>
                            <th class="text-center">@traducir('Editar','Editar')</th>
                            <th class="text-center">@traducir('Miembros','Miembros')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach( $teams as $team )
                            @if( $team->activo == 1 )
                                <tr>
                                    <td>{{ $team->nombre }}</td>
                                    <td>{{ $team->descripcion }}</td>
                                    <td> 
                                        {{--@if( !is_null($team->idioma) )
                                            @foreach( $team->idioma as $idi_ind => $idi_val  )
                                                <li>{{ $lista_idiomas[$idi_val]['nombre'] }}</li>
                                            @endforeach
                                            </ul>
                                        @endif--}}
                                    </td>
                                    <td>
                                        @if( !is_null($team->servicio_contratado) )
                                            @foreach( $team->servicio_contratado as $servicio  )
                                                @if( $servicio == env('IMPE_PRODUCTO') )
                                                <li>Imperium</li>
                                                @elseif( $servicio == env('LED_PRODUCTO') )
                                                <li>LED</li>
                                                @elseif( $servicio == env('IV_PRODUCTO') )
                                                <li>Inquiro</li>
                                                @else
                                                <li>{{ $servicio }}</li>
                                                @endif
                                                
                                            @endforeach
                                            </ul>
                                        @endif
                                    </td>
                                    <td>{{ $team->created }} {{ $team->first_name.' '.$team->last_name }}</td>
                                    <td>{{ $team->modified }} {{ $team->first_name_modif.' '.$team->last_name_modif }}</td>
                                    <td class="text-center">
                                        <i type="button" class="btn p-0 text-success bi bi-check-circle-fill fs-4 btn-estado-team" data-bs-toggle="tooltip" data-bs-title="@traducir('Activo','Activo')" data-estado="D" data-team="{{ $team->id_team }}"></i>
                                    </td>
                                    <td class="text-center">
                                        <i type="button" class="btn text-info p-0 bi bi-pencil-square fs-4 edit-team" data-team="{{ $team->id_team }}" data-team-nombre="{{ $team->nombre }}" data-bs-toggle="tooltip" data-bs-title="@traducir('editar','Editar')"></i>
                                    </td>
                                    <td class="text-center">
                                        <i type="button" class="btn text-fidelitas-secondary p-0 bi bi-people fs-4 team-members" data-team="{{ $team->id_team }}" data-bs-toggle="tooltip" data-bs-title="@traducir('miembros','Miembros')"></i>                                
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>     
        </div>
        <!-- SOLAPA DE INACTIVOS -->
        <div class="tab-pane fade" id="informes-gestion-tab-pane" role="tabpanel" aria-labelledby="informes-gestion-tab" tabindex="0">
            <div class="row justify-content-center pt-3 d-none" id="cargando-informes">
                @traducir('Cargando','Cargando...')
                <div class="spinner-border text-fidelitas" role="status">
                    <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                </div>
            </div>
            <!-- -->
            <div class="col-lg-12 col-md-12">
                <table class="table table-hover" id="tablaInactivosTeams">
                    <thead class="table-header-fidelitas">
                        <tr>
                            <th>@traducir('nombre','Nombre')</th>
                            <th>@traducir('descripción','Descripción')</th>
                            <th>@traducir('idiomas','Idiomas')</th>
                            <th>@traducir('servicios','Servicios')</th>
                            <th>@traducir('creado','Creado') Por</th>
                            <th>@traducir('ultima','Ultima') Modificación</th>
                            <th class="text-center">@traducir('activo','Activo')</th>
                            <th class="text-center">@traducir('Editar','Editar')</th>
                            <th class="text-center">@traducir('Miembros','Miembros')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach( $teams as $team )
                            @if( $team->activo != 1 )
                                <tr>
                                    <td>{{ $team->nombre }}</td>
                                    <td>{{ $team->descripcion }}</td>
                                    <td> 
                                        {{--@if( !is_null($team->idioma) )
                                            @foreach( $team->idioma as $idi_ind => $idi_val  )
                                                <li>{{ $lista_idiomas[$idi_val]['nombre'] }}</li>
                                            @endforeach
                                            </ul>
                                        @endif--}}
                                    </td>
                                    <td>
                                        @if( !is_null($team->servicio_contratado) )
                                            @foreach( $team->servicio_contratado as $servicio  )
                                                @if( $servicio == env('IMPE_PRODUCTO') )
                                                <li>Imperium</li>
                                                @elseif( $servicio == env('LED_PRODUCTO') )
                                                <li>LED</li>
                                                @elseif( $servicio == env('IV_PRODUCTO') )
                                                <li>Inquiro</li>
                                                @else
                                                <li>{{ $servicio }}</li>
                                                @endif
                                                
                                            @endforeach
                                            </ul>
                                        @endif
                                    </td>
                                    <td>{{ $team->created }} {{ $team->first_name.' '.$team->last_name }}</td>
                                    <td>{{ $team->modified }} {{ $team->first_name_modif.' '.$team->last_name_modif }}</td>
                                    <td class="text-center">
                                        <i type="button" class="btn p-0 text-danger bi bi-x-circle-fill fs-4 btn-estado-team" title="@traducir('Inactivo','Inactivo')" data-estado="A" data-team="{{ $team->id_team }}"></i> 
                                    </td>
                                    <td class="text-center">
                                        <i type="button" class="btn text-info p-0 bi bi-pencil-square fs-4 edit-team" data-team="{{ $team->id_team }}" data-team-nombre="{{ $team->nombre }}" data-bs-toggle="tooltip" data-bs-title="@traducir('editar','Editar')"></i>
                                    </td>
                                    <td class="text-center">
                                        <i type="button" class="btn text-fidelitas-secondary p-0 bi bi-people fs-4 team-members" data-team="{{ $team->id_team }}" data-bs-toggle="tooltip" data-bs-title="@traducir('miembros','Miembros')"></i>                                
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>     
        </div>
    </div>
</div>
<!-- MODAL DE EDICION DE TEAMS -->
<div class="modal fade" id="modalEditarTeam">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="headerModalEditarTeam"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <!-- -->
            <div class="modal-body" id="contenidoModalEditarTeam"></div>
            <!-- -->
            <div class="modal-body text-center d-none" id="esperaModalEditarTeam">
                @traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div>
            </div>
        </div>
    </div>
</div>
<!-- MODAL DE ACTIVAR O DESACTIVAR TEAMS -->
<div class="modal fade" id="modalEstadoTeam">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title d-none" id="headerDesactivarModalEstadoTeam">@traducir('titulo_desactivar','Desactivar Team')</h5>
                <h5 class="modal-title d-none" id="headerActivarModalEstadoTeam">@traducir('titulo_activar','Activar Team')</h5>
            </div>
            <!-- -->
            <div class="modal-body" id="contenidoModalEstadoTeam"></div>
            <!-- -->
            <div class="modal-body text-center d-none" id="esperaModalEstadoTeam">
                @traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div>
            </div>
        </div>
    </div>
</div>
<!-- -->
<form id="frmTeamMembers" method="POST" action="/configuracion-teams/team-members">
    {{ csrf_field() }}
    <input type="hidden" name="team">
</form>
@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones_config_teams.js') }}?v=1"></script>
<script>
    $(document).ready(function(){
        eventosPanelTeams();
    });
</script>
@endsection