{% extends 'layouts/panel_layout.html.twig' %}

{% block title %}
    Movimientos Extra
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ base_url }}css/estilo_print_np.css?v=1"  media="print">
    <link rel="stylesheet" href="{{ base_url }}css/estilo_print_np.css?v=1"  media="screen">
{% endblock %}

{% block content %}

    <div class="card mt-1">

        <div class="card-header">

            <div class="row">
                <div class="col-6 text-left">
                    <a href="{{ path('caja_movimiento_extra_index') }}" class="btn btn-outline-secondary" id="atras_btn">ATRAS</a></div>
                <div class="col-6 text-right">
                    <button class="btn btn-outline-secondary" id="imprimir">IMPRIMIR</button>
                </div>
            </div>

        </div>
    </div>

    <div class="card mt-2">

        <div class="card-body" id="impresion">

            <img src="{{ base_url }}images/logo_club94.png" class="logoimagen">


                <div id="nota"> <b> RECIBO<br><br><span id="det">[X]  Comprobante sin valor fiscal </span></b></div>


                <table id="header" class="text-dark">
                    <tr><td></td><td class="r">{{ movimiento.fecha | date('d-m-Y') }}&nbsp;&nbsp;&nbsp;hoja: 1</td></tr>
                    <tr><td>Cli.: {{ movimiento.cliente ? movimiento.cliente.cuenta : '' }} {{ movimiento.cliente ? movimiento.cliente.apenom : '' }}</td><td></td></tr>
                    <tr>
                        <td>Localidad: {{ ( movimiento.cliente and movimiento.cliente.localidad)? movimiento.cliente.localidad.descripcionLoc : '' }}</td>
                        <td>Direcci&oacute;n.: {{ movimiento.cliente ? movimiento.cliente.direccion: '' }}</td>
                    </tr>
                    <tr>
                        <td>Tel&eacute;fono: {{ movimiento.cliente ? movimiento.cliente.caracTelcomer : '' }} - {{ movimiento.cliente ? movimiento.cliente.telefonoComercial : '' }}</td><td></td>
                    </tr>

                </table>

                <table id="wrapper"  class="text-dark">
                    <tr>
                        <th id="cod">Cod.</th>
                        <th id="cant" class="r mr"></th>
                        <th id="precio"></th>
                        <th id="detalle">Detalle</th>
                        <th id="total" class="r">Total</th>
                    </tr>

                    <tr>
                        <td>-1 </td>
                        <td class="r mr"></td>
                        <td></td>
                        <td class="desc">
                            {% if movimiento.masDetalle %}
                            {{ movimiento.masDetalle }}
                            {% else %}
                            Recibo, pago cuenta corriente
                            {% endif %}
                        </td>
                        <td class="r">{{ movimiento.monto | number_format(2,",",".") }}</td>
                    </tr>

                    <tr>
                        <td></td>
                        <td class="r mr"></td>
                        <td></td>
                        <td class="desc r"></td>
                        <td class="r"></td>
                    </tr>

                    <tr>
                        <td></td>
                        <td class="r mr"></td>
                        <td></td>
                        <td class="desc r">SALDO {{ 'now' | date("d-m-Y") }}</td>
                        <td class="r">0.00</td>
                    </tr>

                </table>

                <table id="footer"  class="text-dark">

                    <tr id="final">
                        <td colspan="2">
                            {{ app.user.nombre }}
                            <span style="font-style: italic;">
				<br /><br />
				<br /><br />

				</span>

                        </td>
                    </tr>


                </table>



        </div>

    </div>


{% endblock %}

{% block javascripts %}

    <script src="{{ base_url }}vendor/jquery.PrintArea.js" type="text/javascript"></script>

    <script>
      $(function() {
        $('#imprimir').click(function() {

          window.print(0);
          return false;
        });
      });
    </script>
{% endblock %}