@extends('layouts.layout')
@section('title', 'Pagina de Feriados')
@section('content')
	<div class="row justify-content-center">
		@if ($message = Session::get('success'))
			<div class=" col-6  mt-2 alert alert-success">
				<p>{{ $message }}</p>
			</div>
		@endif

	</div>
	<div class="row justify-content-between m-3">
		<div class="col-lg-3 offset-1">
			<h2 class="font-color-gergal">Feriados</h2>
		</div>
        @hasrole('Admin')
			<div class="col-lg-2">
				<!-- Button trigger modal -->
				<button type="button" class="btn btn-success-gergal" data-toggle="modal" data-target="#formFeriado">
					Nuevo Feriado
				</button>		
			</div>

			<!-- Modal -->
			<div class="modal fade" id="formFeriado" tabindex="-1" role="dialog" aria-labelledby="formFeriadoLabel" aria-hidden="true">
				<form action="{{route('feriados.store')}}" method="post" id="formHoliday">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="formFeriadoLabel">Agregar Feriado</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<div class="form-group row">
									@csrf
									<label class="col-sm-2">Fecha</label>
									<div class="col-sm-10">
										<input type="date" name="fecha" id="fecha" class="form-control">
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">Salir</button>
								<button type="button" onclick="document.querySelector('#formHoliday').submit()" class="btn btn-success-gergal">Guardar</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		@endhasrole
	</div>
	<div class="row justify-content-center">
		<div class="col-12 col-xl-10 table-responsive">
			@if ($feriados->isEmpty())
				<p class="lead">No se tiene usuarios registrados.</p>
			@else
				<table class="table table-hover">
					<thead>
						<th scope="col">Fecha</th>
						<th scope="col">Acciones</th>
					</thead>
					<tbody>
						@foreach ($feriados as $feriado)
							<tr>
								<td class="text-center">{{$feriado->fecha->format('d-m-Y')}}</td>
                                <td class="align-items-right">
									<form action="{{route('feriados.destroy', $feriado->id)}}" method="POST">
										@csrf
										@method('DELETE')
										<button 
											class="btn btn-xs btn-danger" 
											title="Borrar">
											<i class="fas fa-trash"></i>
										</button>
									</form>
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			@endif
            {{ method_exists($feriados, 'appends') ? $feriados->appends(\Request::except('page'))->render() : '' }}


		</div>

	</div>


@endsection