@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">Recursos Humanos</li>
    <li class="breadcrumb-item active"><a href="{{ route('compensacion-horas.permisos-administrativos.index') }}">Lista de Permisos Administrativos</a></li>
  </ol>
</nav>
@stop



@section('content')
    <div class="bgc-white p-20 bd">
        <div class="align-items-center d-flex justify-content-between">
            <h2 class="">Lista de Permisos Administrativos</h2>
            <b-button-toolbar aria-label="Submenú toolbar" class="">
                <b-button-group class="mx-1">
                <a href="{{ route('compensacion-horas.permisos-administrativos.create') }}" class="btn btn-primary">Agregar Permiso Administrativo</a>
                </b-button-group>
            </b-button-toolbar>
    </div>
    <div class="clearfix"></div>
        <div class="card">

            <div class="card-body">


            <div class="d-flex justify-content-end mb-3">
                <form class="col-12 col-sm-6" action="{{ route('compensacion-horas.permisos-administrativos.index') }}">
                        <b-input-group class="mt-3">
                            <b-form-input  placeholder="decreto, nombre, apellido, rut o email funcionario " name="buscar" value="{{ app('request')->input('buscar') }}"></b-form-input>
                            <b-input-group-append>
                            <b-button variant="primary" type="submit">Buscar</b-button>
                            <b-button variant="danger" title="limpiar búsqueda" href="{{ route('compensacion-horas.permisos-administrativos.index') }}" type="button"><i class="fa fa-eraser"></i></b-button>
                            </b-input-group-append>
                        </b-input-group>
                    </form>

            </div>



                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Fecha</th>
                            <th>Decreto</th>
                            <th>Funcionarios Asignados</th>
                            <th>Acciones</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($permisos as $permiso)
                            <tr>
                                <td>{{ fechaFormato($permiso->fecha, 'd/m/Y') }}</td>
                                <td>{{ $permiso->decreto }} </td>
                                <td>{{ $permiso->users()->count() }}</td>
                                <td>
                                    <a class="btn btn-light btn-sm" href="{{ route('compensacion-horas.permisos-administrativos.edit', ['id' => $permiso->id]) }}"><i class="fa fa-edit"></i></a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                @if(app('request')->input('buscar')!==null)
                {{ $permisos->appends(["buscar"=>app('request')->input('buscar')])->links() }}
                @else
                {{ $permisos->links() }}
                @endif
                



            </div>
        </div>
    </div>
@endsection