@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/shops') }}">
		<i class="fas fa-store-alt"></i> Restaurantes
	</a>
</li>

<li class="breadcrumb-item">
	<a href="{{ url('/shop/'.$shop->id.'/reservations/settings') }}">
		<i class="fas fa-store-alt"></i> Restaurante: {{ $shop->name }}
	</a>
</li>

@stop

@section('content')
<div class="row mtop32">
	<div class="col-md-3">
		<div class="shops_lists">
			<div class="ccard shadow">
				<div class="featured">
					
					@if($shop->status == "0")
					<div class="status ctooltip">
						<span class="tool">Estado Oculto</span>
						<img src="{{ url('static/images/icons/lock.png') }}">
					</div>
					@endif
					<img src="{{ config('cms.cdn') }}/platform/shop/{{ $shop->id }}/{{ $shop->featured_file_path }}/{{ $shop->featured_file_name }}" class="img_featured">
					<div class="float_circle_icon">
						<img src="{{ config('cms.cdn') }}/platform/shop/{{ $shop->id }}/{{ $shop->icon_file_path }}/{{ $shop->icon_file_name }}" class="shadow">
					</div>
				</div>

				<div class="inside">
					<div class="title truncate">{{ $shop->name }}</div>
					<div class="card-opts">
						@if(kvfj(Auth::user()->permissions, 'shops_edit'))
						<a href="{{ url('/shop/'.$shop->id.'/edit') }}" class="ctooltip edit">
							<span class="tool">Editar</span>
							<i class="fas fa-pencil-alt"></i>
						</a>
						@endif
					</div>
				</div>
			</div>
		</div>

		{!! Form::open(['url' => '/shop/'.$shop->id.'/reservations/settings/add', 'files' => true]) !!}
		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h3><i class="bi bi-calendar-week"></i> Configurar fecha</h3>
				</div>
				<label for="app_name">Fecha:</label>
				<div class="group">
					<i class="fas fa-feather-alt"></i>
					{!! Form::date('rdate', null, ['required']) !!}
				</div>

				<label for="cdn" class="mtop16">Horas de reservación disponible:</label>
				<div class="group">
					<i class="fas fa-link"></i>
					{!! Form::text('hours', $shop->reservations_hours, []) !!}
				</div>

				<button type="submit" class="mtop16 btn btn-success"><i class="far fa-save"></i> Guardar</button>
			</div>
		</div>
		{!! Form::close() !!}

		
	</div>

	<div class="col-md-9">
		<div class="panel">

			<div class="inside">

				<div class="title mb16">
					<h2>
						<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-basket" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/>
						</svg> Configuración de fechas en {{ $shop->name }} 
					</h2>
				</div>

				<table class="table table-hover table-bordered align-middle mtop16">
					<thead>
						<tr>
							<td><strong>Fecha</strong></td>
							<td><strong>Horas disponibles</strong></td>
						</tr>
					</thead>

					<tbody>
						@foreach($shop->getShopReservationDatesSettings() as $DaySetting)
						<tr>
							<td>{{ $DaySetting->date }}</td>
							<td>
								{!! Form::open(['url' => '/reservations/settings/'.$DaySetting->id.'/edit']) !!}
								<div class="input-group">
									{!! Form::text('hours', $DaySetting->hours, ['class' => 'form-control']) !!}
									<button type="submit" class="btn btn-success"><i class="far fa-save"></i> Guardar</button>
								</div>
								{!! Form::close() !!}
							</td>
						</tr>
						@endforeach
						
						<tr>
							<td colspan="7">{!! $shop->getShopReservationDatesSettings()->render() !!}</td>
						</tr>
					</tbody>
					
				</table>

			</div>

		</div>
	</div>
</div>
@stop