@extends('layouts.dashboard')

@section('dashboard')


      @if(session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Cupones Ingresados</strong></li>
    </ul>
    @if(array_intersect($permiso, [1, 2, 5]))
	    <div class="row align-items-center mb-4">
	    	<div class="col-md-auto">
	    		<h2 class="titulo-h1 mb-0">Crear Cupón de Descuento</h2>
	    	</div>
	    </div>
	    <div class="card">
	        <div class="card-body">
		        <form class="form-registro" action="{{ route('crear-cupon-descuento') }}" id="form-usuario" method="post" autocomplete="off">
		        	{{ csrf_field() }}
				    <div class="row my-md-4 align-items-center">
				        <div class="col-auto">
				            <label class="mt-3 mb-2 mt-md-2 md-lg-0 text-uppercase">Pagina Web:</label>
				        </div>
				        <div class="col-md">

				            <select name="dominio" class="form-control select2" onchange="updInpMax(this.value)" required="">
				            	<option value="">-- Pagina Web --</option>
			        			@foreach($dominios as $d)
			        				<option value="{{ $d->dominio_id }}">{{ $d->dominio_nombre }}</option>
			        			@endforeach
			        		</select>
				        </div>
				        <div class="col-auto">
				            <label class="mt-3 mb-2 mt-md-2 md-lg-0 text-uppercase">% Descuento:</label>
				        </div>
				        <div class="col-md">
				            <input type="number" id="descuento" name="descuento" class="form-control" required="" min="1" >
				        </div>

              				    </div>
		        	<div class="form-group text-right">
		        		<button type="submit" class="btn btn-primary btn-sm">Crear</button>
		        	</div>
		        </form>
			</div>
		</div>
	@endif

	<h1 class="titulo-h1 mt-3 mb-0">Cupones Ingresados</h1>
	<div class="card mt-3">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                                                        <th>Código</th>
                            <th>Pagina</th>
                            <th class="text-center">% Descuento</th>
                            <th>Fecha</th>
                            <th>Fecha de Caducidad</th>
                            <th class="text-center">Estado</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($cupones) > 0)
						    @foreach($cupones as $c)
						        <tr id="cupon-{{ $c->cupon_id }}">
						            						            <td>{{ $c->cupon_codigo }}</td>
                        <td>{{ $c->dominio_nombre }}</td>
						            <td class="text-center">{{ $c->cupon_descuento }}%</td>
						            <td>{{ \FCR::fecha_completa($c->cupon_fecha) }}</td>
                        <td>{{ \FCR::fecha_completa($c->cupon_fecha_final) }}</td>
					            	@if($c->cupon_estado == 'habilitado')
						            	<td class="text-center"><span class="badge badge-success text-white py-2 px-3 rounded-0 font-weight-normal p-075 mb-1">{{ ucwords($c->cupon_estado) }} </span></td>
						            @else
						            	<td class="text-center"><span class="badge badge-danger text-white py-2 px-3 rounded-0 font-weight-normal p-075 mb-1">{{ ucwords($c->cupon_estado) }}</span></td>
						            @endif
						        </tr>
						    @endforeach
						@else
						    <tr class="text-center">
						        <td colspan="5">No hay cupones ingresados</td>
						    </tr>
						@endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection