@extends('layouts.app')
@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item">Administración</li>
    <li class="breadcrumb-item"><a href="{{ route('users.index')}}">Usuarios</a></li>
    <li class="breadcrumb-item active" aria-current="page">Lista</li>
  </ol>
</nav>
@stop
@section('content')
    <div class="bgc-white p-5 bd row">
        <div class="col-12 mb-2">
    <h2><span class="pull-left">Usuarios</span>
    <div class=" pull-right">
        <a href="{{ route('users.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i> Usuario</a>
    </div>

    </h2>
</div>

<div class="col-12">
    <form autocomplete="off">
        <b-card
            header="Búsqueda "
            header-bg-variant=" bgc-grey-200"
        >
            <b-card-body class="row">
                <b-form-group class="col-6" label="Nombres">
                    <b-input name="name" id="name" value="{{\Request::get('name') ?? '' }}"></b-input>
                </b-form-group>

                <b-form-group class="col-6" label="Apellidos">
                    <b-input name="last_name" id="last_name" value="{{\Request::get('last_name') ?? '' }}"></b-input>
                </b-form-group>
                <b-form-group class="col-4" label="Rut">
                    <b-input name="rut" id="rut" value="{{\Request::get('rut') ?? '' }}"></b-input>
                </b-form-group>

                <b-form-group class="col-4" label="Email">
                    <b-input name="email" id="email" value="{{\Request::get('email') ?? '' }}"></b-input>
                </b-form-group>

                <b-form-group class="col-4" label="Dirección Municipal">
                    <select name="direccion_id" id="direccion_id" class="form-control">
                        <option value="">Seleccione</option>
                        @foreach($direcciones as $direccion)
                            <option value="{{ $direccion->id }}"  {{ (\Request::get('direccion_id')==$direccion->id)?'selected':'' }}>{{ $direccion->nombre }}</option>
                        @endforeach
                    </select>
                </b-form-group>

                <b-form-group class="col-4" label="Escalafon">
                    <select name="escalafon" id="escalafon" class="form-control">
                        <option value="">Seleccione</option>
                        @foreach($escalafones as $escalafon)
                            <option value="{{ $escalafon }}"  {{ (\Request::get('escalafon')==$escalafon)?'selected':'' }}>{{ $escalafon }}</option>
                        @endforeach
                    </select>
                </b-form-group>

                <b-form-group class="col-4" label="Grado">
                    <select name="grado" id="grado" class="form-control">
                        <option value="">Seleccione</option>
                        @foreach($grados as $grado)
                            <option value="{{ $grado }}"  {{ (\Request::get('grado')==$grado)?'selected':'' }}  >{{ $grado }}</option>
                        @endforeach
                    </select>
                </b-form-group>

                <b-form-group class="col-4" label="-">
<button class="btn btn-primary">Buscar</button>
                </b-form-group>

            </b-card-body>
           
        </b-card>

    </form>
    <b-card
            header="Lista de Usuarios"
            header-bg-variant=" bgc-grey-200"
        >
        <b-card-body class="row">
            {{ $users->links() }}

            <div class="table-responsive py-3">
                <table class="table table-striped table-sm">
                    <thead>
                    <tr>
                        <th>Rut</th>
                        <th>Nombres</th>
                        <th>Apellidos</th>
                        <th>Correo</th>
                        <th>Escalafón</th>
                        <th>Grado</th>
                        <th>Roles</th>
                        <th>Acciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($users as $user)
                        <tr>
                            <td>{{ $user->rut }}</td>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->last_name }}</td>
                            <td>{{ $user->email }}</td>
                            <td>{{ $user->escalafon }}</td>
                            <td>{{ $user->grado }}</td>

                            <td>
                                <ul>
                                    @foreach($user->roles as $rol)
                                        <li>{{ $rol->nombre }}</li>
                                    @endforeach
                                </ul>
                            </td>
                            <td>
                            <div class="dropdown">
                                <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink-{{$user->id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Acciones
                                </a>

                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink-{{$user->id}}">
                                    <a href="{{ route('users.edit', ['user' => $user]) }}" class="dropdown-item">Editar</a>
                                    <form method="post" action="{{ route('users.destroy', ['user' => $user]) }}"
                                        onsubmit="return confirmarBorrar()">
                                        @method('DELETE')
                                        @csrf
                                        <button class="dropdown-item">Borrar</button>
                                    </form>
                                </div>
                            </div>
                               
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            {{ $users->links() }}

    </b-card-body>
    </b-card>
    </div>
@endsection

@push('post-scripts')
    <script>
    /**
     *
     * @returns {boolean}
     */

    window.pageMix.push({
        data: () => ({
            filtro: false, 
        }),
    });


    function confirmarBorrar () {
        return confirm('¿Seguro de borrar usuario?')
    }
    </script>
@endpush