@extends('layouts.app')
@section('pageTitle', 'Vacaciones')
@section('breadcrumb')
    <li class="breadcrumb-item" style="font-weight: bold">Recursos Humanos</li>
    <li class="breadcrumb-item active"><a href="">Vacaciones</a></li>
@endsection
@section('css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css">
@endsection
@section('content') 

    <vacations :user="{{ Auth::user()->id }}" 
               :users="{{$users}}" 
               :permissions="{{ json_encode(auth()->user()->getPermissionsViaRoles()->pluck('name')) }}">
    </vacations>

@endsection
@push('scripts')
@endpush