@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
@endsection


@section('js')
    <script src="{{ asset('js/complementoPagos/timbrar.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/firma.js?version=' . version_js_cfdi()) }}"></script>
@endsection

@section('content')

    <script>
        var __flag_pdf__ = "{{ session('flag_pdf') }}"
    </script>
    <div class="content">

        @if (session('message'))
            <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
                style="text-align: center;margin: auto;margin-bottom: 1rem;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <p style="font-weight: bold;">{{ session('message') }}</p>
                <p style="font-weight: bold;">{{ session('message_codigo') }}</p>
            </div>
        @endif
        @if (session('msg_csd_asociado'))
            <div class="alert alert-danger alert-dismissable col-lg-4 col-md-12"
                style="text-align: center;margin: auto;margin-bottom: 1rem;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <p style="font-weight: bold;">{{ session('msg_csd_asociado') }}</p>
            </div>
        @endif
        <br><br>

        <div class="col-sm-12 col-lg-9 col-xl-4" style="margin-left:8%;margin-right:8%">
            <div class="loader-wrapper d-flex justify-content-center align-items-center" id="loader_Inf_timbrado"
                style="width: 100%;height: 77vh;position: absolute;opacity: 1;z-index: 999; ">
                <div class="loader">
                    <div class="ball-grid-pulse">
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 card" id="card_info_timbrado" style="zIndex:-1;opacity:0.3">
                <div class="card-header">Datos del comprobante
                </div>
                <div class="card-body  card-block">
                    <div class="tab-content">
                        <div class="tab-pane active" id="Pagos" role="tabpanel">
                            @if (empty(session('id_comprobante')))
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="main-card mb-3">
                                            <div class="widget-numbers"><span>Esta factura ya fue timbrada</span></div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            @if (session('id_comprobante'))
                                <div class="col-lg-12">
                                    <div class="main-card mb-3 ">

                                        <ul class="list-group list-group-flush">
                                            <li class="list-group-item">
                                                <div class="widget-content p-0">
                                                    <div class="widget-content-wrapper">
                                                        <div class="widget-content-left mr-3">
                                                            <img width="40" class=""
                                                                src="{{ asset('assets/images/documentos-oficiales.png') }}"
                                                                alt="">
                                                        </div>
                                                        <div class="widget-content-left">
                                                            {{-- <div class="row form-group">
                                                                        <div class="col col-md-6">
                                                                            <div class="widget-heading">R.F.C. Emisor: </div>
                                                                        </div>
                                                                        <div class="col-12 col-md-6">
                                                                            <div class="widget-heading">{{ $rfc_emisor }}</div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row form-group">
                                                                        <div class="col col-md-6">
                                                                            <div class="widget-subheading">Nombre Emisor:</div>
                                                                        </div>
                                                                        <div class="col-12 col-md-6">
                                                                            <div class="widget-subheading">{{ $razon_social_emisor }}</div>
                                                                        </div>
                                                                    </div> --}}
                                                            <div class="row form-group">
                                                                <div class="col col-md-6">
                                                                    <div class="widget-heading">R.F.C. del Cliente:</div>
                                                                </div>
                                                                <div class="col-12 col-md-6">
                                                                    <div class="widget-heading">
                                                                        {{ session('rfc_receptor') }}</div>
                                                                </div>
                                                            </div>
                                                            <div class="row form-group">
                                                                <div class="col col-md-6">
                                                                    <div class="widget-subheading">Nombre del Cliente:</div>
                                                                </div>
                                                                <div class="col-12 col-md-6">
                                                                    <div class="widget-subheading">
                                                                        {{ session('razon_social_receptor') }}</div>
                                                                </div>
                                                            </div>
                                                            <div class="row form-group">
                                                                @if (session('serie'))
                                                                    <div class="col col-md-6">
                                                                        <div class="widget-heading">Comprobante:</div>
                                                                    </div>
                                                                    <div class="col-12 col-md-6">
                                                                        <div class="widget-heading">{{ session('serie') }}
                                                                            <span
                                                                                id="folio_nuevo">{{ session('folio') }}</span>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                            <div class="row form-group">
                                                                @if (session('uuid') != 0)
                                                                    <div class="col col-md-6">
                                                                        <div class="widget-heading">UUID:</div>
                                                                    </div>
                                                                    <div class="col-12 col-md-6">
                                                                        <div class="widget-subheading">
                                                                            {{ session('uuid') }}</div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                            <div class="row form-group">
                                                                <div class="col col-md-6" id="label_uuid"
                                                                    style="display:none;">
                                                                    <div class="widget-heading">UUID:</div>
                                                                </div>
                                                                <div class="col-12 col-md-6" id="value_uuid">
                                                                    <div style="display:none;" class="widget-heading"
                                                                        id="div_uuid"> </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <input type="hidden" id="emisor" name="emisor"
                                                            value="{{ session('rfc_emisor') }}">
                                                        <input type="hidden" id="receptor" name="receptor"
                                                            value="{{ session('id_receptor') }}">
                                                        <input type="hidden" id="id" name="id"
                                                            value="{{ session('id_comprobante') }}">
                                                        <input type="hidden" id="ruta_archivo" name="ruta_archivo"
                                                            value="{{ session('ruta_archivo') }}">
                                                        <input type="hidden" id="folio" name="folio"
                                                            value="{{ session('folio') }}">
                                                        <input type="hidden" id="id_folio" name="id_folio"
                                                            value="{{ session('id_folio') }}">
                                                        <input type="hidden" id="serie_xml" name="serie_xml"
                                                            value="{{ session('serie') }}">
                                                    </div>
                                                </div>
                                            </li>
                                            @if (session('flag_timbrado') === true)
                                                <li class="list-group-item">
                                                    <div class="widget-content-right ">
                                                        <div role="group" class="btn-group-sm btn-group">
                                                            <a 
                                                                @if(Storage::disk('public')->exists(session('path_xml_txt')) == 1||Storage::disk('private')->exists(session('path_xml_txt')) == 1)
                                                                    href="/download/xml/cfd/?id={{session('id_comprobante')}})"
                                                                    download="PRE_{{session('rfc_emisor')}}{{session('serie').session('folio')}}_{{Carbon\Carbon::now()->format('Y-m-d_H:i:ss')}}.xml";
                                                                    target='_blank'
                                                                @else
                                                                    href="#"
                                                                @endif
                                                                id="download_xml_g">
                                                                <button class="mb-2 mr-2 btn-icon btn btn-primary">
                                                                    <i class="fa fa-file btn-icon-wrapper"> </i>
                                                                    Descargar {{ session('xml_txt') }}
                                                                </button>
                                                            </a>
                                                            <a id="download_pdf_g" {{ Storage::disk('public')->exists(session('path_xml_txt')) == 1 ? "target='_blank'" : '' }}>
                                                                <button class="mb-2 mr-2 btn-icon btn btn-primary">
                                                                    <i class="fa fa-file-pdf btn-icon-wrapper"> </i>
                                                                    Descargar PDF
                                                                </button>
                                                            </a>
                                                            <a href="/cfdi-email/{{ session('uuid') }}"
                                                                style="display:@if (session('uuid') == 0) none @endif"
                                                                id="enviar_email">
                                                                <button class="mb-2 mr-2 btn-icon btn btn-primary">
                                                                    <i class="fa fa-envelope btn-icon-wrapper"> </i>
                                                                    Enviar e-mail
                                                                </button>
                                                            </a>
                                                            @if (session('uuid') == 0)
                                                                <button class="mb-2 mr-2 btn-icon btn btn-primary"
                                                                    onclick="timbrarCFD();" id="btn_timbrar">
                                                                    <i class="fa fa-star btn-icon-wrapper"> </i>
                                                                    Timbrar
                                                                </button>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </li>
                                            @endif
                                            @if (strlen(session('flag_timbrado')) > 4 && (Storage::disk('public')->exists(session('path_xml_txt'))||Storage::disk('private')->exists(session('path_xml_txt'))))
                                                <li class="list-group-item">
                                                    <div class="widget-content-right ">
                                                        @if (session('correcion_ruta') == 'xml')
                                                            <a
                                                                href="{{ url('pre-comprobante/' . session('id_comprobante') . '/edit') }}">
                                                                <button class="mb-2 mr-2 btn-icon btn btn-danger">
                                                                    <i class="fa fa-file btn-icon-wrapper"> </i>
                                                                    Corregir comprobante
                                                                </button>
                                                            </a>
                                                        @endif
                                                        @if (session('correcion_ruta') === 'txt')
                                                        @endif
                                                    </div>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                </div>
                            @endif
                            @if (strlen(session('flag_timbrado')) > 4)
                                <div class="col-md-12 text-center">
                                    <div class="bg-danger col-md-12"
                                        style="word-break:break-all;padding:10px;color:white;" role="progressbar"
                                        aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                                        {{ session('flag_timbrado') }}
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            var activar_buttoms = "{{ session('uuid') }}"
            if (activar_buttoms == 0) {
                $('#view_xml_g').removeAttr('onclick')
            }
            // getObject('id', 'card_info_timbrado').style.zIndex = -1
            // getObject('id', 'card_info_timbrado').style.opacity = 0.3

            // getObject('id', 'loader_Inf_timbrado').style.zIndex = 999
            // getObject('id', 'loader_Inf_timbrado').style.opacity = 1
            getObject('id', 'card_info_timbrado').style.zIndex = 1
            getObject('id', 'card_info_timbrado').style.opacity = 1

            getObject('id', 'loader_Inf_timbrado').style.zIndex = -1
            getObject('id', 'loader_Inf_timbrado').style.opacity = 0
            if ("{{ session('uuid') }}" != 0) {
                descargar_pdf("{{ session('id_comprobante') }}/{{ session('uuid') }}", 0,false,"{{ session('serie') }}","{{ session('folio') }}","{{ session('rfc_emisor') }}")
                descargar_xml("{{ session('id_comprobante') }}/{{ session('uuid') }}","{{ session('serie') }}","{{ session('folio') }}","{{ session('rfc_emisor') }}")
            } else {
                descargar_pdf("{{ session('id_comprobante') }}/CFD{{ session('rfc_receptor') }}", 1, "_cfd_","{{ session('serie') }}","{{ session('folio') }}","{{ session('rfc_emisor') }}");
                let element = document.getElementById('download_xml_g');
                element.setAttribute('download', "CFD{{ session('rfc_receptor') }}");
            }
        })
    </script>
@endsection