@extends('fragments.fullTemplate')
@section('titulo')
    Cotizaciones
@endsection
@section('contenido')
@php
   $urlCotizacionPdf = asset('documentos/cotizaciones/'.$cotizacion->folio.'-'.$cotizacion->updated_at->format('d-m-Y').'.pdf');
   $nombreDocumento = $cotizacion->folio.'-'.$cotizacion->updated_at->format('d-m-Y').'.pdf';
   $pdfPath = public_path('documentos/cotizaciones/'.$cotizacion->folio.'-'.$cotizacion->updated_at->format('d-m-Y').'.pdf');
   $documentoExistente = file_exists($pdfPath);
@endphp
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Cotizaciones</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Cotización</div>
    </div>
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
            @if(isset($estadoTramitadorCotizacion) && empty($estadoTramitadorCotizacion['valido']))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ $estadoTramitadorCotizacion['mensaje'] }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label class="font-weight-bold" for="folio_cotizacion" class="">Folio de cotización</label>
                    <input type="text" class="form-control" placeholder="Folio de cotización" value="{{$cotizacion->folio}}" disabled>
                </div>
                <div class="form-group col-md-6">
                    <label class="font-weight-bold" for="folio_cotizacion" class="">Nombre de la empresa</label>
                    <input type="text" class="form-control" placeholder="Folio de cotización" value="{{$cotizacion->cliente->nombre_empresa}}" disabled>
                </div>
            </div>
        </div>
    </div>
    
    <div class="ui grid">
         @if ($permisos->crear == 1 || $permisos->gerente == 1) 
        <div class="ten wide column">
            <a class="ui button fluid primary" id="new_servicio">
                <i class="pencil alternate icon"></i> Nuevo servicio
            </a>
        </div> 
        @endif
        @if($permisos->gerente == 1 || $permisos->verqr == 1)
        <div class="three wide column">
            <a class="ui red inverted fluid button" id="pdf">
                <i class="file pdf icon"></i> Exportar PDF
            </a>
        </div>
        <div class="three wide column">
            <a class="ui blue inverted fluid button send_mail_servicio_cliente_modal">
                <i class="envelope icon"></i> Enviar correo
            </a>
        </div>
    @endif
    
    </div>
    

    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{$cotizacion->precios->count()}}</strong> resultados en esta página</p>
            <table class="ui celled very basic celled table unstackable">
                <thead>
                    <tr>
                        <th class="text-center">Producto</th>
                        <th class="text-center collapsing">Muestras requeridas</th>
                        <th class="text-center collapsing">Cantidad</th>
                        <th class="text-center collapsing">Precio unitario</th>
                        <th class="text-center collapsing">Precio unitario con dto.</th>
                        <th class="text-center ">Total</th>
                        <th class="text-center collapsing"></th>
                    </tr>                    
                </thead>
                <tbody>
                    @if($cotizacion->precios->count())
                    @php
                        $total = 0;   
                    @endphp
                    @foreach ($cotizacion->precios as $registro)
                    <tr>
                        <td class="">
                            <p class="font-weight-bold">{{$registro->servicio->servicio}}</p>
                            <p>{{$registro->precio->tipo_producto}}</p>
                        </td>
                        <td class="text-center">{{$registro->pivot->muestras_requeridas}}</td>
                        <td class="text-center">{{$registro->pivot->cantidad}}</td>
                        <td class="text-center">$ {{ number_format($registro->precio->precio_unitario, 2, '.', ',') }}</td> 
                        <td class="text-center">$
                        @if(empty($registro->pivot->aplicar_descuento))
                            0
                        @else 
                            {{ number_format(($registro->precio->precio_unitario - ($registro->precio->precio_unitario*($cotizacion->cliente->descuento/100))), 2, '.', ',') }} 
                        @endif
                        </td> 
                        <td class="text-center collapsing">$ 
                        @if(empty($registro->pivot->aplicar_descuento))
                            {{ number_format(($registro->precio->precio_unitario * $registro->pivot->cantidad), 2, '.', ',') }}
                        @else 
                            {{ number_format((($registro->precio->precio_unitario - ($registro->precio->precio_unitario*($cotizacion->cliente->descuento/100)))* $registro->pivot->cantidad), 2, '.', ',') }} 
                        @endif
                       
                        </td>
                        <td>
                            <div class="ui tiny icon buttons">
                                <!-- Editar -->
                                 @if ($permisos->actualizar == 1 || $permisos->gerente == 1) 
                                <a class="ui button green" title="Modifica" id="edit_cotizacion" data-id="{{$registro->pivot->id_cotizacion_x_lista_precio}}">
                                    <i class="pencil alternate icon"></i>
                                </a>
                                 @endif
                                  @if ($permisos->eliminar == 1 || $permisos->gerente == 1) 
                                <a class="ui button red" title="Eliminar" id="delete_cotizacion" data-id="{{$registro->pivot->id_cotizacion_x_lista_precio}}">
                                    <i class="trash alternate icon"></i>
                                </a>
                                 @endif
                                @if($documentoExistente )

                                <a class="ui button orange" title="Exportar PDF" onclick='downloadPdf("{{$urlCotizacionPdf}}","{{$nombreDocumento}}")'>
                                    <i class="file pdf icon"></i>
                                </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @php
                        if(empty($registro->pivot->aplicar_descuento)){
                            $total += ($registro->precio->precio_unitario * $registro->pivot->cantidad);
                        }else{ 
                            $total += (($registro->precio->precio_unitario - ($registro->precio->precio_unitario*($cotizacion->cliente->descuento/100)))* $registro->pivot->cantidad);
                        }
                        //$total += $registro->precio->precio_unitario * $registro->pivot->cantidad; 
                    @endphp                    
                    @endforeach
                    <tr>
                        <th scope="row" colspan="5" class="text-right" style="border-bottom:0px;">Subtotal:</th>
                        <th colspan="2">$ {{ number_format($total, 2, '.', ',') }}</th>
                        
                    </tr>
                    <tr>
                        <th scope="row" colspan="5" class="text-right" style="border-bottom:0px;border-top:0px;">IVA:</th>
                        <th colspan="2">$ {{ number_format(($iva = $total*0.16), 2, '.', ',') }}</th>
                        
                    </tr>
                    <tr>
                        <th scope="row" colspan="5" class="text-right" style="border-bottom:0px;border-top:0px;">Total:</th>
                        <th colspan="2">$ {{ number_format(($total+$iva), 2, '.', ',') }}</th>
                        
                    </tr>
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{--$cotizacion->precios->links("pagination::bootstrap-4")--}}
        </div>
    </div>

    @include('fragments.back', ['url' => 'cotizaciones'])



    @include('Cotizaciones.new_cotizacion')
    @include('Cotizaciones.edit_cotizacion')
    @include('Cotizaciones.delete_cotizacion')
    @include('Cotizaciones.Tabs.pdf')
    @include('Cotizaciones.Tabs.send_mail_cotizacion_modal')
    <script>
        $(document).ready(function(){
         
            let cc = 5;
            let para = $(".para").toArray().length;;
            console.log(para);
            $("#enter-mail-id-cc").keydown(function (e) {
            if (e.keyCode == 13 || e.keyCode == 32) {
                //alert('You Press enter');
                var getValue = $(this).val();
                
                if ((/^([\da-z_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/).test(getValue.trim())){
                    $('.all-mail-cc').append('<div class="input-group mb-1 col-6">'+ 
                                                '<input class="form-control form-control-sm disabled" type="email" id="copia_'+(++cc)+'" name="copia_'+(cc)+'" value="'+getValue+'">'+
                                                '<div class="input-group-append">'+
                                                    '<button class="btn btn-outline-danger btn-sm cancel-email" type="button">X</button>'+
                                                '</div>'+
                                            '</div>');
                    $(this).val('');
                } else {
                    alert("La dirección de email es incorrecta.");
                }
                
            }
            });

            $("#enter-mail-id-para").keydown(function (e) {
            if (e.keyCode == 13 || e.keyCode == 32) {
                //alert('You Press enter');
                var getValue = $(this).val();
                if ((/^([\da-z_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/).test(getValue.trim())){
                    $('.all-mail-para').append('<div class="input-group mb-1 col-6">'+ 
                                                    '<input class="form-control form-control-sm para disabled" type="email" id="para_opcional_'+(++para)+'" name="para_opcional_'+(para)+'" value="'+getValue+'">'+
                                                    '<div class="input-group-append">'+
                                                        '<button class="btn btn-outline-danger btn-sm cancel-email" type="button">X</button>'+
                                                    '</div>'+
                                                '</div>');
                    $(this).val('');
                }else{
                    alert("La dirección de email es incorrecta.");
                }
            }
            });

            $(document).on('click','.cancel-email',function(){
                cc--;
                $(this).parent().parent().remove();
            });

            $('.summernote').summernote({
                placeholder: 'Mensaje',
                tabsize: 1,
                height: 150,
                toolbar: [
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['view', ['fullscreen']]
                ]
            });
            $('#new_servicio').click(function(){
                $('#ModalCotizacion').find('.modal-dialog').addClass('modal-xl');
                $('#ModalCotizacion').modal('show');
            });

            $('a#edit_cotizacion').click(function(){
                id_cotizacion_x_lista_precio = $(this).data('id');
                showLoader();
                $.ajax({
                    url:"{{ url('show_cotizacion') }}",
                    method:"POST",
                    data:{'id_cotizacion_x_lista_precio': id_cotizacion_x_lista_precio, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        $('#modalEditcotizacion').find('.modal-dialog').addClass('modal-xl');
                        $('#modalEditcotizacion').modal('show');
                        hideLoader();
                    }
                });
            });

            $('a#delete_cotizacion').click(function(){
                id_cotizacion = $(this).data('id');
                $('#modalDeleteCotizacion').modal('show');
            });

            $('a#pdf').click(function(){
                $('#modalPdf').modal('show');
            });
        });

        $('#modalEditcotizacion').on('show.bs.modal', function () {
           $("#modal-form-modify :input").each(function(){
               input = $(this).attr('id');
               if(input in resultData){
                   $('#modal-form-modify #'+input).val(resultData[input]);
                   $('#modal-form-modify #'+input).selectpicker('val', resultData[input]);
               }
               if(input == 'aplicar_descuento_edit'){
                    
                    if(resultData['aplicar_descuento']){
                        $('#modal-form-modify #aplicar_descuento_edit').attr('checked', true);
                    }else{
                        $('#modal-form-modify #aplicar_descuento_edit').removeAttr('checked');
                    }
                }
           });
       });

        $('#modalDeleteCotizacion').on('show.bs.modal', function () {
            $('#modal-form-delete input#id_cotizacion_x_lista_precio').val(id_cotizacion);
        });


        $(document).on('click','.send_mail_servicio_cliente_modal',function(){
            
            $('#send_mail_servicio_cliente_modal').modal('show'); 
        });

        $('#send_email_button').click(function(){
        //alert("Enviando...");
            pdf_button = $(this).attr('id');
                
            spinner = $('#'+pdf_button).find('span');
            spinner.removeClass('d-none');

            icono = $('#'+pdf_button).find('i');
            icono.addClass('d-none');

            setInterval(function(){ 
                spinner.addClass('d-none'); 
                icono.removeClass('d-none');
            }, 90000);
        });
        num_destinatario = 1;
        $('#add_email_destinatario').click(function(){
            num_destinatario++;
            $('#add_email_destinatario_div').append('<label for="destinatario" class="col-sm-2 col-form-label">Para:</label>');
            $('#add_email_destinatario_div').append('<div class="col-sm-10"><div class="form-group"><input class="form-control" type="email" id="email_destinatario_'+(num_destinatario)+'" name="email_destinatario_'+(num_destinatario)+'" placeholder="Ingrese el email del destinatario" required></div></div>');
        });

    const downloadPdf = (url,nombreArchivo) =>
    {
        fetch(url)
        .then(response => response.blob())
        .then(blob => {
            // Crear un objeto URL para el blob
            var urlBlob = window.URL.createObjectURL(blob);

            // Crear un elemento <a> para el enlace de descarga
            var enlaceDescarga = document.createElement('a');
            enlaceDescarga.href = urlBlob;
            enlaceDescarga.download = 'cotizacion-'+nombreArchivo;

            // Agregar el enlace al documento y simular un clic para iniciar la descarga
            document.body.appendChild(enlaceDescarga);
            enlaceDescarga.click();

            // Liberar el objeto URL
            window.URL.revokeObjectURL(urlBlob);
        })
        .catch(error => {
            console.error('Error al descargar el PDF:', error);
        });
        // console.log(url);
    }
    </script>
@endsection