{% extends 'admin/admin_base.html.twig' %}
{% import "admin/Macros/Buttons/_button.html.twig" as button %}

{% set page_title = "Buchhaltung" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/css/style.bundle.css') }}">
{% endblock %}

{% block breadcrumb %}
    {# {% set fields = [  { 'name': page_title }] %}
     {% include 'admin/Common/_breadcrumb.html.twig' %}#}
{% endblock %}

{% block page_buttons %}
    <div class="align-items-center col-12 d-flex justify-content-between p-0">
        <div class="card col-3 mb-0">
            <div class="card-content">
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="align-items-center justify-content-center row text-left">
                                <div class="col-lg-3">
                                    <span class="label">Year:</span>
                                </div>
                                <div class="col-lg-9">
                                    <select name="buch" class="form-control select2 inp-filter" id="buch">
                                        {% for yg in yearsGroup %}
                                            <option value="{{ yg }}"
                                                    {% if thisYear == yg %}selected{% endif %}>{{ yg }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-3">
            <a href="{{ path('admin_buchhaltung_latex_download',{'date':thisYear}) }}"
               class="btn btn-dark btn-glow latex latexDownload my-1 waves-effect waves-light">
                <i class="feather icon-download"></i>
            </a>
            {{ button.button_new({
                'text':'Buchhaltung Hinzufügen',
                'href':'javascript:',
                'class':'my-1',
                'attr':'data-ajax-modal data-href='~path('admin_buchhaltung_new')~''
            }) }}
        </div>
    </div>
{% endblock %}
{% block body %}
    <div class="card mt-5">
        <div class="card-content">
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-1 text-muted">Datum</div>
                    <div class="col-2 text-muted">Buchungstext</div>
                    <div class="col-1 text-muted text-center">Betrag</div>
                    <div class="col-1 text-muted text-center">Soll</div>
                    <div class="col-1 text-muted text-center">Haben</div>
                    <div class="col-1 text-muted text-center">Belg Nr.</div>
                    <div class="col-3 text-muted">Latex Code</div>
                    <div class="col-1 text-muted text-center">PDF/PNG</div>
                    {#<div class="col-1 text-muted text-center">Latexfile Download</div>#}
                    <div class="col-1 text-muted text-center">Transaktionen</div>
                </div>
                <div id="bc">
                    {% include 'admin/Main/Buchhaltung/_buchhaltung.html.twig' %}
                </div>
            </div>
        </div>
    </div>
    <script>
        $("#buch").change(function () {
            Panel.contentLoader_start();
            let buch = $(this).val();

            let latexUrl = "{{ path('admin_buchhaltung_latex_download',{'date':'renameId'}) }}";
            $('.latex').attr('href', latexUrl.replace('renameId', buch));


            $.ajax({
                type: 'POST',
                url: '{{ path('admin_ajax_buch_filter') }}',
                data: {buch: buch},
                success: function (data) {
                    Panel.contentLoader_close();
                    $("#bc").html(data);
                }
            });
        });
        /*$('.latexDownload').click(function () {
            let latex = '';
            $('.latexText').each(function () {
                latex = latex + $(this).text() + '\n';
            });
            var filename = "latexcodes.tex";
            download(filename, latex);
        });

        function download(filename, text) {
            var element = document.createElement('a');
            element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
            element.setAttribute('download', filename);
            element.style.display = 'none';
            document.body.appendChild(element);
            element.click();
            document.body.removeChild(element);
        }*/
    </script>
{% endblock %}
{% block head_javascripts %}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    {% include 'admin/Common/_datatable_all_js.html.twig' %}
{% endblock %}