recusfiscaux/templates/index.tpl

<!-- nav bar -->
{include file="%s/templates/_nav.tpl"|args:$plugin_root current_nav="index"}

<h2>Choisir l'année fiscale</h2>
<form id="formulaire_saisie" method="post" action="action.php">
    <fieldset>
        {* <legend>Choisir l'année fiscale</legend> *}
        <select id="annee_recu" name="annee_recu">
            {foreach from=$anneesFiscales item="annee"}
                <option value="{$annee}" {if $annee == $anneeCourante - 1} selected{/if}>{$annee}
                </option>
            {/foreach}
        </select>
    </fieldset>

    <div id="choix_methode">
        <h2>Choisir une méthode de génération des reçus</h2>

        <fieldset>
            {* <legend>Choisir une des méthodes</legend> *}
            <dl>
                <dd class="radio-btn">
                    <input type="radio" id="radio_tous_versements" name="choix_versements" value="tous_versements"
                        onclick="afficherMasquer(this.form, '.tous', '.activites');" />
                    <label for="radio_tous_versements">
                        <div>
                            <h5>
                                Tous les versements des membres font l'objet d'un reçu, sans
                                tenir compte des activités et tarifs
                            </h5>
                        </div>
                    </label>
                </dd>

                <dd class="radio-btn">
                    <input type="radio" id="radio_versements_activites" name="choix_versements"
                        value="versements_activites" onclick="afficherMasquer(this.form, '.activites', '.tous');" />
                    <label for="radio_versements_activites">
                        <div>
                            <h5>
                                Seuls les versements de certaines activités et tarifs font
                                l'objet d'un reçu
                            </h5>
                        </div>
                    </label>
                </dd>
            </dl>
        </fieldset>
    </div>
    <div id="generer_tous" class="tous hidden">
        <p class=" submit">
            {csrf_field key="generer_tous_recus"}
            {button type="submit" name="generer_tous" label="Poursuivre" shape="right" class="main"}
        </p>
    </div>
    <div id="liste_activites_tarifs" class="activites hidden">
        <h2>Choisir les activités et tarifs concernés par les reçus ainsi que le taux de réduction</h2>
        <table class="List">
            <thead>
                <tr>
                    <th>Cocher</th>
                    <th>Activité et Tarif</th>
                    <th>Taux de réduction</th>
                    <th>Caractéristiques activité</th>
                    <th>N° et Compte</th>
                </tr>
            </thead>
            <tbody>
                {foreach from=$activitesTarifsComptes item="activite"}
                    <tr>
                        <td>
                            {input type="checkbox" name="tarifs[]" value=$activite.idTarif}
                        </td>
                        <td>
                            <span>{$activite.titreActivite} - {$activite.titreTarif}</span>
                        </td>
                        <td>
                            <span class="radio-btn">
                                <input type="radio" id="taux_normal_{$activite.idTarif}"
                                    name="taux_reduction_{$activite.idTarif}" value="taux_normal" disabled />
                                <label for="taux_normal_{$activite.idTarif}">normal</label>
                            </span>
                            <span class=" radio-btn">
                                <input type="radio" id="taux_majore_{$activite.idTarif}"
                                    name="taux_reduction_{$activite.idTarif}" value="taux_majore" disabled />
                                <label for="taux_majore_{$activite.idTarif}">majoré</label>
                            </span>
                        </td>
                        <td>{if $activite.descActivite != ""}{$activite.descActivite} ; {/if}{$activite.descTarif}</td>
                        <td>{$activite.numeroCpt} : {$activite.nomCpt}</td>
                    </tr>
                {/foreach}
            </tbody>
        </table>
        <p class="help">Si vous ne savez pas quel taux de réduction utiliser, n'en choisissez aucun</p>
    </div>

    <div id="generer_activites" class="activites hidden">
        <p class=" submit">
            {csrf_field key="generer_recus_activites"}
            {button type="submit" name="generer_activites" label="Poursuivre" shape="right" class="main"}
        </p>
    </div>
</form>

<script type="text/javascript" src="script.js" defer="defer"></script>
{literal}
<script type="text/javascript">
        // activer/désactiver les radios
        for (var laCase of document.querySelectorAll("input[type=checkbox]")) {
            laCase.addEventListener('change', (evt) => {
                var idCase = evt.target;
                // chercher la ligne englobante (<tr>)
                var ligne = idCase.closest("tr");
                // itérer sur les radio de cette ligne
                var lesRadios = ligne.querySelectorAll('input[type=radio]');
                for (var idRadio of lesRadios) {
                    if (idCase.checked) {
                        idRadio.disabled = '';
                    } else {
                        idRadio.disabled = 'disabled';
                    }
                }
            });
        }
    </script>
{/literal}

<!-- footer -->
{include file="admin/_foot.tpl"}