@if($sin_teams)
    <div class="row justify-content-center my-3">
        <div class="col-xl-8 col-lg-9 col-md-11">
            <div class="alert alert-danger" role="alert">
                <i class="bi bi-exclamation-triangle"></i> La familia no tiene equipos activos
            </div>
        </div>
    </div>
@else
    <form id="frmInformesFamilia">
        {{ csrf_field() }}
        <input type="hidden" name="familia" value="{{ $familia }}">
        <input type="hidden" name="cliente" value="{{ $cliente }}">
        <input type="hidden" name="id_tipo_informe">
        <input type="hidden" name="nombre_familia">
        <!-- -->
        <div class="row justify-content-center my-3">
            <div class="col-8">
                <select class="form-select" name="informe" id="informe">
                    <option value="">Selecciona una opción...</option>
                    @foreach($informes as $informe)
                        <option value="{{ $informe->idTipoInforme }}">{{ $informe->nombre_tipo_informe }}</option>
                    @endforeach
                </select>
            </div>
            <!-- -->
            <div class="col-3">
                <button type="submit" id="agregarTipoInformeFamilia" class="btn btn-success"><i class="bi bi-save"></i>
                    @traducir('Agregar_informe', 'Agregar Informe')</button>
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-center my-3">
            @if(empty($informe_familia))
                <div class="col-12">
                    <h6 class="text-center lead">@traducir('texto_informes_familia', 'Sin Informes Asignados a la familia')</h6>
                </div>
            @else
                <div class="col-12">
                    <table id="tablaTeamsFamilia" class="table table-hover table-responsive">
                        <thead class="table-header-fidelitas">
                            <tr>
                                <td class="text-center">@traducir('informe', 'Informe')</td>
                                <td class="text-center">@traducir('descripcion', 'Descrpción')</td>
                                <td class="text-center">@traducir('Activo', 'Activo')</td>
                                <td class="text-center">@traducir('Subsets', 'Subsets')</td>
                                {{--<td class="text-center">@traducir('Acciones','Acciones')</td>--}}
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($informe_familia as $inf)
                                <tr class="w-100">
                                    <td class="text-center">{{ $inf->nombre_tipo_informe }}</td>
                                    <td class="text-center">{{ $inf->descripcion }}</td>
                                    @if($inf->activo_fam_inf == '1')
                                        <td class="text-success text-center lead btn-estadoinformefamilia" data-activo="1"
                                            data-familia="{{ $inf->familia }}" data-informe-familia="{{ $inf->idTipoInforme }}"
                                            data-nombre-familia="{{ $inf->nombre_familia }}" style="cursor:pointer;"
                                            title="@traducir('desactivar', 'Desactivar')"><i class="bi bi-check-circle-fill"></i></td>
                                    @else
                                        <td class="text-danger text-center lead btn-estadoinformefamilia" data-activo="0"
                                            data-familia="{{ $inf->familia }}" data-informe-familia="{{ $inf->idTipoInforme }}"
                                            data-nombre-familia="{{ $inf->nombre_familia }}" style="cursor:pointer;"
                                            title="@traducir('activar', 'Activar')"><i class="bi bi-x-circle-fill"></i></td>
                                    @endif
                                    <td class="text-center">
                                        <button type="button" class="btn btn-primary btn-subsetInformeFamilia"
                                            data-informe-familia="{{ $inf->idTipoInforme }}" data-subset="{{ $inf->subset_doc }}"
                                            data-nombre-familia="{{ $inf->nombre_familia }}" title="Editar Subsets"><i
                                                class="bi bi-pencil-square"></i></button>
                                    </td>
                                    {{--<td class="text-center">
                                        @if( $inf->activo_fam_inf == '1' )
                                        <button type="button" class="btn btn-danger btn-estadoinformefamilia" data-activo="1"
                                            data-familia="{{ $inf->familia }}" data-informe-familia="{{ $inf->idTipoInforme }}"><i
                                                class="bi bi-activity"></i> @traducir('desactivar','Desactivar')</button>
                                        @else
                                        <button type="button" class="btn btn-success btn-estadoinformefamilia" data-activo="0"
                                            data-familia="{{ $inf->familia }}" data-informe-familia="{{ $inf->idTipoInforme }}"><i
                                                class="bi bi-activity"></i> @traducir('activar','Activar')</button>
                                        @endif
                                    </td>--}}
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
        <!-- -->
        <div class="row justify-content-center d-none my-3" id="seccion-subset">
            <div class="col-12">
                <div class="row justify-content-center my-3">
                    <h3 class="col-lg-6 col-md-9 text-center">SubSet de documentos</h3>
                </div>
                <!-- -->
                <div class="row justify-content-center my-3">
                    <div class="col-lg-6 col-md-9 text-center">
                        <button type="button" class="btn btn-success" id="btn-confirmar-subset"><i class="bi bi-save"></i>
                            Confirmar</button>
                        <button type="button" class="btn btn-danger" id="btn-cancelar-cambio-subset"><i class="bi bi-x"></i>
                            Cancelar</button>
                    </div>
                </div>
                <!-- -->
                <div>
                    <ul class="list-group overflow-scroll" id="lista-subset">
                        @foreach($setdocs as $i => $valor)
                            @if(!$valor->principal)
                                <li class="list-group-item list-group-item-primary container_alta_{{$valor->set_doc}}">
                                    <div class="form-check form-check-inline mb-3">
                                        <input class="form-check-input subset_disponibles" name="subset[]" type="checkbox"
                                            id="subset_{{$valor->set_doc}}" value="{{$valor->set_doc}}"
                                            data-name="{{strtoupper($valor->set_doc)}}" style="cursor:pointer;">
                                        <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase"
                                            for="subset_{{$valor->set_doc}}" style="cursor:pointer;">{{$valor->nombre_set}}</label>
                                    </div>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </form>
    <!-- -->
    <script>
        $(document).ready(function () {
            eventosInformesFamilia();
        });
    </script>
@endif