@extends("ushuaia.web.plantilla")
@section("contenido")
<div class="contenido-descuentos py-4 py-md-5">
    <div class="container my-4 my-md-5">
        <div class="row">
            <div class="col-12">
                <h3>DESCUENTOS</h3>
            </div>
        </div>
        <div class="row mt-2 py-4">
            <div class="col-sm-3 col-6 align-self-center">
                <div class="card agregar-descuento">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 mb-3 text-center">
                                <h3>AGREGAR DESCUENTO</h3>
                            </div>
                            <div class="col-12 text-center">
                                <a href="/descuento/nuevo">
                                    <i class="fas fa-plus"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if(isset($comercio))
            @foreach($array_cupones as $cupon)
            @if ($cupon->idcupon != 198)
            <div class="col-sm-3 col-6 align-self-center">
                <div class="card cupones">
                    <div class="card-body">
                        <div class="row align-items-center" style="height: -webkit-fill-available;">
                            <div class="col-12 text-center">
                                <!-- <h3></h3> -->
                                <h3></h3>
                                <!-- <p></p> -->
                                <p></p>
                                @if(isset($cupon->fk_idestadosolicitud) && $cupon->fk_idestadosolicitud == 1)
                                <span style="font-size:14px;">Pendiente de confirmación</span>
                                @elseif(isset($cupon->fk_idestadosolicitud) && $cupon->fk_idestadosolicitud == 3)
                                <span style="font-size:14px;">Cupón rechazado</span>
                                @endif

                                <p class="sucursal"></p>

                            </div>
                            @if(isset($cupon->fk_idestadosolicitud) && $cupon->fk_idestadosolicitud == 1 || isset($cupon->fk_idestadosolicitud) && $cupon->fk_idestadosolicitud == 3)
                            @else
                            <div class="col-6 text-right toggle-activo">
                                <input type="checkbox" onchange="fActivarCupon({{ $cupon->idcupon }})" id="chkActivo_{{$cupon->idcupon}}"  data-toggle="toggle">
                            </div>
                            <div class="col-6 text-right">
                                <a href="#" onclick="fAbrirModalEliminar({{ $cupon->idcupon }})">
                                    <i class="fas fa-trash"></i>
                                </a>
                                <a href="/descuento/{{$cupon->idcupon}}">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endif
            @endforeach
            @endif
        </div>
    </div>
</div>

<div class="modal fade" id="mdlEliminar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <input type="hidden" id="id" name="id" class="form-control" value="" required>
                <h5 class="modal-title" id="exampleModalLabel">Eliminar registro?</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">¿Deseas eliminar el registro actual?</div>
            <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">No</button>
                <button type="button" class="btn btn-primary" onclick="eliminar();">Sí</button>
            </div>
        </div>
    </div>
</div>

<script>
    function toggle() {
        $(function() {
            $('#toggle-one').bootstrapToggle();
        })
    }


    function eliminar() {
        id = $('#id').val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/descuento/eliminar') }}",
            data: {
                id: id
            },
            async: true,
            dataType: "json",
            success: function(data) {
                window.location.replace("/comercio/descuentos");
            }
        });
    }

    function fActivarCupon(id) {
        $.ajax({
            type: "GET",
            url: "{{ asset('/descuento/activarCupon') }}",
            data: {
                id: id
            },
            async: true,
            dataType: "json",
            success: function(data) {

                window.location.replace("/comercio/descuentos");
            }
        });

    }

    function fAbrirModalEliminar(id) {
        $('#mdlEliminar').modal('toggle');
        $('#id').val(id);
    }
</script>

@endsection