{block content}

<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-10 col-lg-7">
            <div class="content-card my-3">
                <h2 class="h4 mb-3" style="color: var(--header-bg);">
                    <i class="bi bi-gear-fill me-2"></i>Nastavení
                </h2>

                <form n:name="nastaveniForm" class="login-form">
                    <div n:if="$form->errors" class="alert alert-danger mb-3">
                        <ul class="mb-0 ps-3">
                            <li n:foreach="$form->errors as $error">{$error}</li>
                        </ul>
                    </div>

                    <fieldset class="border rounded p-3">
                        <legend class="float-none w-auto px-2 fs-6 fw-bold mb-0">Faktury</legend>

                        <div class="row align-items-center mb-3">
                            <label n:name="maska" class="col-sm-5 col-form-label">Číslování faktur (maska):</label>
                            <div class="col-sm-7">
                                <input n:name="maska" class="form-control">
                            </div>
                        </div>

                        <div class="row align-items-center mb-3">
                            <label n:name="obdobi" class="col-sm-5 col-form-label">Číslovat po:</label>
                            <div class="col-sm-7">
                                <select n:name="obdobi" class="form-select"></select>
                            </div>
                        </div>

                        <div class="row align-items-center">
                            <label n:name="splatnost" class="col-sm-5 col-form-label">Splatnost faktury (dny):</label>
                            <div class="col-sm-4">
                                <input n:name="splatnost" class="form-control" style="max-width: 8rem;">
                            </div>
                        </div>

                        <p class="text-muted small mt-3 mb-0">
                            Značky v masce: <code>{='{ROK}'}</code> rok, <code>{='{RR}'}</code> rok na dvě číslice,
                            <code>{='{MESIC}'}</code> měsíc, <code>{='{CISLO4}'}</code> pořadové číslo na čtyři místa.
                            Číselná řada se nuluje podle volby „Číslovat po“.
                            Příští faktura: <strong>{$prikladCisla}</strong>.
                        </p>
                    </fieldset>

                    <div class="d-flex justify-content-end mt-4">
                        <button n:name="save" class="btn btn-success">
                            <i class="bi bi-check-lg me-1"></i> Uložit nastavení
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>