@extends('header_nuevo_generico')
@section('main')

<div class="container-fluid mt-5 pt-5">
    {{--<div class="row justify-content-end">
        <div class="text-center col-lg-5 col-md-6 col-sm-9">
            <button type="button" class="btn btn-outline-fidelitas" id="btn-agregar-miembro" data-team="{{ $team->id_team }}"><i class="bi bi-person-check-fill"></i> @traducir('nuevo_miembro','Agregar Nuevo Miembro')</button>
        </div>
    </div>--}}
    <!-- -->
    <div class="row justify-content-center mt-2">
        <div class="col-lg-4 col-md-6 col-sm-9">
            <h5 class="text-center text-fidelitas fw-light">@traducir('Miembros','Miembros') : <b class="fw-bold">{{ $team->nombre }}</b> </h5>
        </div>
    </div><!-- FILTRO TODOS, ACTIVO E INACTIVOS -->
    <div class="row justify-content-center mt-0 mb-3">
        <div class="col-lg-9 text-end ps-0">
            <div class="btn-group col-md-4" role="group" aria-label="Basic checkbox toggle button group">
                <input type="radio" name="filtro-miembros" class="btn-check" id="filtro-todo" value="T" autocomplete="off" >
                <label class="btn btn-outline-fidelitas btn-sm" for="filtro-todo"><i class="bi bi-people-fill"></i> @traducir('Todo','Todo')</label>
                <!-- Cambio de "Check en el filtro."-->
                <input type="radio" name="filtro-miembros" class="btn-check" id="filtro-activo" value="A" autocomplete="off" checked>
                <label class="btn btn-outline-fidelitas btn-sm" for="filtro-activo"><i class="bi bi-check-lg"></i> @traducir('Activos','Activos')</label>
                <!-- -->
                <input type="radio" name="filtro-miembros" class="btn-check" id="filtro-inactivo" value="I" autocomplete="off">
                <label class="btn btn-outline-fidelitas btn-sm" for="filtro-inactivo"><i class="bi bi-x-lg"></i> @traducir('Inactivos','Inactivos')</label>
            </div>
        </div>
    </div>
    <!--  -->
    <div class="row justify-content-center">
        <div class="col-sm-9">
            <table class="table table-hover" id="tablaMiembrosTeam">
                <thead class="table-header-fidelitas">
                    <tr>
                        <th>@traducir('Roles','Roles')</th>
                        <th class="w-50">@traducir('Usuarios','Usuarios')</th>
                        <th style="width: 12%">@traducir('Activo','Activo')</th>
                        <th style="width: 12%">@traducir('Default','Default')</th>
                        {{--<th>@traducir('Acciones','Acciones')</th>--}}
                    </tr>
                </thead>
                <tbody>
                    @foreach( $miembros as $key => $miembro )
                    <tr @if( $miembro->activo == 0 ) class="fila-inactivo" @else class="fila-activo" @endif >
                        <td>{{ $miembro->NOMBRE_ROL }}</td>
                        <td>{{ $miembro->first_name.' '.$miembro->last_name }}</td>
                        <td>
                            @if( $miembro->activo == '1' )
                                <i type="button" class="btn p-0 text-success bi bi-check-circle-fill fs-4 desactivar-miembro" title="@traducir('Activo','Activo')" data-role="{{ $miembro->id_rol }}" data-default="{{ $miembro->isdefault }}" data-team="{{ $miembro->id_team }}" data-miembro="{{ $miembro->idTeamMember }}" data-default="{{ $miembro->isdefault }}" data-idrol="{{ $miembro->id_rol }}"></i>
                            @else
                                <i type="button" class="btn p-0 text-danger bi bi-x-circle-fill fs-4 activar-miembro" title="@traducir('Inactivo','Inactivo')" data-role="{{ $miembro->id_rol }}" data-default="{{ $miembro->isdefault }}" data-team="{{ $miembro->id_team }}" data-miembro="{{ $miembro->idTeamMember }}" data-default="{{ $miembro->isdefault }}"></i>
                            @endif
                        </td>
                        <td>
                            @if( $miembro->isdefault == '1' )
                                <i type="button" class="btn text-success bi bi-check-circle-fill fs-4"></i>
                            @else
                                <i type="button" class="btn text-secondary bi bi-dash-circle-fill fs-4 default-miembro" title="@traducir('Default','Default')" data-team="{{ $miembro->id_team }}" data-miembro="{{ $miembro->idTeamMember }}" data-role="{{ $miembro->id_rol }}" data-activo="{{ $miembro->activo }}"></i>
                            @endif
                        </td>
                        {{--<td>
                            @if( $miembro->activo == '1' )
                                <button type="button" class="btn btn-sm btn-danger desactivar-miembro" data-default="{{ $miembro->isdefault }}" data-team="{{ $miembro->id_team }}" data-miembro="{{ $miembro->idTeamMember }}" data-default="{{ $miembro->isdefault }}"><i class="bi bi-activity"></i> @traducir('desactivar','Desactivar')</button>
                            @else
                                <button type="button" class="btn btn-sm btn-success activar-miembro" data-default="{{ $miembro->isdefault }}" data-team="{{ $miembro->id_team }}" data-miembro="{{ $miembro->idTeamMember }}" data-default="{{ $miembro->isdefault }}"><i class="bi bi-activity"></i> @traducir('activar','Activar')</button>
                            @endif
                            @if( $miembro->isdefault != '1' )
                                <button type="button" class="btn btn-sm btn-info default-miembro" data-team="{{ $miembro->id_team }}" data-miembro="{{ $miembro->idTeamMember }}" data-role="{{ $miembro->id_rol }}" data-activo="{{ $miembro->activo }}"><i class="bi bi-award"></i> @traducir('Default','Default')</button>
                            @endif
                        </td>--}}
                    </tr>
                    @endforeach
                    {{--<tr class="row">
                        <td class="col-lg-5">
                            <div class="form-floating form-floating-sm">
                                <select name="role" id="role" class="form-select" required autocomplete="off" style="cursor:pointer;">
                                    <option value="" selected>--</option>
                                    @foreach( $roles as $role )
                                        @if( $role->activo == 1 )
                                            <option value="{{ $role->id_rol }}">{{ $role->nombre }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <label for="role" class="form-label">@traducir('role','Role')</label>
                            </div>
                        </td>
                        <td class="col-lg-5">
                            <div id="selector-usuario" class="form-floating">
                                <select name="usuario" id="usuario" class="form-select" required autocomplete="off" style="cursor:pointer;"></select>
                                <label for="usuario" class="form-label">@traducir('usuario','Usuario')</label>
                            </div>
                            <div id="alerta-usuario" class="alert alert-danger d-none" role="alert">
                                <i class="bi bi-exclamation-diamond-fill"></i> @traducir('nota_sin_usuario','el role no tiene usuarios disponibles')
                            </div>
                        </td>
                        <td class="col-lg-2 text-end">
                            <button type="button" id="alta-miembro" class="btn btn-outline-success"> <i class="bi bi-person-plus-fill"></i> @traducir('Agregar','Agregar')</button>
                        </td>
                    </tr>--}}
                </tbody>
            </table>
        </div>
    </div>
    <!-- AGREGAR MIEMBRO -->
    <form id="frmAltaMiembro">
        {{ csrf_field() }}
        <input type="hidden" name="team" value="{{ $team->id_team }}">
        <!--  -->
        <div class="row justify-content-center mb-2">
            <div class="col-lg-4 col-sm-9">
                <div class="form-floating form-floating-sm">
                    <select name="role" id="role" class="form-select" required autocomplete="off" style="cursor:pointer;">
                        <option value="" selected>--</option>
                        @foreach( $roles as $role )
                            @if( $role->activo == 1 )
                                <option value="{{ $role->id_rol }}">{{ $role->nombre }}</option>
                            @endif
                        @endforeach
                    </select>
                    <label for="role" class="form-label">@traducir('role','Role')</label>
                </div>
            </div>
            <!--  -->
            <div class="col-lg-4">
                <div id="selector-usuario" class="form-floating">
                    <select name="usuario" id="usuario" class="form-select" required autocomplete="off" style="cursor:pointer;"></select>
                    <label for="usuario" class="form-label">@traducir('usuario','Usuario')</label>
                </div>
                <div id="alerta-usuario" class="alert alert-danger d-none" role="alert">
                    <i class="bi bi-exclamation-diamond-fill"></i> @traducir('nota_sin_usuario','el role no tiene usuarios disponibles')
                </div>
            </div>
            <!--  -->
            <div class="col-lg-1 text-center">
                <button type="submit" id="alta-miembro" class="btn btn-outline-success"> <i class="bi bi-person-plus-fill"></i> @traducir('Agregar','Agregar')</button>
            </div>
        </div>
    </form>
    <!-- |ALERTA PARA DESACTIVAR MIEMBRO| -->
    <div class="row justify-content-center mt-3">
        <div class="alert alert-danger d-flex justify-content-center d-none w-50" id="alerta-desactivar">
          <div class="bi bi-exclamation-triangle-fill">
            Debe haber por lo menos un miembro activo por rol!
            Por favor antes de desactivar, active otro miembro.
          </div>
        </div>
        <div class="alert alert-danger d-flex justify-content-center d-none w-50" id="alerta-default">
          <div class="bi bi-exclamation-triangle-fill">
            No se puede asignar como "Default" a un miembro no activo!
            Antes tiene que activarlo.
          </div>
        </div>
    </div>
</div>
<!-- MODAL AGREGAR MIEMBRO NO SE USA 02/02/23 -->
<div class="modal fade" id="modalAltaMiembro" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title">@traducir('titulo_nuevo_miembro','Nuevo Miembro')</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="contenidoModalAltaMiembro"></div>
        </div>
    </div>
</div>
<!-- -->
<form id="frmEstadoMiembro" method="POST" action="/configuracion-teams/team-members">
    {{ csrf_field() }}
    <input type="hidden" name="team" value="{{ $team->id_team }}">
</form>
<!--  -->
@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones_config_teams.js') }}?v=1"></script>
<script>
    $(document).ready(function(){
        eventosMiembrosTeam();
        altaMiembroTeam();
    });
</script>
@endsection