{include file="admin/_head.tpl" title="Modification de l'opération n°`$operation.id`" current="compta/saisie" js=1}

{if $error}
    <p class="error">
        {$error|escape}
    </p>
{/if}

{if $debug}
    <p class="debug">
        {$debug|escape}
    </p>
{/if}

<form method="post" action="{$self_url|escape}">

    <fieldset>
        <legend>Informations sur l'opération</legend>
        <dl>
            <dt><label for="f_date">Date</label> <b title="(Champ obligatoire)">obligatoire</b></dt>
            <dd><input type="date" name="date" id="f_date" value="{form_field name=date default=$operation.date|date_fr:'Y-m-d'}" size="10" required="required" /></dd>
            <dt><label for="f_libelle">Libellé</label> <b title="(Champ obligatoire)">obligatoire</b></dt>
            <dd><input type="text" name="libelle" id="f_libelle" value="{form_field name=libelle data=$operation}" required="required" /></dd>

{if is_null($type)}
            <fieldset id="fluxs">
                <legend>Flux <b title="(Champ obligatoire)">obligatoire</b></legend>
                <table>
                    <thead>
                        <tr>
                            <th><label for="f_compte">Compte</label></th>
                            <th><label for="f_montant">Montant<br /><b title="">crédit &lt; 0 &lt; débit</b></label></th>
                        </tr>
                    </thead>
                    <tbody>
                        {foreach from=$fluxs item="flux" key="flux_n" name="fluxs"}
                        <tr>
                            <td class="compte">{select_compte comptes=$comptes name="compte" form_name="compte_$flux_n" id="f_compte_$flux_n" data=$flux}</td>
                            {if !$tpl.foreach.fluxs.last}
                            <td class="montant"><input type="number" size="5" name="montant_{$flux_n}" id="f_montant_{$flux_n}"
                                   value="{form_field name="montant" data=$flux}"
                                   min="0.00" step="0.01" required="required"
                                 /> {$config.monnaie|escape}</td>
                            {/if}
                        </tr>
                        {/foreach}
                    </tbody>
                </table>
            </fieldset>
{else}
            <dt><label for="f_moyen_paiement">Moyen de paiement</label> <b title="(Champ obligatoire)">obligatoire</b></dt>
            <dd>
                <select name="moyen_paiement" id="f_moyen_paiement">
                {foreach from=$moyens_paiement item="moyen"}
                    <option value="{$moyen.code|escape}"{if $moyen.code == $operation.moyen_paiement} selected="selected"{/if}>{$moyen.nom|escape}</option>
                {/foreach}
                </select>
            </dd>
            <dt class="f_cheque"><label for="f_numero_cheque">Numéro de chèque</label></dt>
            <dd class="f_cheque"><input type="text" name="numero_cheque" id="f_numero_cheque" value="{form_field name=numero_cheque data=$operation}" /></dd>
            <dt class="f_banque"><label for="f_banque">Compte bancaire</label></dt>
            <dd class="f_banque">
                <select name="banque" id="f_banque">
                {foreach from=$comptes_bancaires item="compte"}
                    <option value="{$compte.id|escape}"{if ($type == Garradin\Compta_Categories::DEPENSES && $compte.id == $operation.compte_credit) || $compte.id == $operation.compte_debit} selected="selected"{/if}>{$compte.libelle|escape} - {$compte.banque|escape}</option>
                {/foreach}
                </select>
            </dd>
{/if}

            <dt><label for="f_numero_piece">Numéro de pièce comptable</label></dt>
            <dd><input type="text" name="numero_piece" id="f_numero_piece" value="{form_field name=numero_piece data=$operation}" /></dd>
            <dt><label for="f_remarques">Remarques</label></dt>
            <dd><textarea name="remarques" id="f_remarques" rows="4" cols="30">{form_field name=remarques data=$operation}</textarea></dd>
        </dl>
    </fieldset>

{if is_null($type)}
    <script type="text/javascript">
    {literal}
    (function () {
        if (!document.querySelector || !document.querySelectorAll)
        {
            return false;
        }
        fluxs = document.querySelector('#fluxs');
        if (fluxs)
        {
            var fluxs = fluxs.querySelectorAll('#fluxs > table > tbody > tr');
            var fluxs_nb = fluxs.length;

            var add = document.createElement('input');
            add.type = 'button';
            add.className = 'icn add';
            add.value = '+';
            add.title = 'Ajouter un flux';
            add.onclick = function (e) {
                var p = this.parentNode.parentNode; // tbody
                var fluxs = p.querySelectorAll('tr'); // tr
                var fluxs_nb = fluxs.length;

                // Add new last flux
                var new_flux = this.parentNode.cloneNode(true); // tr
                var new_compte = new_flux.querySelector('.compte');
                new_compte.querySelector('select').id = 'f_compte_'+fluxs_nb;
                new_compte.querySelector('select').name = 'compte_'+fluxs_nb;
                p.appendChild(new_flux);

                // Add a montant to old last flux
                var new_montant = fluxs[0].querySelector('.montant').cloneNode(true);
                new_montant.querySelector('input').id = 'f_montant_'+(fluxs_nb - 1);
                new_montant.querySelector('input').name = 'montant_'+(fluxs_nb - 1);
                new_montant.querySelector('input').value = '0';
                this.parentNode.appendChild(new_montant);
                this.parentNode.removeChild(this);

                // Register this callback on new flux
                var btn = new_flux.querySelector('input.add');
                btn.onclick = this.onclick;
            };

            fluxs[fluxs_nb - 1].appendChild(add);
        }
    }());
    {/literal}
    </script>
{else}
    <fieldset>
        <legend>Catégorie</legend>
        <dl class="catList">
        {foreach from=$categories item="cat"}
            <dt>
                <input type="radio" name="id_categorie" value="{$cat.id|escape}" id="f_cat_{$cat.id|escape}" {form_field name="id_categorie" checked=$cat.id data=$operation} />
                <label for="f_cat_{$cat.id|escape}">{$cat.intitule|escape}</label>
            </dt>
            {if !empty($cat.description)}
                <dd class="desc">{$cat.description|escape}</dd>
            {/if}
        {/foreach}
        </dl>
    </fieldset>

    <script type="text/javascript">
    {literal}
    (function () {

        window.changeMoyenPaiement = function()
        {
            var elm = $('#f_moyen_paiement');
            toggleElementVisibility('.f_cheque', elm.value == 'CH');
            toggleElementVisibility('.f_banque', elm.value != 'ES');
        };

        changeMoyenPaiement();

        $('#f_moyen_paiement').onchange = changeMoyenPaiement;
    } ());
    {/literal}
    </script>
{/if}

    <p class="submit">
        {csrf_field key="compta_modifier_`$operation.id`"}
        <input type="submit" name="save" value="Enregistrer &rarr;" />
    </p>

</form>

{include file="admin/_foot.tpl"}