@extends('master')

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

@section('navbar-tabs')
<div class="nav-content">
	<ul class="tabs">
		<li class="tab"><a href="#orders"><i class="bi bi-clipboard-check"></i> Ordenes</a></li>
		<li class="tab"><a href="#reserves"><i class="bi bi-calendar-heart"></i> Reservaciones</a></li>	
		<li class="tab"><a href="#edit"><i class="bi bi-pencil-square"></i> Editar</a></li>
	</ul>
</div>
@endsection

@section('content')
<div class="panel mtop24">
	<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>
	</ul>
</div>
<div id="orders">
	<div class="panel mtop24">
		<ul class="collection">
			@foreach($client->getOrders as $order)
			<li class="collection-item avatar" style="border-bottom: 0px;">
				@if(!is_null($order->getUser->avatar))
			 		<img src="{{ getFileUrl($order->getUser->avatar, '512') }}" class="circle">
			 	@else
			 		<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
			 	@endif
			 	<span class="title"> Order - {{ $order->onumber }}</span>
			 	<p><small><i class="bi bi-person"></i> Cliente: {{ $order->getUser->name }}</small></p>
			 	<p><small><i class="bi bi-shop"></i> {{ $order->getShop->name }}</small></p>
			 	<p><small><i class="bi bi-calendar"></i> {{ translateDate($order->request_at) }}</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('/order/'.$order->id.'/view') }}" 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">{{ order_status($order->status) }}</a>
			 		</div>
			 	</div>
			 </li>
			@endforeach
			
		</ul>
	</div>
</div>

<div id="reserves">
	<div class="panel mtop24">
		<ul class="collection">
			@foreach($client->getReserves 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="edit">
	<div class="panel mtop16">
		<div class="inside">
			{!! Form::open(['url' => '/client/'.$client->id.'/edit', 'id' => 'form_client_edit']) !!}
			{!! Form::hidden('autocomplete', null, ['class' => 'ac']) !!}
			<label for="name">Nombre completo:</label>
			<div class="group">
				<i class="bi bi-person-badge"></i>
				{!! Form::text('name', $client->name, ['class' => 'disableac', 'required']) !!}
			</div>

			<label for="email" class="mtop16">Correo electrónico:</label>
			<div class="group">
				<i class="bi bi-envelope-open"></i>
				{!! Form::email('email', $client->email, ['class' => 'disableac', 'required']) !!}
			</div>

			<label for="phone" class="mtop16">Numero de celular:</label>
			<div class="group">
				<i class="bi bi-telephone"></i>
				{!! Form::number('phone', $client->phone, ['class' => 'disableac', 'required']) !!}
			</div>
			{!! Form::submit('Actualizar', ['class' => 'btn btn-big btn-success mtop16']) !!}
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endsection