@extends('layouts.layout')
@section('title', 'Página de Cupones')
@section('content')
	<div class="row justify-content-center">
		@if ($message = Session::get('success'))
			<div class=" col-6  mt-2 alert alert-success">
				<p>{{ $message }}</p>
			</div>
		@endif

	</div>
	<div class="row justify-content-between m-3">
		<div class="col-lg-3 offset-1">
			<h2 class="font-color-gergal">Cupones</h2>
		</div>
		<div class="col-lg-3 offset-3">
			<form action="{{ route('cupon.index') }}" method="GET">
				@csrf
				<div class="input-group ">
                    <div class="form-group">
                        <label for="">Desde</label>
                        <input type="date" name="desde" id="desde" class="form-control" value="{{ $desde }}" placeholder="Desde">
                    </div>
                    <div class="form-group">
                        <label for="">Hasta</label>
                        <input type="date" name="hasta" id="hasta" class="form-control" value="{{ $hasta }}" placeholder="Hasta">
                    </div>
					<div class="input-group-append">
						<button class="btn btn-gray btn-xs rounded" type="submit">Filtrar</button>
					</div>
				</div>
			</form>
		</div>
		@can('user-create')
			<div class="col-lg-2">
				<a href="{{ route('cupon.create') }}" type="button" class="btn btn-success-gergal">Crear Cupon</a>
			</div>
		@endcan
	</div>
	<div class="row justify-content-center">
		<div class="col-12 col-xl-10 table-responsive">
			@if ($cupones->isEmpty())
				<p class="lead">No se tiene cupones registrados.</p>
			@else
				<table class="table table-bordered">
					<thead>
                        <th scope="col">Cupón</th>
                        <th scope="col">Desde</th>
                        <th scope="col">Hasta</th>
                        <th scope="col">Estado</th>
                        <th scope="col">Cliente</th>
                        <th scope="col">Producto</th>
                        <th scope="col">Categoria</th>
                        <th scope="col">Porcentaje</th>
                        <th scope="col">Dur. relativa</th>
						<th scope="col">Opciones</th>
					</thead>
					<tbody>
						@foreach ($cupones as $cupon)
                            <tr>
                                <td>{{ $cupon->codigo }}</td>
                                <td>{{ $cupon->fecha_desde->format('d-m-Y') }}</td>
                                <td>{{ $cupon->fecha_hasta->format('d-m-Y') }}</td>
                                <td>{!!
                                    (($hoy >= $cupon->fecha_desde->format('Y-m-d')) && ($hoy <= $cupon->fecha_hasta->format('Y-m-d'))) ?
                                    "<span class='badge badge-success'>Vigente</span>" :
                                    "<span class='badge badge-danger'>Finalizado</span>" !!}
                                </td>
                                <td>
                                    <span class="badge badge-outline-info">
                                        @if($cupon->usuario)
                                            {{ $cupon->usuario->apellido . ', ' . $cupon->usuario->nombre . ' (' . $cupon->usuario->dni . ')' }}
                                        @else
                                            Todos
                                        @endif
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-outline-info">
                                        @if($cupon->producto)
                                            {{ $cupon->producto->nombre }}
                                        @else
                                            Todos
                                        @endif
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-outline-info">
                                        @if($cupon->categoria)
                                            {{ $cupon->categoria->nombre }}
                                        @else
                                            Todos
                                        @endif
                                    </span>
                                </td>
                                <td>% {{ $cupon->porcentaje }}</td>
                                <td>{{ $cupon->duracion_relativa }}</td>
                                <td>
                                    <a href="{{route('cupon.edit', $cupon)}}" class="btn btn-primary btn-xs">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <button class="btn btn-danger btn-xs" onclick="destroyRegister('{{route('cupon.destroy', $cupon)}}')">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                        @endforeach
					</tbody>
				</table>
			@endif
            {{ method_exists($cupones, 'appends') ? $cupones->appends(\Request::except('page'))->render() : '' }}
		</div>
        <form action="" method="post" id="frmDestroy">
            @csrf
            @method('DELETE')
        </form>
	</div>
    <script>
        const destroyRegister = (ruta) => {
            if (confirm('¿Está segur@ de eliminar el cupon?')) {
                let form = document.querySelector('#frmDestroy');
                form.setAttribute('action', ruta)
                form.submit();
            }
        }
    </script>
@endsection