@include('layouts.breadcumb')

@section('header')

    <link href="/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <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;
        }
    </style>
    @parent
@stop

<script> var no_contract = 0;</script>

<div class="row">

    <div class="">
        <div class="panel panel-orange panel-border filterable">
            <div class="panel-heading">
                <div class="panel-title">
                    <h3><i class="fa fa-list"></i> ITEMS RECHAZADOS EN CONTROL</h3>
                </div>

            </div>
            <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>ORDEN</th>
                        <th>REFERENCIA</th>
                        <th>NOMBRE</th>
                        <th>LUGAR</th>
                        <th>PESO X UND</th>
                        <th>CUBICAJE X CARTON</th>
                        <th>INFORMACIÓN</th>
                        <th>COMENTARIOS</th>
                        <th>FOTO</th>
                        <th>CONTROLADOR</th>
                        <th>ESTADO</th>
                        <th>EDITAR</th>
                        <th>DELETE</th>
                        <th>CONTROL</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>
                        <th></th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach( $items as $item )
                        <tr>
                            <td class="right-aligned">
                                {{ substr( $item->fechacreacion,0,10) }}
                            </td>
                            <td class="right-left">{{ $item->contrato }}</td>
                            <td class="right-aligned">
                                <a class="link" href="/compras/informes/detalleorden-confirmada/list/{{ $item->ordencompra_id }}/{{ $item->numero_orden }}/?showlayout=no" target="_blank" rel="tooltip" data-original-title="Detalle de la Orden" data-placement="top">
                                    {{ $item->numero_orden }}
                                </a>
                            </td>
                            <td class="right-left">{{ $item->referencia }}</td>
                            <td class="right-left">{{ $item->nombre }}</td>
                            <td class="right-left">{{ ($item->lugar == 1) ? 'FABRICA' : 'BODEGA' }}</td>
                            <td class="right-aligned">{{ $item->pesoporunidad }}</td>
                            <td class="right-aligned">{{ $item->cubicajecarton }}</td>
                            <td>{{ $item->informacion }}</td>
                            <td>{{ $item->comentarios }}</td>

                            <td class="gallery center-aligned">

                                <img style="cursor: pointer" width="50" class="image-zoom-big-" data-url="{{ \Session::get('dominio') }}/files/calidad/{{ $item->foto1 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/calidad/{{ $item->foto1 }}&w=100&h=100&far=1&bg=FFFFFF&q=99" alt="{{ $item->foto1 }}" />
                                <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/calidad/{{ $item->foto1 }}"></a>
                                @if( $item->foto2 != "NI.svg" && $item->foto2 != "" )
                                    <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/calidad/{{ $item->foto2 }}"></a>
                                @endif
                                @if( $item->foto3 != "NI.svg" && $item->foto3 != "" )
                                    <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/calidad/{{ $item->foto3 }}"></a>
                                @endif
                                @if( $item->foto4 != "NI.svg" && $item->foto4 != "" )
                                    <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/calidad/{{ $item->foto4 }}"></a>
                                @endif
                                @if( $item->foto5 != "NI.svg" && $item->foto5 != "" )
                                    <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/calidad/{{ $item->foto5 }}"></a>
                                @endif
                            </td>

                            <td>{{ $item->controlador_nombre }}</td>

                            <td class="center-aligned">
                                @if( $item->estado == \Modules\Compras\Entities\ControlCalidad::ESTADO_PENDIENTE )
                                    <span class="label label-warning">PENDIENTE</span>
                                @elseif( $item->estado == \Modules\Compras\Entities\ControlCalidad::ESTADO_APROBADO )
                                    <span class="label label-success">APROBADO</span>
                                @elseif( $item->estado == \Modules\Compras\Entities\ControlCalidad::ESTADO_RECHAZADO )
                                    <span id="rchz{{ $item->id }}" class="label label-danger">RECHAZADO</span><span id="aprb{{ $item->id }}" style="display: none" class="badge badge-success">APROBADO</span>
                                @else
                                    <span class="label label-danger">CON ERRORES</span>
                                @endif
                            </td>
                            <td class="center-aligned">
                                <div class="centered detalle-{{ $item->id }}">
                                    @if( $item->estado == \Modules\Compras\Entities\ControlCalidad::ESTADO_RECHAZADO )
                                        <a onclick="blockMessage('Loading ...')" href="/compras/control/modal-edit-ejected/{{ $item->id }}/{{ $item->contrato }}/{{ $item->referencia }}?comprador=1" data-toggle="modal-ajax" rel="tooltip" data-original-title="Editar Item" data-placement="left" class="btn btn-orange btn-rounded btn-sm">
                                            <i class="fa fa-edit fa-2x fa-black"></i>
                                        </a>
                                    @endif
                                </div>
                            </td>
                            <td class="center-aligned">
                                <div class="centered detalle-{{ $item->id }}">
                                    @if( $role_id == \App\Http\Controllers\BaseController::SUPERADMIN || $role_id == \App\Http\Controllers\BaseController::ADMINISTRADOR || $role_id == \App\Http\Controllers\BaseController::EMBARCADOR )
                                        <a data-url="/compras/control/rejeted-items/delete/{{ $item->id }}"
                                           rel="tooltip"
                                           data-original-title="Eliminar Registro"
                                           data-title="{{ $item->referencia }}"
                                           data-toggle="modal-delete"
                                           class="btn btn-pinterest btn-rounded btn-sm waves-light waves-effect">
                                            <i class="fa fa-2x fa-trash-o fa-black"></i>
                                        </a>
                                    @endif
                                </div>
                            </td>

                            <td class="center-aligned">
                                <div class="centered detalle-{{ $item->id }}">
                                    <a onclick="openModalBig('/compras/control/aprobar-quality-general/{{ $item->contrato }}/{{ $item->referencia }}/{{ $item->id }}/rchz?comprador=1');showMessage('Loading ..')" rel="tooltip" data-original-title="Aprobar Item" data-placement="left" class="btn btn-rounded btn-sm waves-effect waves-light btn-orange">
                                        <i class="fa fa-cog fa-2x fa-black"></i>
                                    </a>
                                </div>
                            </td>

                        </tr>
                    @endforeach

                    </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>
        setDatatableSimple('#table-1');
        $(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+ '/' + control_calidad_id,
                                    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, por favor verifique", "error");
                                    }
                                });
                            });
                }
            });

        });
    </script>
@stop