{% extends "base.html.twig" %}

{% trans_default_domain 'core' %}

{% block actionheader %}

{% endblock %}

{% block searchform %}{% endblock %}

{% block body %}

    {{ form_start(form) }}

    <article class="invoice-like">

        <header id="invoice-like-title">
            {% block invoice_actions %}{% endblock %}
            {% block invoice_label %}{% endblock %}
        </header>
        <div class="box pad box-warning">

            <div class="box-header with-border">

                <div class="btn-group">

                    <a href="{{ path('guiaremision_index') }}" class="btn btn-app">
                        <i class="glyphicon glyphicon-list-alt"></i>
                        Listado
                    </a>
                    <a href="{{ path('guiaremision_add') }}" class="btn btn-app">
                        <i class="glyphicon glyphicon-file"></i>
                        Nuevo
                    </a>

                    <button type="button" class="btn btn-app" data-toggle="modal" data-target="#myModal"
                            onclick='verPdf("{{ path('guiaremision_show_pdf_preview',{ 'id': entity.id , 'slug': entity.slug}) }}")'>
                        <i class="fa fa-file-pdf-o"></i>Pdf
                    </button>


                    {% if entity.anulado == false %}

                        {% if entity.autorizado == true and entity.ambiente==2 %}
                            <a type="submit" class="btn btn-app disabled" name="Form-delete"
                               data-confirm="{% trans %}abstract_invoice.show.delete_confirm{% endtrans %}"><span
                                        class="glyphicon glyphicon-trash"></span> {% trans %}abstract_invoice.show.delete{% endtrans %}
                            </a>
                        {% else %}
                            <button type="submit" class="btn btn-app" name="Form-delete"
                                    data-confirm="{% trans %}abstract_invoice.show.delete_confirm{% endtrans %}"><span
                                        class="glyphicon glyphicon-trash"></span> {% trans %}abstract_invoice.show.delete{% endtrans %}
                            </button>
                        {% endif %}


                        <button type="button" class="btn btn-app" data-toggle="modal"
                                data-target="#modal-default">
                            <i class="glyphicon glyphicon-envelope"></i>Mail
                        </button>

                        {% if entity.autorizado == false %}
                            <button type="submit" name="Form-enviar" class="btn btn-app">
                                <i class="glyphicon glyphicon-cloud-upload"></i>Enviar SRI
                            </button>
                            <button type="submit" name="Form-auto" class="btn btn-app">
                                <i class="glyphicon glyphicon-cloud-download"></i>Autorizar SRI
                            </button>

                        {% endif %}

                        <button type="submit" name="Form-anular" class="btn btn-app" data-confirm="Esta seguro de anular el comprobante">
                            <i class="glyphicon glyphicon-ban-circle"></i>Anular
                        </button>


                        <div id="myModal" class="modal fade" tabindex="-1">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    {#<div class="modal-header">
                <button type = "button" class="close" data-dismiss = "modal">×</button>
            </div>#}
                                    <div class="modal-body" style="height: 500px;">
                                        <iframe id="pdfFrame" style="width:100%;height:100%;"></iframe>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                    {#
                    REVISAR IMPORTANTE SHARA
                    <form action="{{ path('invoice_email', {'id': entity.id}) }}" method="post">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                        <button type="submit" class="btn btn-default btn-warning"><span
                                    class="glyphicon glyphicon-envelope"></span> {% trans %}show.email{% endtrans %}</button>
                    </form>
                    #}


                </div>

            </div>
            <div class="box-body">
                {% if entity.anulado %}
                    <div class="container-fluid">
                        <div class="row text-center">
                            <div class="col-md-12">
                                <h2 style="color: red">ANULADO EN EL SISTEMA WEB</h2>
                            </div>
                        </div>
                    </div>
                {% endif %}

                {% include "Core/emisor.show.html.twig" with {'entity': entity} %}

                <div class="row">
                    <div id="invoice-like-customer-data" class="col-md-12">

                        <h3>Guía Remisión</h3>

                        <div class="row">
                            <div class="col-md-3 clearfix">
                                <label>Serie:</label>
                                {{ entity.serie }}
                            </div>
                            <div class="col-md-3 clearfix">
                                <label>Número:</label>
                                {{ entity.label }}
                            </div>
                            <div class="col-md-3 clearfix">
                                <label>Fecha:</label>
                                {{ entity.issueDate |date("d/m/Y") }}
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-6 clearfix">
                                <label>Transportista:</label>
                                {{ entity.transportistaName }}
                            </div>
                            <div class="col-md-6 clearfix">
                                <label>{% trans %}abstract_invoice.show.customer_identification{% endtrans %}:</label>
                                {{ entity.transportistaIdentification }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 clearfix">
                                <label>Placa:</label>
                                {{ entity.transportistaPlaca|nl2br }}
                            </div>
                            <div class="col-md-6 clearfix">
                                <label>{% trans %}abstract_invoice.show.customer_email{% endtrans %}:</label>
                                {{ entity.transportistaEmail }}
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-9 clearfix">
                                <label>Dirección Partida:</label>
                                {{ entity.direccionpPartida }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 clearfix">
                                <label>Fecha Inicio:</label>
                                {{ entity.feciniTransporte |date("d/m/Y") }}
                            </div>
                            <div class="col-md-6 clearfix">
                                <label>Fecha final:</label>
                                {{ entity.fecfinTransporte |date("d/m/Y") }}
                            </div>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-12">

                        <h3>Destinatarios</h3>

                        {% for item in entity.destinatarios %}
                            <div class="row">
                                <div class="col-md-6 clearfix">
                                    <label>Nombre:</label>
                                    {{ item.customername }}
                                </div>
                                <div class="col-md-6 clearfix">
                                    <label>Identificación</label>
                                    {{ item.customerIdentification }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 clearfix">
                                    <label>Dirección Destino:</label>
                                    {{ item.dirdestino }}
                                </div>
                                <div class="col-md-4 clearfix">
                                    <label>Motivo Traslado</label>
                                    {{ item.motivotraslado }}
                                </div>
                                <div class="col-md-4 clearfix">
                                    <label>Ruta</label>
                                    {{ item.ruta }}
                                </div>
                            </div>

                        <table id="invoice-like-items" class="table table-condensed table-striped align-middle">
                            <thead>
                            <tr>
                                <th class="">Descripción</th>
                                <th class="col-md-1 cell-align-center">{% trans %}item.show.quantity{% endtrans %}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for itemguia in item.items %}
                                <tr>
                                    <td>
                                        {{ itemguia.description }}
                                    </td>
                                    <td class="cell-align-center">
                                        {{ itemguia.quantity }}
                                    </td>

                                </tr>

                            {% endfor %}
                            </tbody>
                        </table>
                        {% endfor %}

                    </div>
                </div>

                <div id="invoice-like-notes" class="row">

                    <div class="col-md-12" style="word-wrap: break-word;">
                        <label>{% trans %}abstract_invoice.show.notes{% endtrans %}:</label>
                        <p>{{ entity.notes|nl2br }}</p>
                    </div>
                </div>

                <div id="invoice-like-notes" class="row">

                    <div class="col-md-12" style="word-wrap: break-word;">
                        <label>Observación:</label>
                        <p>{{ entity.note1|nl2br }}</p>
                    </div>
                </div>

                <div class="entity-actions clearfix">
                    {% block invoice_edit_actions %}{% endblock %}
                </div>

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

    {% include "Core/email.show.html.twig" with {'entity': entity} %}

    {{ form_rest(form) }}
    {{ form_end(form) }}

    <form method="get" action="#" id="printJS-form">
        <div id="myDiv" style="display: none">


            <h3>Factura</h3>

            <div class="row">
                Numero: {{ entity.serie }} - {{ entity.label }}
            </div>
            <div class="row">
                Fecha: {{ entity.issueDate |date("d/m/Y") }}
            </div>
            <div class="row">
                Cliente: {{ entity.transportistaName }}
            </div>
            <div class="row">
                RUC / Cédula: {{ entity.transportistaIdentification }}
            </div>
            <div class="row">
                Placa: {{ entity.transportistaPlaca }}
            </div>
            <div class="row">
                Email: {{ entity.transportistaEmail }}
            </div>
            <div class="row">
                Clave acceso: {{ entity.claveAcceso }}
            </div>

            <div class="row">

                <table id="invoice-like-items" class="col-md-5">
                    <thead>
                    <tr>
                        <th class="">{% trans %}item.show.description{% endtrans %}</th>
                        <th class="col-sd-1 cell-align-center">{% trans %}item.show.quantity{% endtrans %}</th>
                        <th class="col-sd-2 cell-align-right">{% trans %}item.show.unitary_cost{% endtrans %}</th>
                        <th class="col-sd-2 cell-align-right">{% trans %}item.show.discount{% endtrans %}</th>
                        {# <th class="col-md-1 cell-align-center">{% trans %}item.show.taxes{% endtrans %}</th>#}
                        <th colspan="2" class="cell-align-right">{% trans %}item.show.total{% endtrans %}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {#{% for item in entity.destinatarios %}
                        {{ include('GuiaRemision/Item/show.html.twig', { 'item': item, 'currency': currency }) }}
                    {% endfor %}#}
                    </tbody>
                </table>

            </div>

        </div>
    </form>

    <script>

        function PrintDiv(id) {
            var data = document.getElementById(id).innerHTML;
            var myWindow = window.open('', 'my div', 'height=400,width=600');
            myWindow.document.write('<html><head><title>my div</title>');
            /*optional stylesheet*/ //myWindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
            myWindow.document.write('</head><body >');
            myWindow.document.write(data);
            myWindow.document.write('</body></html>');
            myWindow.document.close(); // necessary for IE >= 10

            myWindow.onload = function () { // necessary if the div contain images

                myWindow.focus(); // necessary for IE >= 10
                myWindow.print();
                myWindow.close();
            };
        }


        function imprimir(pdf_url) {


            //e.preventDefault(); // if you have a URL in the link
            $("#myDiv").show();// and $("#dv1").hide();
            printJS({printable: 'printJS-form', type: 'html', style: '.rowtotal { left: 200px; position: relative; }' })
            $("#myDiv").hide();
            //window.print();

            /*$("#pdfFrame").contents().find("body").html("");
            */


        };


        function base64ToUint8Array(base64) {
            var raw = atob(base64);
            var uint8Array = new Uint8Array(raw.length);
            for (var i = 0; i < raw.length; i++) {
                uint8Array[i] = raw.charCodeAt(i);
            }
            return uint8Array;
        }


        //$('#pdf').click(function (e) {
        function verPdf(pdf_url) {
            //e.preventDefault(); // if you have a URL in the link

            $("#pdfFrame").contents().find("body").html("");

            $.ajax({
                type: "GET",
                url: pdf_url,
                success: function (data) {

                    var pdfData = base64ToUint8Array(data);
                    //var pdfData =  Base64.decode(escape(data));

                    var pdfViewerFrame = document.getElementById("pdfFrame");

                    pdfViewerFrame.onload = function () {
                        pdfViewerFrame.contentWindow.PDFViewerApplication.open(pdfData);
                    };

                    pdfViewerFrame.setAttribute("src", "/web/viewer.html?file=");

                }
            });

        }

        $('#btn-generate-pdf').click(function (e) {
            e.preventDefault(); // if you have a URL in the link

        });

    </script>
{% endblock %}