<div class="form_wrapper">
    <div class="buttons">
        <a href="/admin/lease" class="addbutton big">Vissza</a>
        <a href="/admin/delete_lease/{$lease->get_l_id()}" class="addbutton delete-big">Bérlettípus törlése</a>
    </div>
    <form method="post">
        <input type="hidden" name="action" value="lease_update">
        <input type="hidden" name="l_id" value="{$lease->get_l_id()}">
        <input type="hidden" name="l_expire_date_hidden" id="l_expire_date_hidden">

        <div>
            <label for="l_name">Bérlettípus neve:</label>
            <div><input type="text" name="l_name" id="l_name" value="{$lease->get_l_name()}" required></div>
        </div>

        <div>
            <label for="l_sum">Összeg:</label>
            <div><input type="text" name="l_sum" id="l_sum" value="{$lease->get_l_sum()}" required></div>
        </div>

        <div>
            <legend for="l_expire_type">Lejárati dátum: </legend>
            <div>
                <input id="r_01" type="radio" name="l_expire_type" value="1" {if $lease->get_l_expire_type() == 1}checked{/if}>
                <label class="choice" for="r_01">Befizetés hónapjának vége</label>
            </div>
            <div>
                <input id="r_02" type="radio" name="l_expire_type" value="2" {if $lease->get_l_expire_type() == 2}checked{/if}>
                <label class="choice" for="r_02">Befizetést követő tárgyhónap vége</label>
            </div>
            <div>
                <input id="r_03" type="radio" name="l_expire_type" value="3" {if $lease->get_l_expire_type() == 3}checked{/if}>
                <label class="choice" for="r_03">Egyéni</label>
            </div>
            <div>
                <input type="text" name="l_expire_date" id="l_expire_date" disabled="disabled" style="width: 40% !important; margin-top: 10px;" value="{$lease->get_l_expire_date()}">
            </div>
        </div>

        <div>
            <legend for="non_zero">Korlátlan bérlet: </legend>
            <div>
                <input id="non_zero" type="checkbox" name="l_non_zero" value="1" style="margin-top: 7px;"{if $lease->get_l_non_zero() == 1} checked{/if}>
            </div>
        </div>

        <div>
            <legend for="l_training_types">Edzés típusok: </legend>
            <table>
                {foreach $training_type_assoc_array as $trt_array}
                    <tr>
                        <td><input id="trt_{$trt_array.trt_id}" type="checkbox" name="l_training_types[]" value="{$trt_array.trt_id}" {if $lease->has_training($trt_array.trt_id)}checked{/if}></td>
                        <td><label class="choice" for="trt_{$trt_array.trt_id}">{$trt_array.trt_name}</label></td>
                    </tr>
                {/foreach}
            </table>
        </div>

        <div style="margin-top: 15px;">
            <div>
                <input class="button black" type="submit" value="Mentés">
            </div>
        </div>

    </form>
</div>

<script type="text/javascript">
    $('input[name="l_expire_type"]').on('change', function() {
        if ($(this).val() == '1') {
            $('#l_expire_date').prop('disabled', true);
            $('#l_expire_date').val('');
            // var today = new Date();
            // var lastDayOfMonth = new Date(today.getFullYear(), today.getMonth()+1, 0);
            // $('#l_expire_date').val(lastDayOfMonth.getFullYear() + '-' + ('0' + (lastDayOfMonth.getMonth()+1)).slice(-2) + '-' + ('0' + lastDayOfMonth.getDate()).slice(-2));
            // $('#l_expire_date_hidden').val($('#l_expire_date').val());
        }
        else if ($(this).val() == '2') {
            $('#l_expire_date').prop('disabled', true);
            $('#l_expire_date').val('');
            // var today = new Date();
            // var lastDayOfMonth = new Date(today.getFullYear(), today.getMonth()+1);
            // $('#l_expire_date').val(lastDayOfMonth.getFullYear() + '-' + ('0' + (lastDayOfMonth.getMonth()+1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2));
            // $('#l_expire_date_hidden').val($('#l_expire_date').val());
        }
        else if ($(this).val() == '3') {
            $('#l_expire_date').removeAttr('disabled');
        }
    });

    $(document).ready(function () {
        $('input[name="l_expire_type"]:checked').trigger('change');
        $('#l_expire_date_hidden').val($('#l_expire_date').val());
    });
</script>
