{{-- MODAL: ZNEPLATNIT / OBNOVIT --}}
<div class="modal fade" id="zneplatnitModal" tabindex="-1" role="dialog" aria-hidden="true">
    <form method="POST" action="{{ url('/infodeska/zneplatnit') }}">
        @csrf
        <input type="hidden" name="typ_info" id="zneplatTyp" value="">
        <input type="hidden" name="id_info" id="zneplatId" value="">

        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <h5 class="modal-title font-weight-bold" id="zneplatTitle">Změnit stav</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Zavřít">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="small-muted mb-2" id="zneplatHint">
                        Tato akce záznam nezmaže, pouze změní jeho stav.
                    </div>

                    <label class="font-weight-bold mb-1">Důvod</label>
                    {{-- u tebe je duvod required --}}
                    <input type="text"
                           name="duvod"
                           id="zneplatDuvod"
                           class="form-control"
                           maxlength="100"
                           placeholder="Max. 100 znaků"
                           required>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">
                        Zrušit
                    </button>
                    <button type="submit" class="btn btn-danger btn-sm" id="zneplatSubmit">
                        <i class="fa fa-ban"></i> Zneplatnit
                    </button>
                </div>

            </div>
        </div>
    </form>
</div>

<script>
    $('#zneplatnitModal').on('show.bs.modal', function (e) {
        var btn = $(e.relatedTarget);

        var typ = btn.data('typ') || '';
        var id  = btn.data('id') || '';
        var isZ = btn.data('zneplat') || 0;

        $('#zneplatTyp').val(typ);
        $('#zneplatId').val(id);
        $('#zneplatDuvod').val('');

        if (parseInt(isZ) === 1) {
            $('#zneplatTitle').text('Obnovit záznam');
            $('#zneplatHint').text('Obnovení vrátí záznam zpět do aktivního stavu.');
            $('#zneplatSubmit')
                .removeClass('btn-danger')
                .addClass('btn-success')
                .html('<i class="fa fa-undo"></i> Obnovit');
        } else {
            $('#zneplatTitle').text('Zneplatnit záznam');
            $('#zneplatHint').text('Zneplatnění záznam nezmaže, pouze ho označí jako neplatný.');
            $('#zneplatSubmit')
                .removeClass('btn-success')
                .addClass('btn-danger')
                .html('<i class="fa fa-ban"></i> Zneplatnit');
        }
    });
</script>