@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                
                <div class="row">
                    <div class="col-md-3">
                       <div class="form-group">
                           <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#agregar">Crear Cupón</a>
                       </div>    
                    </div>
                
                    <div class="col-md-3">
                       <div class="form-group">
                           <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#asignacion">Asignar Cupón</a>
                       </div>    
                    </div>
                
                    <div class="col-md-3">
                       <div class="form-group">
                           <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#registro">Cupón de Registro</a>
                       </div>    
                    </div>
                </div>    
                
                
			<table class="table table-striped table-bordered zero-configuration">
				<thead>
					<tr>
						<th class="text-center">Codigo Cupón</th>
						<th class="text-center">Título</th>
						<th class="text-center">Tipo de Valor</th>
						<th class="text-center">Valor</th>
						<th class="text-center">Fecha de Vencimiento</th>
						<th class="text-center">Acciones</th>
					</tr>
				</thead>

				<tbody>
					@foreach ($cupones as $cup)
					<tr>
						<td class="text-center">{{ $cup->id }}</td>
						<td class="text-center">{{ $cup->titulo }}</td>
						<td class="text-center">
						    @if($cup->tipo == 0)
						      Monto Fijo
						    @else
						      Porcentaje
						    @endif
						</td>
						<td class="text-center">
						    @if($cup->tipo == 0)
						      {{ $cup->descuento }}
						    @else
						      {{ ($cup->descuento * 100) }} %
						    @endif
						</td>
						<td class="text-center">{{ date('d-m-Y', strtotime($cup->vencimiento)) }}</td>
						<td class="text-center">
						    
						    <a class="btn btn-info text-white" tittle="Editar Cupón" data-toggle="modal" data-target="#editar" onclick="actualizar('{{$cup->id}}','{{$cup->titulo}}','{{$cup->tipo}}','{{$cup->descuento}}','{{$cup->vencimiento}}')">
						        <i class="fa fa-edit"></i>
						    </a>
						    
						    <a class="btn btn-danger text-white" onclick="eliminar('{{$cup->id}}')" tittle="Eliminar Cupón">
						        <i class="fa fa-trash"></i>
						    </a>
						    
						</td>    
					</tr>
					@endforeach
				</tbody>
			</table>

			 </div>
		   </div>
		</div>
	</div>
</div>


@include('cupones/modal/crear')
@include('cupones/modal/editar')
@include('cupones/modal/asignar')
@include('cupones/modal/registro')

@endsection
@include('usuario.componentes.scripBotones')

@push('script')
<script type="text/javascript">
    
    function eliminar(ID){
        Swal.fire({
           title: 'Está seguro de realizar esta acción, al dar clic es irreversible recuperar la información.',
           type:'warning',
           showCancelButton: true,
           confirmButtonColor: '#3085d6',
           cancelButtonColor: '#d33',
           confirmButtonText: 'Si',
           cancelButtonText: 'No',
        }).then((result) => {
            if (result.value) {
              window.location.href = 'eliminar/'+ID;
            }
        });
    }
    
    function actualizar(id, titulo, tipo, descuento, fecha){
        
        $('.id').val(id);
        $('.titulo').val(titulo);
        $('.tipo').val(tipo);
        if(tipo == 0){
          $('.descuento').val(descuento);
        }else{
          $('.descuento').val((descuento * 100));  
        }
        $('.fecha').val(fecha);
    }; 
     
</script>
@endpush