@extends('master')

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

@stop

@section('content')
<div class="row mtop32">
	<div class="col-md-8">
		@if(kvfj(Auth::user()->permissions, 'shops_edit'))
		<div class="panel">
			<div class="inside">
				<div class="title mb16">
					<h2>
						<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil-square" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
						  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456l-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
						  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
						</svg> Editar Comercio
					</h2>
				</div>
				{!! Form::open(['url' => '/shop/'.$shop->id.'/edit', 'files' => true]) !!}
					<div class="row">
						<div class="col-md-6">
							<label for="name">Nombre del Comercio:</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('name', $shop->name) !!}
							</div>
						</div>

						<div class="col-md-6">
							<label for="desc">Descripción del comercio:</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('desc', $shop->desc) !!}
							</div>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-6">
							<label for="delivery_price">Coordenadas del comercio (GPS):</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('geo_gps', $shop->geo_gps) !!}
							</div>
						</div>

						<div class="col-md-6">
							<label for="delivery_price">Distancia máxima de entrega (Km):</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('delivery_max_distance', $shop->delivery_max_distance) !!}
							</div>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-6">
							<label for="delivery_price">Precio del Delivery:</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('delivery_price', $shop->delivery_price) !!}
							</div>
							<small><strong>Formato:</strong> km-precio Ejemplo 5-50.00,10-75.00</small>
						</div>
						<div class="col-md-6">
							<label for="icon">Icono del comercio:</label>
							<div class="group">
								<i class="far fa-image"></i>
								{!! Form::file('icon') !!}
							</div>
							<small>Se recomienda una imagen cuadrada de 512*512 Pixeles</small>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-6">
							<label for="logo">Logo del comercio:</label>
							<div class="group">
								<i class="far fa-image"></i>
								{!! Form::file('logo') !!}
							</div>
							<small>Se recomienda una imagen cuadrada de 360*112 Pixeles</small>
						</div>
						<div class="col-md-6">
							<label for="featured">Imagen destacada del comercio:</label>
							<div class="group">
								<i class="far fa-image"></i>
								{!! Form::file('featured') !!}
							</div>
							<small>Se recomienda una imagen rectangular de 728*364 Pixeles</small>
						</div>
					</div>
					<div class="row mtop16">
						<div class="col-md-6">
							<label for="hour_open">Apertura de la tienda:</label>
							<div class="group">
								<i class="far fa-clock"></i>
								{!! Form::number('hour_open', kvfj($shop->settings, 'hour_open'), ['required']) !!}
							</div>
						</div>
						<div class="col-md-6">
							<label for="hour_close">Cierre de la tienda:</label>
							<div class="group">
								<i class="far fa-clock"></i>
								{!! Form::number('hour_close', kvfj($shop->settings, 'hour_close'), ['required']) !!}
							</div>
						</div>
					</div>
					<div class="row mtop16">
						<div class="col-md-6">
							<label for="hour_close">Horarios por defecto de las reservaciones:</label>
							<div class="group">
								<i class="far fa-clock"></i>
								{!! Form::text('reservations_hours', $shop->reservations_hours, ['required']) !!}
							</div>
						</div>
						<div class="col-md-6">
							<label for="hour_close">Monto mínimo de compra:</label>
							<div class="group">
								<i class="far fa-clock"></i>
								{!! Form::number('minimum_purchase_amount', $shop->minimum_purchase_amount, ['required']) !!}
							</div>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-6">
							<label for="delivery_price">Habilitar recoger pedidos:</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::select('to_go', shop_to_go_status(), $shop->to_go, ['class' => 'form-select']) !!}
							</div>
						</div>
						<div class="col-md-6">
							<label for="delivery_price">Google Maps del negocio:</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('map_url', $shop->map_url) !!}
							</div>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-6">
							<label for="status">Estado de las ventas:</label>
							<div class="group">
								<i class="far fa-image"></i>
								{!! Form::select('sales_status', sales_status(), $shop->sales_status, ['class' => 'form-select']) !!}
							</div>
						</div>
						<div class="col-md-6">
							<label for="status">Estado:</label>
							<div class="group">
								<i class="far fa-image"></i>
								{!! Form::select('status', shop_status(), $shop->status, ['class' => 'form-select']) !!}
							</div>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-6">
							<label for="hour_close">Encuesta de satisfacción:</label>
							<div class="group">
								<i class="far fa-clock"></i>
								{!! Form::text('poll_id', $shop->poll_id, ['required']) !!}
							</div>
						</div>
						
					</div>

					<div class="row">
						<div class="col-md-12">
							<button type="submit" class="mtop16 btn btn-success"><i class="far fa-save"></i> Guardar</button>

							<p class="mtop16" style="display: block;"><small>Formato de 24 horas, ejemplo: 1600 para las 4 de la tarde, excluir :, A.M, P.M</small></p>
						</div>
					</div>				

					
				{!! Form::close() !!}
			</div>
		</div>
		@endif
	</div>

	<div class="col-md-4">
		<div class="row">
		@if($shop->icon_file_name)
		<div class="col-md-6">
			<div class="ccard">
				<div class="featured">
					<img src="{{ config('cms.cdn') }}/platform/shop/{{ $shop->id }}/{{ $shop->icon_file_path }}/{{ $shop->icon_file_name }}" class="img_featured">
				</div>
				<div class="inside">
					<div class="title truncate">Icono comercio</div>
				</div>
			</div>
		</div>
		@endif

		<div class="col-md-6">
			<div class="ccard">
				<div class="featured">
					<img src="{{ config('cms.cdn') }}/platform/shop/{{ $shop->id }}/{{ $shop->featured_file_path }}/{{ $shop->featured_file_name }}" class="img_featured">
				</div>
				<div class="inside">
					<div class="title truncate">Imagen destacada del comercio</div>
				</div>
			</div>
		</div>

		<div class="col-md-6 mtop16">
			<div class="ccard">
				<div class="inside">
					<div class="featured">
						<img src="{{ config('cms.cdn') }}/platform/shop/{{ $shop->id }}/{{ $shop->logo_file_path }}/{{ $shop->logo_file_name }}" class="img_featured">
					</div>
					<div class="title truncate">Logotipo del comercio</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>
@stop