{% 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="row">
        <div class="col-md-6">
            <div class="dat_emp1">
                <p class="logo"><img src="{{ base_url }}images/logo_factura.jpeg" class="logoimagen"></p>
                <p class="de"><b>de BEATINI GONZALO NICOLAS</b></p>
                <p class="direccion" style="padding-top: 4px"><b></b></p>
                <p class="tel">Cel: 342-5907444 </p>
                <p class="tel">Email: gnbrepuestos@gmail.com </p>
            </div>
        </div>

      <div class="row">
          <div class="col-md-12 offset-4">
            <div class="dat_emp2">
                <p class="recibo_numero"> RECIBO N° {{ movimiento.NumeroReciboPago }}</p>
                <p class="fecha_recibo"> FECHA: {{ movimiento.Fecha | date('d-m-Y')  }}</p>
                <p class="cuit_emp"> C.U.I.T. N&#176;: 20-37299599-9 </p>
                <p class="ib"> ING. BRUTOS C.M. N&#176;: ____</p>
            </div>
          </div>
      </div>
      </div>

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


                <table id="wrapper"  class="text-dark">
                    <tr>

                        <th id="detalle"></th>
                    </tr>

                    <tr>
                        <td class="">
                            {% if movimiento.masDetalle %}
                            {{ movimiento.masDetalle }}
                            {% endif %}
                        </td>
                    </tr>


                </table>
            <br>
            <br>
            <br>


        </div>
                <table id="footer">


                    <div class="form-group form-inline col-12" >

                        <label class="col-10">
                            <span class="w-100 text-right">TOTAL:</span>
                        </label>

                        <div class="input-group col-2">
                            <div class="input-group-prepend">
                            </div>
                            {{ movimiento.monto | number_format(2,",",".") }}
                        </div>

                    </div>

                </table>





    </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 %}