Files
GoNtech/web/templates/stranice/kpo_forma.html
T

75 lines
4.0 KiB
HTML

{{template "base" .}}
{{define "naslov"}}Novi KPO unos — NTech{{end}}
{{define "sadrzaj"}}
<div class="stranica-stack" style="max-width:640px;">
<div style="margin-bottom:12px;">
<a href="/kpo" class="nazad-link" hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML">
← KPO knjiga
</a>
</div>
<div class="kartica animiraj">
<h2 style="margin:0 0 20px;font-size:18px;">Novi KPO unos</h2>
<form method="POST" action="/kpo/nova">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<div class="polje-grupa" style="margin-bottom:16px;">
<label class="polje-labela">Datum prometa *</label>
<input type="date" name="datum_prometa" value="{{.Danas}}" required
style="width:100%;padding:10px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;box-sizing:border-box;">
</div>
<div class="polje-grupa" style="margin-bottom:16px;">
<label class="polje-labela">Broj dokumenta *</label>
<input type="text" name="broj_dokumenta" required autocomplete="off"
placeholder="npr. 2025/001 ili gotovina"
style="width:100%;padding:10px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;box-sizing:border-box;">
</div>
<div class="polje-grupa" style="margin-bottom:16px;">
<label class="polje-labela">Opis (opcionalno)</label>
<input type="text" name="opis" autocomplete="off"
placeholder="Kratki opis prihoda"
style="width:100%;padding:10px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;box-sizing:border-box;">
</div>
<div class="polje-grupa" style="margin-bottom:16px;">
<label class="polje-labela">Prihod (RSD) *</label>
<input type="number" name="prihod" step="0.01" min="0" required
style="width:100%;padding:10px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;box-sizing:border-box;">
</div>
<div class="polje-grupa" style="margin-bottom:16px;">
<label class="polje-labela">Način plaćanja</label>
<select name="nacin_placanja"
style="width:100%;padding:10px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;box-sizing:border-box;">
<option value="">— nije navedeno —</option>
<option value="Gotovina">Gotovina</option>
<option value="Kartica">Kartica</option>
<option value="Virman">Virman</option>
<option value="Ostalo">Ostalo</option>
</select>
</div>
<div class="polje-grupa" style="margin-bottom:24px;">
<label class="polje-labela">Napomena</label>
<textarea name="napomena" rows="2"
style="width:100%;padding:10px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;box-sizing:border-box;resize:vertical;"></textarea>
</div>
<div style="display:flex;gap:10px;justify-content:flex-end;">
<a href="/kpo" class="btn-sekundarno" hx-boost="true" hx-target="#glavni-sadrzaj" hx-select="#glavni-sadrzaj" hx-swap="outerHTML">
Otkaži
</a>
<button type="submit" class="btn-primarno">Sačuvaj</button>
</div>
</form>
</div>
</div>
{{end}}