@include('layouts.breadcumb')
@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="/layout/assets/css/prd_custom.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/plugins/gridforms/gridforms.css">

    <link href="/plugins/bx-slider/jquery.bxslider.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="/plugins/gallery/css/blueimp-gallery.min.css">
    <link rel="stylesheet" href="/plugins/gallery/css/bootstrap-image-gallery.min.css">

    <style>
        .grid-form fieldset legend {
            border: none  !important;
            border-bottom: 2px solid #dadfe3 !important;
            color: #5f7676 !important;
            font-size: 20px !important;
            font-weight: 300 !important;
            padding: 5px 0px !important;
        }
        .grid-form [data-row-span] {
            border-bottom: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span] {
            border-right: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span]:last-child {
            border-right: none !important;
        }
        .grd_lbl {
            font-size: 12px !important;
            color: #DB0000 !important;
        }
        .grd_bcd {
            font-size: 12px !important;
            color: #089e4a !important;
        }
        .grd_abc {
            color: #f08508 !important;
        }
    </style>
@parent
@stop
<script> var no_contract = 0;</script>

<div class="row">

        <div class="panel panel-orange panel-border filterable">
            <div class="panel-heading">

            </div>
            <div class="panel-body">
                <div class="card-box table-responsive">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                            <thead>

                            <tr>
                                <th>FECHA</th>
                                <th>CONTRATO</th>
                                <th>REFERENCIA</th>
                                <th>NOMBRE</th>
                                <th>LUGAR</th>
                                <th>PESO X UND</th>
                                <th>CBM CTN</th>
                                <th>INFORMACION</th>
                                <th>COMENTARIOS</th>
                                <th>FOTO</th>
                                <th>CONTROLLER</th>
                                <th>ESTADO</th>
                                <th>APROBAR</th>
                                <th>DELETE</th>
                            </tr>
                            <tr class="filter-column-tr">
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>



                        </tbody>

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


@section('footer')

@include('layouts.gallery')
<script src="/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/plugins/datatables/dataTables.bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
<script type="text/javascript" src="/plugins/gridforms/gridforms.js"></script>

<script src="/plugins/bx-slider/jquery.bxslider.min.js"></script>


<script type="text/javascript">
    //var table = setDataTables("#table-1",true);
    setAjaxDatatable("#table-1","/compras/control/pending-items/json/")

</script>

<script>

    $(document).ready(function(){

        $(document).on('click', '.btn-procesar', function () {

            var control_calidad_id = $(this).data('idcontrolcalidad');
            var control_acc = $(this).data('acc');
            var contract = $(this).data('contract');
            var reference = $(this).data('reference');
            var dataUrl = $(this).data('url');


            if( control_acc == '{{ \Modules\Compras\Entities\ControlCalidad::ESTADO_RECHAZADO }}') {
                swal({
                            title: "Rechazar Item",
                            text: "Por favor especifique por qué desea rechazar el item:",
                            type: "input",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            animation: "slide-from-top",
                            inputPlaceholder: "Debe escribir la razón del rechazo"
                        },
                        function (inputValue) {
                            if (inputValue === false) return false;
                            if (inputValue === "") {
                                swal.showInputError("You need to write something!");
                                return false
                            }
                            sendPendingForm('Rechazado: ' + inputValue);
                        });
            }else {
                sendPendingForm();
            }

            function sendPendingForm( texto_rechazado ) {

                if( typeof texto_rechazado == 'undefined') {
                    var texto_rechazado = '';
                }

                swal({
                        title: "CONTROLAR ITEM",
                        text: "Está seguro de realizar esta acción?",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        confirmButtonText: "SI",
                        cancelButtonText: "NO",
                        showLoaderOnConfirm: true },
                    function(){

                        $.ajax({
                            url : '/compras/control/modal-quality-reference/' + contract + '/' + reference,
                            type: 'POST',
                            dataType : "json",
                            data: { "id": control_calidad_id, "acc": control_acc, "comentarios": texto_rechazado },
                            success:function( data ) {
                                openModal(dataUrl);

                                if( data.response == 1 ) {
                                    swal("Proceso Ejecutado", "Proceso realizado exitosamente!", "success");
                                    setTimeout(function(){location.reload()},2000);
                                } else {
                                    sweetAlert("Oops...", "Ocurrió un error, por favor verifique", "error");
                                }

                            },
                            error: function() {
                                sweetAlert("Oops...", "Ocurrió un error, Solicite soporte", "error");
                            }
                        });
                    });
            }
        });

    });
</script>
<script type="text/javascript">

    $(document).on("click",".delRef" , function(){
        var item = $(this).data('item');
        var tipo = $(this).data('tipo');
        var referencia = $(this).data('referencia');
        var index = $(this).data('index');
        bootbox.confirm("Está seguro de ELIMINAR LA REFERENCIA <b style='color:#981b1b'>" + referencia + "</b>?", function(result) {
            if(result) {

                bootbox.confirm("Está completamente seguro de ELIMINAR LA REFERENCIA <b style='color:#981b1b'>" + referencia + "</b>?", function(result2) {
                    if(result2) {

                        $.ajax({
                            type: "GET",
                            url: '{{ $deleteUrl }}',
                            data: { producto_id: item, comprador_id: '{{ $orden_enc->comprador_id }}', tipo: tipo },
                            dataType: "json",
                            success: function(response) {
                                messageSimple(response);

                                if( response.response == 1 ) {
                                    $("#totalCartones").html(response.totalCartones);
                                    $("#totalCompra").html(response.totalCompra);
                                    $("#totalCbm").html(response.totalCbm);
                                    $("#totalPeso").html(response.totalPeso);

                                    $("#row-"+index).remove();

                                    table.fnDeleteRow(index);

                                    $("#row-"+index).remove();
                                }
                            }
                        });
                    }
                });
            }
        });
    });

    setDataTables("#table-2");

</script>
@stop