@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <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
        </div>
    </div>
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>    
        <div class="section">Facturación</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Facturas e Informes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Detalles Factura</div>
    </div>
        <div class="ui divider"></div>
        <div data-module-notifications-anchor></div>
        <h4>Datos Comprobante Factura</h4>
        <div class="ui divider"></div>
        <div class="ui grid">
            <div class="five wide column">
                <a class="ui button fluid green inverted @if ($factura->cancelado == 1)
                    disabled
                @endif" href="{{url('facturacion_sw/'. $id_cliente_factura .'/factura/' . $factura->id_factura . '/pdf_complemento')}}" >
                    <i class="file pdf icon"></i> Descargar PDF 
                </a>
            </div>
            <div class="five wide column">
                <a class="ui button fluid blue inverted @if ($factura->cancelado == 1)
                    disabled
                @endif" href="{{url('facturacion_sw/xml/'.$factura->id_factura)}}" >
                    <i class="file xml icon"></i> Descargar XML
                </a>
            </div>
            <div class="six wide column">
                <a class="ui button fluid red @if ($factura->cancelado == 1)
                    disabled
                @endif" id="cancelacion" >
                    <i class="ban icon"></i> Cancelacion factura 
                </a>
            </div>
        </div>
        <div class="ui divider"></div>
        <iframe src="{{url('facturacion_sw/'. $id_cliente_factura .'/factura/' . $factura->id_factura . '/pdf_complemento')}}" style="width:100%; height:700px;"></iframe>
            
            
        @include('fragments.back', ['url' => 'facturacion_cliente_sw/'.$id_cliente_factura])
        @include('Facturacion-sw.delete_factura')
        <script>
            $(document).ready(function(){
                $('#factura').prop('disabled', true);
                $('#factura').selectpicker('refresh');
                $("#cancelacion").click(function(){
                    $('#modalDeleteFactura').modal('show');
                });
                $("#motivo").change(function(){
                    id_motivo = $(this).val();
                    console.log(id_motivo);
                    if(id_motivo == 1){
                        $('#factura').prop('disabled', false);
                        $('#factura').selectpicker('refresh');
                    }else{
                        $('#factura').prop('disabled', true);
                        $('#factura').selectpicker('refresh');
                    }
                });
                $(document).on('click','.send_mail_servicio_cliente_modal',function(){
            
                    $('#send_mail_servicio_cliente_modal').modal('show'); 
                });
                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']]
                    ]
                });
                    
                $('#factura').on('changed.bs.select', function () {
                    let uuid = $('#factura option:selected').data('uuid') || '';
                    $('#folio_sustitucion').val(uuid);
                });

                $('#motivo').on('changed.bs.select', function () {
                    let motivo = $(this).val();

                    if (motivo === '01') {
                        $('#factura').prop('required', true);
                    } else {
                        $('#factura').prop('required', false);
                        $('#factura').selectpicker('val', '');
                        $('#folio_sustitucion').val('');
                    }
                });
            });
        </script>
@endsection