@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/coupons') }}">
		<i class="fas fa-percentage"></i> Cupones
	</a>
</li>

@stop

@section('content')

<div class="row mtop32">

	<div class="col-md-3">

		<div class="panel">
			<div class="inside">

				<div class="title mb16">
					<h2>
						<i class="bi bi-plus-circle"></i> Crear Cupón
					</h2>
				</div>

				{!! Form::open(['url' => '/coupon/add']) !!}
				<label for="name">Nombre del cupón:</label>
				<div class="group">
					<i class="fas fa-feather-alt"></i>
					{!! Form::text('name', null, ['required']) !!}
				</div>

				<label for="code" class="mtop16">Comercio afiliado:</label>
				<div class="shop_id">
					<i class="fas fa-hamburger"></i>
					<select name="shop_id" id="shop_id" class="form-select">
						<option value="0">Para todos los comercios</option>
						@foreach($shops as $shop)
						<option value="{{ $shop->id }}">{{ $shop->name }}</option>
						@endforeach
					</select>
				</div>

				<label for="code" class="mtop16">Código del cupón:</label>
				<div class="group">
					<i class="bi bi-code-square" style="top: 7px;"></i>
					{!! Form::text('code', null, ['required']) !!}
					<small>Use mayúsculas</small>
				</div>

				<label for="limitation" class="mtop16">Limitar cupón:</label>
				<div class="group">
					<i class="fas fa-hamburger"></i>
					{!! Form::select('limitation', getCouponLimitations(), null, ['class' => 'form-select']) !!}
				</div>

				<label for="date" class="mtop16">Fecha límite de uso:</label>
				<div class="group">
					<i class="bi bi-calendar-week" style="top: 7px;"></i>
					{!! Form::date('date', null) !!}
				</div>

				<label for="applications" class="mtop16">N° de cupones disponibles:</label>
				<div class="group">
					<i class="bi bi-check2-square" style="top: 7px;"></i>
					{!! Form::number('applications', 1, ['min' => '1']) !!}
				</div>

				<label for="user_used" class="mtop16">N° de usos por usuario:</label>
				<div class="group">
					<i class="bi bi-check2-square" style="top: 7px;"></i>
					{!! Form::number('user_used', 1, ['min' => '1']) !!}
				</div>

				<label for="type" class="mtop16">Tipo de cupón:</label>
				<div class="group">
					<i class="fas fa-hamburger"></i>
					{!! Form::select('type', getCouponType(), null, ['class' => 'form-select']) !!}
				</div>

				<label for="value" class="mtop16">Valor del cupón:</label>
				<div class="group">
					<i class="fas fa-coins"></i>
					{!! Form::number('value', 0, ['required']) !!}
				</div>

				<label for="minimum_purchase_amount" class="mtop16">Monto mínimo de compra:</label>
				<div class="group">
					<i class="bi bi-check2-square" style="top: 7px;"></i>
					{!! Form::number('minimum_purchase_amount', 0.00, ['step' => 'any']) !!}
				</div>

				<p class="mtop16"><small>Asegúrese que la información que ha ingresado es correcta, <strong>el cupón no podrá ser editado luego</strong>.</small></p>

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

				<p class="mtop16">Los cupones pueden ser usados en <strong>todos los comercios afiliados</strong>.</p>
			</div>
		</div>

		
	</div>

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

			<div class="inside">

				<div class="title mb16">
					<h2>
						<i class="fas fa-percentage"></i> Lista de Cupones
					</h2>
				</div>

				<table class="table table-hover table-bordered align-middle mtop16">
					<thead>
						<tr>
							<td><strong>Nombre</strong></td>
							<td><strong>Código</strong></td>
							<td><strong>Limitación</strong></td>
							<td><strong>Valido hasta</strong></td>
							<td><strong>Usos</strong></td>
							<td><strong>Tipo</strong></td>
							<td><strong>Valor</strong></td>
							<td></td>
						</tr>
					</thead>

					<tbody>
						@foreach($coupons as $coupon)
						@if($coupon->status == "0")
						<tr class="table-secondary">
						@else
						<tr>
						@endif
							<td>
								{!! $coupon->name !!} <br>
								<small>
									<strong>Comercio:</strong>
									@if($coupon->shop_id == "0")
									Disponible para todos
									@else
									{{ $coupon->getShop->name }}
									@endif
								</small>
							</td>
							<td>
								{!! $coupon->code !!} <br>
								<small>
									<strong>Estado:</strong>
									@if($coupon->status == "0")
									Inactivo
									@else
									Activo
									@endif
								</small>
							</td>
							<td>{!! getCouponLimitations($coupon->limitation) !!}</td>
							<td>{!! $coupon->until_date !!}</td>
							<td>{!! $coupon->used !!} / {!! $coupon->applications !!}</td>
							<td>{!! getCouponType($coupon->ctype) !!}</td>
							<td>{!! $coupon->cvalue !!}</td>
							<td>
								@if($coupon->status == "0")
								<a href="{{ url('/coupon/'.$coupon->id.'/status/1') }}" class="ctooltip btn btn-success btn-sm">
									<span class="tool">Activar</span>
									<i class="bi bi-toggle-on"></i>
								</a>
								@else
								<a href="{{ url('/coupon/'.$coupon->id.'/status/0') }}" class="ctooltip btn btn-danger btn-sm">
									<span class="tool">Desactivar</span>
									<i class="bi bi-toggle-off"></i>
								</a>
								@endif
								
							</td>
						</tr>
						@endforeach
						<tr>
							<td colspan="8"></td>
						</tr>
					</tbody>
					
				</table>

			</div>

		</div>

		<!--
		<div class="row mtop32">
			<div class="col-md-4">
				<div class="panel">
					<div class="inside">
						<div class="title mb16">
							<h2>
								<i class="fas fa-percentage"></i> Limitado por cantidad disponible
							</h2>
						</div>

						<div class="body">
							<p>Este cupón como su nombre lo indica, esta limitado por el numero de copones disponibles cuando se crea, una ves el cupón alcance el numero de usos, este ya no podrá ser utilizado por ningún usuario.</p>
							<p>
								Campos necesarios para crear un cupón de este tipo:
							</p>
							<ul>
								<li><strong>Nombre del cupón:</strong> Este campo almacena un nombre interno del cupón solamente para hacer referencia, no infiere en ninguna funcionalidad vital del cupón.</li>
								<li><strong>Código del cupón:</strong> Se debe ingresar un código para el código generado por el factor humano, este es el cupón que se distribuirá para los clientes.</li>
								<li><strong>N° de cupones disponibles:</strong> Ingrese el numero total de cupones que podrán ser usados.</li>
								<li><strong>N° de usos por usuario:</strong> Las veces que un usuario podrá hacer uso del cupón.</li>
								<li><strong>Tipo de cupón:</strong> Aquí se define el tipo de cupón que se esta creando, dando una funcionalidad especifica al cupón creado.</li>
								<li><strong>Valor del cupón:</strong> Define el valor en porcentaje de descuento o valor fijo del importe del cupón.</li>
								<li><strong>Monto mínimo de compra:</strong> Define el monto mínimo de compra para poder usar este cupón en la orden que desea usarlo, si no se pretende usar un monto mínimo de compra, ingrese un valor que estime que siempre será comprado, ejemplo 1</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		-->
	</div>	
</div>
@stop