{% 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_club94.png" class="logoimagen"></p>
                <p class=><b>de Gustavo Caramellino</b></p>
                <p class="direccion"><b>Casa Central</b>: Roque S. Peña 2902 - Esq H Irigoyen.</p>
                <p class="tel">Tel: (0342) 453-9404/4565087 - club94sportcenter@gmail.com </p>
                <p class="direccion"><b>Mega Center</b>: Av. Freyre 3199 - Esq Junin.</p>
                <p class="">www.club94sportcenter.com.ar</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-14305977-5 </p>
                <p class="ib"> ING. BRUTOS C.M. N&#176;: 921-747180-2 D.R.e.I: 18650-2</p>
                <p class="ib">ANSes EX. Caja Com. N°:60561125  Inicio de Activ: 01/01/1992</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 %}