{#
/**
 * This file is part of FacturaScripts
 * Copyright (C) 2021-2025 Carlos Garcia Gomez <carlos@facturascripts.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program. If not, see http://www.gnu.org/licenses/.
 */
#}
{% extends "Master/MenuBghTemplate.html.twig" %}

{% block bodyHeaderOptions %}
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
{% endblock %}

{% block body %}
    <form id="fReportTaxes" method="post">
        {{ formToken() }}
        <input type="hidden" name="action" value="export"/>
        <input type="hidden" name="source" value="sales"/>
        <div class="container" style="margin-top: -90px;">
            <div class="row">
                <div class="col-12">
                    <div class="card shadow mb-3">
                        <div class="card-body">
                            <h1 class="h3 mb-1">
                                <i class="{{ fsc.getPageData().icon }} me-2"></i> {{ fsc.title }}
                            </h1>
                            <p class="text-muted mb-4">{{ trans('report-taxes-p') }}.</p>
                            <div class="row g-2">
                                {% if fsc.empresa.count() > 1 %}
                                    <div class="col-sm-6 col-md-4">
                                        {{ trans('company') }}
                                        <select name="idempresa" class="form-select mb-3">
                                            {% for empresa in fsc.empresa.all() %}
                                                {% if empresa.idempresa == fsc.idempresa %}
                                                    <option value="{{ empresa.idempresa }}" selected>
                                                        {{ empresa.nombrecorto | raw }}
                                                    </option>
                                                {% else %}
                                                    <option value="{{ empresa.idempresa }}">
                                                        {{ empresa.nombrecorto | raw }}
                                                    </option>
                                                {% endif %}
                                            {% endfor %}
                                        </select>
                                    </div>
                                {% else %}
                                    <input type="hidden" name="idempresa" value="{{ fsc.idempresa }}"/>
                                {% endif %}
                                <div class="col-sm-6 col-md-4">
                                    {{ trans('serie') }}
                                    <select name="codserie" class="form-select mb-3">
                                        <option value="">{{ trans('all') }}</option>
                                        <option value="">------</option>
                                        {% for serie in fsc.serie.all({}, {'descripcion': 'ASC'}, 0, 0) %}
                                            {% if serie.codserie == fsc.codserie %}
                                                <option value="{{ serie.codserie }}" selected>
                                                    {{ serie.descripcion | raw }}
                                                </option>
                                            {% else %}
                                                <option value="{{ serie.codserie }}">{{ serie.descripcion | raw }}</option>
                                            {% endif %}
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-sm-6 col-md-4">
                                    {{ trans('currency') }}
                                    <select name="coddivisa" class="form-select mb-3">
                                        {% for divisa in fsc.divisa.all({}, {'descripcion': 'ASC'}, 0, 0) %}
                                            {% if divisa.coddivisa == fsc.coddivisa %}
                                                <option value="{{ divisa.coddivisa }}" selected>
                                                    {{ divisa.descripcion | raw }}
                                                </option>
                                            {% else %}
                                                <option value="{{ divisa.coddivisa }}">{{ divisa.descripcion | raw }}</option>
                                            {% endif %}
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-sm-6 col-md-4">
                                    {{ trans('country') }}
                                    <select name="codpais" class="form-select mb-3">
                                        <option value="">{{ trans('all') }}</option>
                                        <option value="">------</option>
                                        {% for pais in fsc.pais.all({}, {'nombre': 'ASC'}, 0, 0) %}
                                            {% if pais.codpais == fsc.codpais %}
                                                <option value="{{ pais.codpais }}" selected>
                                                    {{ pais.nombre | raw }}
                                                </option>
                                            {% else %}
                                                <option value="{{ pais.codpais }}">{{ pais.nombre | raw }}</option>
                                            {% endif %}
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-sm-6 col-md-3">
                                    {{ trans('date') }}
                                    <select name="type-date" class="form-select mb-3">
                                        <option value="create" {{ fsc.typeDate == 'create' ? 'selected': '' }}>
                                            {{ trans('creation-date') }}
                                        </option>
                                        <option value="accrual" {{ fsc.typeDate == 'accrual' ? 'selected': '' }}>
                                            {{ trans('accrual-date') }}
                                        </option>
                                    </select>
                                </div>
                                <div class="col-sm-6 col-md-3">
                                    {{ trans('from-date') }}
                                    <input type="date" name="datefrom" value="{{ fsc.datefrom }}"
                                           class="form-control mb-3" required/>
                                </div>
                                <div class="col-sm-6 col-md-3">
                                    {{ trans('until-date') }}
                                    <input type="date" name="dateto" value="{{ fsc.dateto }}" class="form-control mb-3"
                                           required/>
                                </div>
                                <div class="col-sm-6 col-md-3">
                                    {{ trans('format') }}
                                    <select name="format" class="form-select mb-3">
                                        <option value="PDF">PDF</option>
                                        <option value="CSV">CSV</option>
                                        <option value="XLS">Excel</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 h5 border-bottom pt-4 pb-2">
                                    <i class="fa-solid fa-list-check mr-1"></i> {{ trans('columns') }}
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_serie"
                                               id="column_serie" checked>
                                        <label class="form-check-label" for="column_serie">
                                            {{ trans('serie') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_code"
                                               id="column_code" checked>
                                        <label class="form-check-label" for="column_code">
                                            {{ trans('code') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_number2"
                                               id="column_number2" checked>
                                        <label class="form-check-label" for="column_number2">
                                            {{ trans('number2') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1"
                                               name="column_numsupplier"
                                               id="column_numsupplier" checked>
                                        <label class="form-check-label" for="column_numsupplier">
                                            {{ trans('numsupplier') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_date"
                                               id="column_date" checked>
                                        <label class="form-check-label" for="column_date">
                                            {{ trans('date') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_name"
                                               id="column_name" checked>
                                        <label class="form-check-label" for="column_name">
                                            {{ trans('name') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_cifnif"
                                               id="column_cifnif" checked>
                                        <label class="form-check-label" for="column_cifnif">
                                            {{ trans('cifnif') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_country"
                                               id="column_country" checked>
                                        <label class="form-check-label" for="column_country">
                                            {{ trans('country') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_net"
                                               id="column_net" checked>
                                        <label class="form-check-label" for="column_net">
                                            {{ trans('net') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_pct_tax"
                                               id="pct_tax" checked>
                                        <label class="form-check-label" for="pct_tax">
                                            {{ trans('pct-tax') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_tax"
                                               id="column_tax" checked>
                                        <label class="form-check-label" for="column_tax">
                                            {{ trans('tax') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1"
                                               name="column_pct_surcharge"
                                               id="column_pct_surcharge" checked>
                                        <label class="form-check-label" for="column_pct_surcharge">
                                            {{ trans('pct-surcharge') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1"
                                               name="column_surcharge" id="column_surcharge" checked>
                                        <label class="form-check-label" for="column_surcharge">
                                            {{ trans('surcharge') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_pct_irpf"
                                               id="column_pct_irpf" checked>
                                        <label class="form-check-label" for="column_pct_irpf">
                                            {{ trans('pct-irpf') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1"
                                               name="column_irpf" id="column_irpf" checked>
                                        <label class="form-check-label" for="column_irpf">
                                            {{ trans('irpf') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1"
                                               name="column_supplied_amount"
                                               id="column_supplied_amount" checked>
                                        <label class="form-check-label" for="column_supplied_amount">
                                            {{ trans('supplied-amount') }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-3 col-lg-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" name="column_total"
                                               id="column_total" checked>
                                        <label class="form-check-label" for="column_total">
                                            {{ trans('total') }}
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer d-flex gap-2">
                            <button type="button" onclick="sendReportTaxes('purchases')"
                                    class="btn btn-lg btn-secondary btn-spin-action flex-fill">
                                {{ trans('purchases') }}
                            </button>
                            <button type="button" onclick="sendReportTaxes('sales')"
                                    class="btn btn-lg btn-primary btn-spin-action flex-fill">
                                {{ trans('sales') }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        function sendReportTaxes(source) {
            animateSpinner('add');

            let form = document.getElementById('fReportTaxes');
            form.source.value = source;
            form.submit();

            // si el formato es excel o csv, esperamos 3 segundos y paramos la animación
            if (form.format.value === 'XLS' || form.format.value === 'CSV') {
                setTimeout(function () {
                    animateSpinner('remove');
                }, 3000);
            }
        }
    </script>
{% endblock %}
