@extends('layout') 
@section('content')

@section('ventas-active', 'active')
@section('documento-active', 'active')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-12 col-md-8">
       <h2  style="text-transform:uppercase"><b>Listado de Notas de @if(isset($nota_venta)) Devoluciones @else Crédito / Débito @endif</b></h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{route('home')}}">Panel de Control</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Notas de @if(isset($nota_venta)) devoluciones @else crédito / débito @endif</strong>
            </li>
        </ol>
    </div>

    {{-- <div class="col-12 col-md-2">
        <a href="{{ route('ventas.notas.create', array('documento_id' => $documento->id, 'nota' => '1')) }}" class="btn btn-block btn-w-m btn-info m-t-md d-none">
            <i class="fa fa-plus-square"></i> Nota de débito
        </a>
    </div> --}}

    
    @if (!$pedido_facturado)
        <div class="col-12 col-md-2">
            @if($documento->sunat == '1' && docValido($documento->id))
            <a href="{{ route('ventas.notas.create', array('documento_id' => $documento->id, 'nota' => '0')) }}" class="btn btn-block btn-w-m btn-primary m-t-md">
                <i class="fa fa-plus-square"></i> Nota de crédito
            </a>
            @endif
            @if($documento->tipo_venta_id == '129' && docValido($documento->id))
            <a href="{{ route('ventas.notas.create', array('documento_id' => $documento->id, 'nota' => '0','nota_venta' => 1)) }}" class="btn btn-block btn-w-m btn-primary m-t-md">
                <i class="fa fa-plus-square"></i> Nota
            </a>
            @endif
        </div>
    @else
        @if ($documento->tipo_doc_venta_pedido === "FACTURACION")
            <div class="col-12 col-md-2">
                @if($documento->sunat == '1' && docValido($documento->id))
                <a href="{{ route('ventas.notas.create', array('documento_id' => $documento->id, 'nota' => '0')) }}" class="btn btn-block btn-w-m btn-primary m-t-md">
                    <i class="fa fa-plus-square"></i> Nota de crédito
                </a>
                @endif
                @if($documento->tipo_venta_id == '129' && docValido($documento->id))
                <a href="{{ route('ventas.notas.create', array('documento_id' => $documento->id, 'nota' => '0','nota_venta' => 1)) }}" class="btn btn-block btn-w-m btn-primary m-t-md">
                    <i class="fa fa-plus-square"></i> Nota
                </a>
                @endif
            </div>
        @else
            <div class="col-12">
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    ESTE DOC DE VENTA <strong>{{$documento->serie.'-'.$documento->correlativo}}</strong>
                    FORMA PARTE DE LA ATENCIÓN DEL PEDIDO <strong>{{"PE-".$documento->pedido_id}}</strong> <br>
                    <strong>SOLO PODRÁN REALIZARSE DEVOLUCIONES CON NOTAS DE CRÉDITO DESDE SU DOCUMENTO DE FACTURACIÓN!</strong> 
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        @endif
    @endif
    


</div>

<form action="{{ route('ventas.notas.create') }}" class="d-none" method="POST" id="frm-credito">
    @csrf
    <input type="hidden" name="nota" value="0">
    <input type="hidden" name="documento_id" value="{{ $documento->id }}">
</form>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-md-12 m-t">
            <div class="alert alert-info">
                <div class="row">
                    <div class="col-12">
                        <p style="text-transform:uppercase"><strong><i class="fa fa-caret-right"></i> Información del documento de venta:</strong></p>
                    </div>
                </div>
                <div class="row"  style="text-transform:uppercase">
                    <div class="col-md-6 b-r">
                        <div class="row">
                            <div class="col-md-6">
                                <label><strong>Comprobante: </strong></label>
                                <p class="text-navy">{{ $documento->nombreDocumento() }}</p>
                            </div>
                            <div class="col-md-6">
                                <label><strong>Código: </strong></label>
                                <p class="">{{ $documento->serie.'-'.$documento->correlativo }}</p>
                            </div>
                            @if ($documento->pedido_id)
                                <div class="col-md-6">
                                    <label><strong>PEDIDO: </strong></label>
                                    <p class="">{{'PE-'.$documento->pedido_id.' ('.$documento->tipo_doc_venta_pedido.')' }}</p>
                                </div>
                            @endif
                        </div>

                        <div class="form-group">
                            <label><strong>Cliente: </strong></label>
                            <p>{{ $documento->clienteEntidad->nombre }}</p>
                        </div>

                        <div class="row">
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label><strong>{{ $documento->tipo_documento_cliente}} </strong></label>
                                    <p>{{ $documento->clienteEntidad->documento }}</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label><strong>Dirección: </strong></label>
                                    <p>{{ $documento->clienteEntidad->direccion }}</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-6">
                                <label><strong>Sub Total: </strong></label>
                                <p>{{ number_format($documento->total, 2) }}</p>
                            </div>
                            <div class="col-md-6">
                                <label><strong>Igv {{$documento->igv}}% </strong></label>
                                <p>{{ number_format($documento->total_igv, 2) }}</p>
                            </div>
                        </div>


                     
                        <div class="form-group">
                            <label><strong>Total: </strong></label>
                            <p>{{ number_format($documento->total_pagar, 2) }}</p>
                        </div>
                    </div>
                </div>
                <div class="row d-none">
                    <div class="col-12 col-md-4">
                        {{
                            $miQr = QrCode::
                                  // format('png')
                                  size(200)  //defino el tamaño
                                  ->backgroundColor(0, 0, 0) //defino el fondo
                                  ->color(255, 255, 255)
                                  ->margin(1)  //defino el margen
                                  ->generate((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ?
            "https" : "http") . "://" . $_SERVER['HTTP_HOST']."/ventas/documentos/comprobante/".$documento->id.'-100') /** genero el codigo qr **/
                        }}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <div class="table-responsive">
                        <table class="table dataTables-notas table-striped table-bordered table-hover"
                        style="text-transform:uppercase">
                            <thead>
                                <tr>
                                    <th style="display:none;"></th>
                                    <th class="text-center">DOC. AFECTADO</th>
                                    <th class="text-center">FECHA EMISION</th>
                                    <th class="text-center">N°</th>
                                    <th class="text-center">CLIENTE</th>
                                    <th class="text-center">EMPRESA</th>
                                    <th class="text-center">MONTO</th>
                                    <th class="text-center">NOTA</th>
                                    <th class="text-center">SUNAT</th>
                                    <th class="text-center">ACCIONES</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@push('styles')
<!-- DataTable -->
<link href="{{asset('Inspinia/css/plugins/dataTables/datatables.min.css')}}" rel="stylesheet">
@endpush

@push('scripts')
<!-- DataTable -->
<script src="{{asset('Inspinia/js/plugins/dataTables/datatables.min.js')}}"></script>
<script src="{{asset('Inspinia/js/plugins/dataTables/dataTables.bootstrap4.min.js')}}"></script>

<script>
    @if(Session::has('nota_credito_error'))
        toastr.error('{{ Session::get('nota_credito_error') }}','OCURRIÓ UN ERROR',{timeOut:0});
    @endif
    @if(Session::has('nota_credito_sunat_success'))
        toastr.success('{{ Session::get('nota_credito_sunat_success') }}','NOTA DE CRÉDITO ENVIADA',{timeOut:0});
    @endif
    @if(Session::has('nota_credito_sunat_error'))
        toastr.success('{{ Session::get('nota_credito_sunat_error') }}','OCURRIÓ UN ERROR EN EL ENVÍO A SUNAT',{timeOut:0});
    @endif
</script>

<script>
    $(document).ready(function() {

        var url = '{{ route("ventas.getNotes", ":id")}}';
        url = url.replace(':id', '{{ $documento->id }}');
        // DataTables
        $('.dataTables-notas').DataTable({
            "dom": '<"html5buttons"B>lTfgitp',
            "buttons": [{
                    extend: 'excelHtml5',
                    text: '<i class="fa fa-file-excel-o"></i> Excel',
                    titleAttr: 'Excel',
                    title: 'Tablas Generales'
                },
                {
                    titleAttr: 'Imprimir',
                    extend: 'print',
                    text: '<i class="fa fa-print"></i> Imprimir',
                    customize: function(win) {
                        $(win.document.body).addClass('white-bg');
                        $(win.document.body).css('font-size', '10px');
                        $(win.document.body).find('table')
                            .addClass('compact')
                            .css('font-size', 'inherit');
                    }
                }
            ],
            "bPaginate": true,
            "bLengthChange": true,
            "bFilter": true,
            "bInfo": true,
            "bAutoWidth": false,
            "processing": true,
            "ajax": url,
            "columns": [
                //NOTAS
                {
                    data: 'id',
                    className: "text-center",
                    visible: false
                },

                {
                    data: 'documento_afectado',
                    className: "text-center"
                },

                {
                    data: 'fecha_emision',
                    className: "text-center"
                },
                {
                    data: 'numero-sunat',
                    className: "text-center",
                },
                {
                    data: 'cliente',
                    className: "text-left"
                },
                {
                    data: 'empresa',
                    className: "text-left"
                },

                {
                    data: 'monto',
                    className: "text-center"
                },
                {
                    data: null,
                    className: "text-center",
                    render: function(data) {
                        switch (data.tipo_nota) {
                            case "1":
                                return "<span class='badge badge-warning' d-block>DEBITO</span>";
                                break;
                            default:
                                return "<span class='badge badge-primary' d-block>CREDITO</span>";
                        }
                    },
                },
                {
                    data: null,
                    className: "text-center",
                    render: function(data) {
                        switch (data.sunat) {
                            case "1":
                                return "<span class='badge badge-warning' d-block>ACEPTADO</span>";
                                break;
                            case "2":
                                return "<span class='badge badge-danger' d-block>NULA</span>";
                                break;
                            default:
                                return "<span class='badge badge-success' d-block>REGISTRADO</span>";
                        }
                    },
                },

                {
                    data: null,
                    className: "text-center",
                    render: function(data) {
                        //Ruta Detalle

                        let url_detalle = '{{ route("ventas.notas_dev.show", ":id")}}'
                        if(data.tipo_venta_id != 129){
                            url_detalle = '{{ route("ventas.notas.show", ":id")}}';
                        }

                        url_detalle = url_detalle.replace(':id', data.id);

                        let cadena = "<div class='btn-group' style='text-transform:capitalize;'><button data-toggle='dropdown' class='btn btn-primary btn-sm  dropdown-toggle'><i class='fa fa-bars'></i></button><ul class='dropdown-menu'>" ;

                        if(data.tipo_venta_id != 129)
                        {
                            cadena = cadena +
                            "<li><a class='dropdown-item' target='_blank' onclick='detalle(" +data.id+ ")' title='Detalle'><b><i class='fa fa-eye'></i> Detalle</a></b></li>";
                        }
                        else
                        {
                            cadena = cadena +
                            "<li><a class='dropdown-item' target='_blank' onclick='detalle_dev(" +data.id+ ")' title='Detalle'><b><i class='fa fa-eye'></i> Detalle</a></b></li>";
                        }

                        if(data.tipo_venta_id != 129 && data.cdr_response_code != "0")
                        {
                            cadena = cadena + "<li class='d-none'><a class='dropdown-item' onclick='eliminar(" + data.id + ")' title='Eliminar'><b><i class='fa fa-trash'></i> Eliminar</a></b></li>" +
                            "<li class='dropdown-divider'></li>" +
                            "<li><a class='dropdown-item' onclick='enviarSunat(" +data.id+ ")'  title='Enviar Sunat'><b><i class='fa fa-file'></i> Enviar Sunat</a></b></li>";
                        }


                        cadena = cadena + "</ul></div>";

                        return cadena;
                    }
                }

            ],
            "language": {
                "url": "{{asset('Spanish.json')}}"
            },
            "order": [
            ],
        });



        //Controlar Error
        $.fn.DataTable.ext.errMode = 'throw';

    });

    const swalWithBootstrapButtons = Swal.mixin({
        customClass: {
            confirmButton: 'btn btn-success',
            cancelButton: 'btn btn-danger',
        },
        buttonsStyling: false
    })


    function detalle(id) {

        var url = '{{ route("ventas.notas.show", ":id")}}';
        url = url.replace(':id',id);
        window.open(url, "Comprobante SISCOM", "width=900, height=600")
    }

    function detalle_dev(id) {
        var url = '{{ route("ventas.notas_dev.show", ":id")}}';
        url = url.replace(':id',id);
        window.open(url, "Comprobante SISCOM", "width=900, height=600")
    }

    function enviarSunat(id) {

        Swal.fire({
            title: "Opción Enviar a Sunat",
            text: "¿Seguro que desea enviar nota a Sunat?",
            showCancelButton: true,
            icon: 'info',
            confirmButtonColor: "#1ab394",
            confirmButtonText: 'Si, Confirmar',
            cancelButtonText: "No, Cancelar",
            // showLoaderOnConfirm: true,
        }).then((result) => {
            if (result.value) {

                var url = '{{ route("ventas.notas.sunat", ":id")}}';
                url = url.replace(':id',id);
                window.location.href = url

                Swal.fire({
                    title: '¡Cargando!',
                    type: 'info',
                    text: 'Enviando nota a Sunat',
                    showConfirmButton: false,
                    onBeforeOpen: () => {
                        Swal.showLoading()
                    }
                })

            } else if (
                /* Read more about handling dismissals below */
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelado',
                    'La Solicitud se ha cancelado.',
                    'error'
                )
            }
        })

    }


    @if(Session::has('sunat_exito'))
        Swal.fire({
            icon: 'success',        
            title: '{{ Session::get("id_sunat") }}',
            text: '{{ Session::get("descripcion_sunat") }}',
            showConfirmButton: false,
            timer: 2500
        })
    @endif

    @if(Session::has('sunat_error'))
        Swal.fire({
            icon: 'error',
            title: '{{ Session::get("id_sunat") }}',
            text: '{{ Session::get("descripcion_sunat") }}',
            showConfirmButton: false,
            timer: 5500
        })
    @endif
</script>
@endpush