@extends('layouts.app')

@section('head-title',' Usuarios')

@section('content_title','Rol de usuario')

@section('content')
    <div id="app" class="wrapper">
        <section class="content">
            <form action="{{ route('select_role') }}" method="POST" autocomplete="off" class="row container" id="form">
                @csrf
                <div class="form-group col-lg-6 " id="select-rol">
                    <label class="label-form">Por favor seleccione un rol</label>
                    <select name="user_rol" id="user_rol" class="form-control select2">
                        <option value="" disabled>SELECCIONE...</option>
                        @foreach ($roles as $role)
                            <option value="{{ $role }}">{{ $role }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-lg-12 align-content-center justify-content-center" id="form-errors"></div>
                <div class="form-group ">
                    <button type="submit" class="btn btn-primary">Seleccionar</button>
                </div>
                <div class="form-group ml-2" >
                    <button class="btn btn-danger"  onclick="event.preventDefault(); document.getElementById('logout').submit();">Cerrar Sesion</button>
                </div>
            </form>
        </section>
    </div>
    <form action="{{ route('logout') }}" method="post" id="logout" hidden>
        @csrf
    </form>
@endsection