oss-vaja1/rezervacija.html

<!DOCTYPE html>
<html lang="sl">
<head>
    <link rel="stylesheet" href="stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rezervacija | Za prste obliznit</title>
</head>
<body>
<header>
    <nav>
        <a href="index.html">
            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
             Za prste obliznit
        </a>
        <ul class="main_menu">
            <li><a href="index.html">Domov</a></li>
            <li><a href="jedilnik.html">Jedilnik</a></li>
            <li><a href="recepti.html">Recepti</a></li>
            <li><a href="rezervacija.html">Rezervacija</a></li>
            <li><a href="o_nas.html">O nas</a></li>
        </ul>
    </nav>
</header>
    <h1>Vaša miza vas že čaka</h1>
        <p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
        <h2>Nekaj informaciji pred rezervacijo:</h2>
        <p>
            <b>Kdaj lahko rezervirate?</b>
            <br>
            Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
        </p>
        <p>
            <b>Prihajate v večji družbi?</b>
            <br>
            Za skupine z <b>12 ali več osebami</b> vas prosimo, da nas pokličete. Tako se lahko skupaj dogovorimo o razpoložljivosti miz in poskrbimo, da bo vaš obisk čim prijetnejši.
        </p>
        <p> 
            Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
            <br>
            <b>Ekipa Za prset obliznit</b>
        </p>
    <h2>Rezervacija</h2>
    <p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
    <form method="get">
        <fieldset>
            <legend>Podrobnosti rezervacije:</legend>
             Datum obiska
            <br>
            <input type="date" id="datum-obiska" name="datum-obiska" required>
            <br>
            <br>
            Ura obiska
            <br>
            <input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
            <br>
            <br>
            Število oseb
            <br>
            <input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
            <br>
            <br>
            Prostor:
                <select id="prostor" name="prostor">
                    <option value="notranjost">Notranjost</option>
                    <option value="terasa">Terasa</option>
                    <option value="zasebna-soba">Zasebna soba</option>
                </select>
        </fieldset>
        <br>
        <br>
        <fieldset>
            <legend>Osebni podatki:</legend>
             Ime in priimek
            <br>
            <input type="text" id="ime-priimek" name="ime-priimek" required>
            <br>
            <br>
            E-poštni naslov
            <br>
            <input type="email" id="email" name="email" required>
            <br>
            <br>
            Telefonska številka
            <br>
            <input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
        </fieldset>
        <br>
        <br>
        <fieldset>
            <legend>Dodatne želje:</legend>
            Priložnost
            <br>
            <input type="radio" id="brez" name="priloznost" value="brez"> Brez
            <input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
            <input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica 
            <input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
            <br>
            <br>
            Posebne omejitve <br>
            <input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
            <input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
            <input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
            <input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
            <br>
            <br>
            Opombe
            <br>
            <textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
        </fieldset>
        <br>
        <br>
        <input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov 
        <br><br>
        <input type="submit" value="Oddaja rezervacije">
        <br>
        <input type="reset" value="Ponastavi">
    </form>
    <br><br>
    <footer>
    <address>
        Za prste obliznit<br>
        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
</body>
</html>