@extends('master')

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

@section('content')
<h2 class="title mtop24">Cliente</h2>
<div class="panel mtop8">
	<ul class="collection">
		<li class="collection-item avatar" style="border-bottom: 0px;">
			@if(!is_null($client->avatar))
				<img src="{{ getFileUrl($client->avatar, '512') }}" class="circle">
				@else
	 			<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
	 		@endif
	 		<span class="title">{{ $client->name }}</span>
	 		<p><small><i class="bi bi-envelope-open"></i> {{ $client->email }} @if($client->phone)<i class="bi bi-telephone"></i> {{ $client->phone }}@endif</small></p>
	 	</li>
	 	<li class="collection-item" style="padding-top: 0px;">
	 		<div class="row">
	 			<div class="col s12" style="padding: 0px;">
	 				<a href="{{ url('/client/'.$client->id.'/profile') }}" class="btn btn-flat w-100">Perfil</a>
	 			</div>
	 		</div>
	 	</li>
	</ul>
</div>

<h2 class="title mtop32">Datos de la reservación.</h2>
<div class="panel mtop8">
	<div class="inside">
		{!! Form::open(['url' => '#', 'id' => 'form_reservation']) !!}
		{!! Form::hidden('client_id', $client->id) !!}
			<label for="date">Seleccione la fecha:</label>
			<div class="group">
            	{{ Form::date('date', date('Y-m-d'), ['class' => 'input form-control', 'required', 'id' => 'reservation_date_field', 'min' => date('Y-m-d')]) }}
            </div>

            <label for="people" class="mtop16">Restaurante</label>
			<div class="group">
				{{ Form::select('shop_id', $shops, null, ['class' => 'browser-default']) }}
            </div>

            
            <div class="row mtop16">
				<div class="col s4" style="padding-left: 0px;">
					<label for="people">Hora:</small></label>
					<div class="group">
						{{ Form::select('hour', getTime('hours'), null, ['class' => 'browser-default']) }}
					</div>
				</div>
				<div class="col s4" style="padding-right: 0px;">
					<label for="people">Minuto:</small></label>
					<div class="group">
						{{ Form::select('minute', getTime('minutes'), null, ['class' => 'browser-default']) }}
					</div>
				</div>
				<div class="col s4" style="padding-right: 0px;">
					<label for="people">AM/PM:</small></label>
					<div class="group">
						{{ Form::select('time', am_pm(), null, ['class' => 'browser-default']) }}
					</div>
				</div>
			</div>

			<label for="people" class="mtop16">¿Cuántas personas?</label>
			<div class="group">
				<i class="bi bi-people"></i>
            	{{ Form::number('people', 1, ['class' => 'input', 'id' => 'number_people', 'min' => '1']) }}
            </div>

			

            <label for="people" class="mtop16">¿Qué tipo de mesa desea?</label>
			<div class="group">
            	{{ Form::select('table', table_type(), null, ['class' => 'browser-default', 'id' => 'type_table', 'min' => '1']) }}
            </div>

            <label for="people" class="mtop16">¿Algún comentario?</label>
			<div class="group">
            	{{ Form::textarea('user_comment', null, ['class' => 'form-control', 'id' => 'user_comment', 'rows' => 3]) }}
            </div>

            {{ Form::submit('Guardar', ['class' => 'btn btn-success w-100 mtop16']) }}			
			{!! Form::close() !!}
	</div>
</div>
@endsection