@extends('master')

@section('additionals_js_files')
<script type="text/javascript" src="{{ url('/static/js/reservations.js?v='.time()) }}"></script>
@endsection

@section('navbar-tabs')
<div class="nav-content">
	<ul class="tabs">
		<li class="tab"><a href="#today"><i class="bi bi-calendar-check"></i> Reservaciones fecha: {{ $date }}</a></li>

	</ul>
</div>
@endsection

@section('navbar')
<li><a href="#modalSearchDate" class="modal-trigger"><i class="bi bi-search"></i></a></li>
@endsection

@section('content')
<div id="today">
	<div class="panel mtop24">
		<ul class="collection">
			@foreach($reservations->where('date', date('Y-m-d')) as $reserve)
			<li class="collection-item avatar" style="border-bottom: 0px;">
				@if(!is_null($reserve->getUser->avatar))
			 		<img src="{{ getFileUrl($reserve->getUser->avatar, '512') }}" class="circle">
			 	@else
			 		<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
			 	@endif
			 	<span class="title"> Reservación #{{ $reserve->id }}</span>
			 	<p><small><i class="bi bi-person"></i> Cliente: {{ $reserve->getUser->name }} - {{ $reserve->number_people }} personas</small></p>
			 	<p><small><i class="bi bi-shop"></i> {{ $reserve->getShop->name }} <i class="bi bi-calendar-check"></i> {{ $reserve->date }} {{ $reserve->hour }}</small></p>
			</li>
			<li class="collection-item" style="padding-top: 0px;">
			 	<div class="row">
			 		<div class="col s6" style="padding-left: 0px;">
			 			<a href="{{ url('/reserve/'.$reserve->id.'/edit') }}" class="btn btn-primary w-100 sl">Ver</a>
			 		</div>
			 		<div class="col s6" style="padding-right: 0px;">
			 			<a href="#" class="btn btn-flat w-100">{{ reservation_status($reserve->status) }}</a>
			 		</div>
			 	</div>
			 </li>
			@endforeach
			
		</ul>
	</div>
</div>

<div id="today">
<div class="panel mtop24">
	<ul class="collection">
		@foreach($reservations as $reserve)
		<li class="collection-item avatar" style="border-bottom: 0px;">
			@if(!is_null($reserve->getUser->avatar))
		 		<img src="{{ getFileUrl($reserve->getUser->avatar, '512') }}" class="circle">
		 	@else
		 		<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
		 	@endif
		 	<span class="title"> Reservación #{{ $reserve->id }}</span>
		 	<p><small><i class="bi bi-person"></i> Cliente: {{ $reserve->getUser->name }} - {{ $reserve->number_people }} personas</small></p>
		 	<p><small><i class="bi bi-shop"></i> {{ $reserve->getShop->name }} <i class="bi bi-calendar-check"></i> {{ $reserve->date }} {{ $reserve->hour }}</small></p>
		</li>
		<li class="collection-item" style="padding-top: 0px;">
		 	<div class="row">
		 		<div class="col s6" style="padding-left: 0px;">
		 			<a href="{{ url('/reserve/'.$reserve->id.'/edit') }}" class="btn btn-primary w-100 sl">Ver</a>
		 		</div>
		 		<div class="col s6" style="padding-right: 0px;">
		 			<a href="#" class="btn btn-flat w-100">{{ reservation_status($reserve->status) }}</a>
		 		</div>
		 	</div>
		 </li>
		@endforeach
		
	</ul>
</div>
</div>

<div id="modalSearchDate" class="modal">
	<div class="modal-content">
		<h4>Buscar en una fecha</h4>
		{!! Form::open(['url' => '/reservations/date', 'autocomplete' => 'off', 'id' => 'form_client_search']) !!}
			{!! Form::hidden('autocomplete', null, ['class' => 'ac']) !!}
			<div class="group">
			{{ Form::date('date', date('Y-m-d'), ['class' => 'input form-control', 'required', 'id' => 'reservation_date_field']) }}
			</div>
			<button type="submit" class="btn btn-success w-100 mtop8">Filtrar</button>
		{!! Form::close() !!}
	</div>
	<div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Cerrar</a>
    </div>
</div>
@endsection