@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="col-md-3">
                        <div class="form-group">
                            <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#agregar">Agregar Nuevo Descuento</a>
                        </div>
                    </div>
                    
                    <table class="table table-striped table-bordered zero-configuration">
				       <thead>
					       <tr>
						       <th class="text-center">ID</th>
						       <th class="text-center">Monto Desde</th>
						       <th class="text-center">Monto Hasta</th>
						       <th class="text-center">Porcentaje</th>
						       <th class="text-center">Acciones</th>
					       </tr>
				    </thead>

				<tbody>
					@foreach ($descuento as $desc)
					<tr>
						<td class="text-center">{{ $desc->id }}</td>
						<td class="text-center">{{ $desc->rango1 }}</td>
						<td class="text-center">{{ $desc->rango2 }}</td>
						<td class="text-center">{{ $desc->porcentaje }}</td>
						<td class="text-center">
						    
						    <a class="btn btn-info text-white" data-toggle="modal" data-target="#editar" onclick="actualizar('{{$desc->id}}','{{$desc->rango1}}','{{$desc->rango2}}','{{$desc->porcentaje}}')">Editar</a>
						    
						    <a class="btn btn-danger text-white" onclick="eliminar('{{$desc->id}}')">Eliminar</a>
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			
                </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="agregar" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Agregar Nuevo Descuento</h5>
          <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
          </div>
            <div class="modal-body">
                
            <form action="{{route('descuento-save')}}" method="post">
             {{ csrf_field() }}
             
            <div class="row">

              <div class="col-md-12">
                <div class="form-group">
                  <label>Monto Desde</label>
                  <input type="number" step="any" class="form-control" name="rango1" required>
                </div>
              </div>
              
              <div class="col-md-12">
                <div class="form-group">
                  <label>Monto Hasta</label>
                  <input type="number" step="any" class="form-control" name="rango2" required>
                </div>
              </div>
              
              <div class="col-md-12">
                <div class="form-group">
                  <label>Porcentaje</label>
                  <input type="number" step="any" class="form-control" name="porcentaje" required>
                </div>
              </div>
           
              <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>  
              </div>
           

            </div>

            </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="editar" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Editar Descuento</h5>
          <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
          </div>
            <div class="modal-body">
                
            <form action="{{route('descuento-editar')}}" method="post">
             {{ csrf_field() }}
             
            <div class="row">
              
              <input type="hidden" name="id" class="id">
              
              
              <div class="col-md-12">
                <div class="form-group">
                  <label>Monto Desde</label>
                  <input type="number" step="any" class="form-control rango1" name="rango1" required>
                </div>
              </div>
              
              <div class="col-md-12">
                <div class="form-group">
                  <label>Monto Hasta</label>
                  <input type="number" step="any" class="form-control rango2" name="rango2" required>
                </div>
              </div>
              
              <div class="col-md-12">
                <div class="form-group">
                  <label>Porcentaje</label>
                  <input type="number" step="any" class="form-control porcentaje" name="porcentaje" required>
                </div>
              </div>
           
              <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>  
              </div>
           

            </div>

            </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

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


@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, rango1, rango2, porcentaje){
       
       $('.id').val(id);
       $('.rango1').val(rango1);
       $('.rango2').val(rango2);
       $('.porcentaje').val(porcentaje);
    }
   
</script>
@endpush