@extends('layouts.admin')
@section('title')DEVOLUCIONES @stop
@section('titulo')NOTAS DE DEVOLUCION @stop
@section('menu-devolucion')active open @stop

{{--@section('libros-opcion')active  @stop--}}
@section('acciones')
    <a href="#modal-create" data-toggle="modal" class=" btn-create btn btn-primary waves-effect waves-light waves-round"  type="button"> <i class="icon md-plus"></i>Nueva Devolucion</a>


@stop
@section('descripcion')
    <ol class="breadcrumb breadcrumb-arrow">
        <li class="breadcrumb-item"><a href="{{url('/')}}">Inicio</a></li>
        <li class="breadcrumb-item ">Almacenes</li>
        <li class="breadcrumb-item active"><a href="{{url('/notas-devolucion')}}">Notas de Devolucion</a></li>
    </ol>
@stop
@section('content')

    <div class="nav navbar-nav float-xs-right">
        <form class="form-inline pull-right" method="get" action="{{url('notas-devolucion')}}" >
            @include('includes.form-periodo')
            <div class="form-group form-material">
                <button type="submit" class="btn btn-outline-info waves-effect waves-light waves-round"> <i class="icon md-search"></i>Consultar</button>
            </div>
        </form>
    </div>

    <div class="table-responsive">

        <table  id="table"  class="data-table table table-hover  table-striped " >
            <thead>
            <tr>
                <th>FECHA </th>
                <th>NUMERO</th>
                {{--<th>FECHA <br> REGISTRO</th>--}}
                <th>VENDEDOR</th>
                <th>TIPO DEVOLUCION</th>
                <th>N° CONTRATO</th>
                <th>ESTADO</th>
                {{--<th>USUARIO</th>--}}
                <th>ACCIONES</th>
            </tr>
            </thead>
            <tbody>
            @foreach($datos as $f=>$r)
                <tr>
                    <td>{{$r->fecha->format('d/m/Y')}}</td>
                    <td width="1%">{{$r->id}}</td>
{{--                    <td>{{$r->created_at->format('d/m/Y H:i:s')}}</td>--}}
                    <td >{{$r->vendedor->nombre_completo}}</td>
                    <td >{{$r->tipo}}</td>
                    <td >{{$r->numcontrato}}</td>
                    <td>{{$r->estado}}</td>
{{--                    <td>{{$r->user->name}}</td>--}}
                    <td>
                        @if($r->estado=='CREADO')
                            <a a href="notas-devolucion/{{$r->id}}/editar" class=" btn  btn-icon btn-pure btn-warning on-default edit-row waves-effect waves-light waves-round" data-toggle="tooltip" data-original-title="Editar"><i class="icon md-edit" aria-hidden="true"></i></a>
                            <a href="notas-devolucion/{{$r->id}}/procesar" id="{{$r->id}}" class="btn-procesar btn btn-icon btn-pure btn-success on-default remove-row waves-effect waves-light waves-round" data-toggle="tooltip" data-original-title="Procesar"><i class="icon md-check-circle" aria-hidden="true"></i></a>
                             <a href="notas-devolucion/{{$r->id}}/delete" id="{{$r->id}}"  class="btn-delete btn  btn-icon btn-pure btn-danger on-default remove-row waves-effect waves-light waves-round" data-toggle="tooltip" data-original-title="Eliminar"><i class="icon md-delete" aria-hidden="true"></i></a>
                        @endif
                        <a href="notas-devolucion/{{$r->id}}/ver" class="btn-ver btn btn-icon btn-pure btn-default on-default remove-row waves-effect waves-light waves-round" data-toggle="tooltip" data-original-title="Ver Nota"><i class="icon md-open-in-new" aria-hidden="true"></i></a>
                            @if($r->estado=='PROCESADO')
                             <a href="notas-devolucion/{{$r->id}}/anular" id="{{$r->id}}"  class="btn-anular btn  btn-icon btn-pure btn-danger on-default remove-row waves-effect waves-light waves-round" data-toggle="tooltip" data-original-title="Anular"><i class="icon md-block" aria-hidden="true"></i></a>
                                <button onclick="cargarModalKardex('devolucion',{{$r->id}})" class=" btn-verkardex  btn btn-info btn-icon btn-pure btn-dark on-default remove-row waves-effect waves-light waves-round" data-target="#" data-toggle="modal" type="button">K</button>

                            @endif

                    </td>

                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div class="modal-create modal fade modal-slide-in-" id="modal-create" aria-hidden="true"
         aria-labelledby="exampleModalTitle" role="dialog" >
        <div class="modal-dialog modal-simple">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">Registrar Nota de Devolucion</h4>
                </div>
                <div class="modal-body">
                    <form autocomplete="off" class="form-registrar" action="{{url('notas-devolucion/create')}}" method="POST">
                        {!! csrf_field() !!}
                        <div class="row">
                            <div class="form-group form-material col-md-8">
                                <label class="form-control-label" for="inputBasicFirstName">Vendedor</label>
                                <select  required name="vendedor" class="form-control select2" id="">
                                    <option value="">Seleccione un Vendedor</option>
                                    @foreach($vendedores as $v)
                                        <option value="{{$v->id}}">{{$v->nombre_completo}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group  col-md-4">
                                <label class="form-control-label" for="inputBasicLastName"><strong>Fecha</strong></label>
                                <div class="input-group">
                                    <span class="input-group-addon" ><span class="icon md-calendar"></span></span>
                                <input type="text" readonly   required name="fecha"  value="{{date('d/m/Y')}}" class=" fecha-registro form-control datepicker">
                                </div>

                            </div>
                        </div>

                        <div class="form-group form-material">
                            <button type="submit" class="btn  btn-registrar btn-primary">Registrar</button>
                        </div>
                    </form>
                </div>

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

    <div class="modal-ver modal fade modal-slide-in-right" id="exampleNiftySlideFromRight" aria-hidden="true"
         aria-labelledby="exampleModalTitle" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-simple">
            <div class="modal-content">

                <div class="modal-body">

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


    <div class="modal-faltantes modal fade modal-slide-in-right" id="exampleNiftySlideFromRight" aria-hidden="true"
         aria-labelledby="exampleModalTitle" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-simple modal-warning">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title"><i class="icon md-notifications"></i> Alerta</h4>
                </div>
                <div class="modal-body">
                    <p >No se puede procesar la nota de Devolucion no hay suficientes items en el kardex.</p>
                    <div class="div-faltantes">

                    </div>

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

    @include('includes.modal-kardex')


@section('scripts')
    <script src="{{asset('assets/js/jquery.PrintArea.js')}}" type="text/javascript"></script>

    <script>
            var sending=false
    function processData(_href){
        if(sending==false){
            window.location = _href
        sending=true  
        }
    }

        function imprimirNota(id){
            let url='notas-devolucion/'+{{$id_nota}}+'/ver';
            $.ajax({
                url:url,
                method:'GET',
                dataType:'html',
                success:function(res)
                {
                    $('.modal-ver').find('.modal-body').empty();
                    $('.modal-ver').find('.modal-body').html(res)
                    $('.modal-ver').modal('show')
                }
            })

        }

        function alerta(id)
        {
            $.ajax({
                url:'./libros/'+id+'/edit',
                method:'GET',
                dataType:'html',
                success:function(res){
                    $('.modales').empty();
                    $('.modales').append(res)
                    $('.modal-edit').modal('show')
                    select2();
                },
                error:function(){
                    alert('ocurrio un error')
                }
            })

        }

        function imprimir(){
            var options = { mode : "iframe", popClose : close,  retainAttr : ['class','style','id'] };

            $('#nota').printArea(options);
        }
         function mostrarFaltantes(datos){
            var fila='<table class="table">'+
                    '<tr><th>CODIGO</th><th>TITULO</th><th>CANTIDAD FALTANTE</th></tr>';
                    datos.forEach(function(v,k){
                        fila+='<tr>'+
                                '<td>'+v.codigo+'</td>'+
                                '<td>'+v.titulo+'</td>'+
                                '<td>'+v.cantidad_faltante+'</td>'+
                                '</tr>';

                    })
                fila+='</table>';

                    $('.modal-faltantes').find('.div-faltantes').empty()
                    $('.modal-faltantes').find('.div-faltantes').append(fila)
                     $('.modal-faltantes').modal('show')

         }


        $(document).ready(function(){


                $('.btn-registrar').click(function(_evt){
                    _evt.preventDefault();
                       _fecha=$('.fecha-registro').val()

                       if(_fecha==''){
                      swal('Alerta','Debe seleccionar una fecha','warning')
                            return false;
                       }

                       
         
         $.ajax({
             url:"{{url('common/validar-cierre')}}",
             data:{fecha:_fecha,modulo:'ALMACEN'},
             dataType:'json',
             method:'GET',
             async:false,
          

         })
         .done(function(res){
             if(!res){
                         swal('Alerta','No esta permitido registrar en la fecha seleccionada','warning')
                        return false;
                        
                    }      
                    else{

                        $('.form-registrar').submit();

                    }
         });
                })


            @if(isset($imprimir) && $imprimir)
                    imprimirNota({{$id_nota}})
                    @endif

            $('.btn-anular').click(function(_evt){
                _evt.preventDefault();
                let _href=$(this).attr('href')
                let _id=$(this).attr('id')

                swal({
                        title: "Esta seguro?",
                        text: "Se anulara la nota de Devolucion Num:"+_id,
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonClass: "btn-warning",
                        confirmButtonText: "Si, Anular!",
                        cancelButtonText:"Cancelar",
                        closeOnConfirm: false
                    },
                    function() {

                    window.location=_href



                    });


            });

            $('.btn-ver').click(function(_evt){
                _evt.preventDefault();
                let url=$(this).attr('href')
                $.ajax({
                    url:url,
                    method:'GET',
                    dataType:'html',
                    success:function(res)
                    {
                        $('.modal-ver').find('.modal-body').empty();
                        $('.modal-ver').find('.modal-body').html(res)
                        $('.modal-ver').modal('show')
                    }
                })
            });

            $('.btn-procesar').click(function(_evt){
                _evt.preventDefault();
                 var _id=$(this).attr('id');
                 var _href=$(this).attr('href')

                swal({
                        title: "Esta seguro?",
                        text: "Se Procesara esta nota de devolucion y ya no  podra editar.",
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonClass: "btn-danger",
                        confirmButtonText: "Si, Procesar!",
                        cancelButtonText:"Cancelar",
                        closeOnConfirm: false
                    },
                    function(){

                    $.ajax({
                        url:'./notas-devolucion/'+_id+'/validar-disponible',
                        method:'GET',
                        dataType:'json',
                        success:function(res){
                            if(res.status){
                                // window.location=_href
                                processData(_href)
                            }
                            else{
                                swal.close();
                                mostrarFaltantes(res.datos)

                            }

                        },
                        error:function(){
                            alert('ocurrio un problema en el servidor');
                        }
                    })

                        // window.location=_href
                    });

            })



            var select2=function(){


                $('body .select2').select2({
                    placeholder: 'Seleccione una opcion',
                    multiple:false,
                    width:'90%'
                });

            }


            $('.btn-delete').click(function(_evt){
                _evt.preventDefault();

                var _href=$(this).attr('href')
                var _id=$(this).attr('id')


                swal({
                        title: "Esta seguro?",
                        text: "Se eliminara la nota de devolucion Num:"+_id,
                        type: "warning",
                        showCancelButton: true,
                        confirmButtonClass: "btn-danger",
                        confirmButtonText: "Si, Eliminar!",
                        cancelButtonText:"Cancelar",
                        closeOnConfirm: false
                    },
                    function(){
                        window.location=_href
                    });

            })





            $('.btn-create').click(function(){
                $('.modal-create').modal('show')
                select2()
            })



            $('body .btn-edit').on('click',function(){
                var id=$(this).attr('id')


                $.ajax({
                   url:'./libros/'+id+'/edit',
                    method:'GET',
                    dataType:'html',
                    success:function(res){
                        $('.modales').empty();
                        $('.modales').append(res)
                        $('.modal-edit').modal('show')
                        select2();
                    },
                    error:function(){
                        alert('ocurrio un error')
                    }
                })
            })
        })


    </script>
@stop


@endsection