<form id="frmAltaMiembro">
    {{ csrf_field() }}
    <input type="hidden" name="team" value="{{ $team }}">
    <!-- -->
    <div class="row justify-content-center">
        <!-- ROLE -->
        <div class="col-md-5">
            <div class="form-floating">
                <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>
        <!-- USUARIO -->
        <div class="col-md-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>
        </div>
        <!-- SUBMIT -->
        <div class="col-md-2 d-grid">
            <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>
<!-- -->
<script>
    $(document).ready(function(){
        altaMiembroTeam();
    });
</script>