<!-- HIRDETÉSEK FELADÁSA - MAGÁNSZEMÉLY VERZIÓ -->
<form id="hirdetes-feladas-maganszemely" class="yottaka-hirdetes-form" method="POST" enctype="multipart/form-data" action="/hirdetes-feladas">

  <!-- 1. PONT - KATEGÓRIA -->
  <fieldset class="form-pont" data-pont="1">
    <legend><span class="pont-szam">1.</span> Kategória kiválasztása</legend>
    <div class="form-row">
      <label for="kategoria">Főkategória *</label>
      <select id="kategoria" name="kategoria" required>
        <option value="">Válasszon kategóriát</option>
        <option value="festmeny">Festmény</option>
        <option value="butor">Bútor</option>
        <option value="szobor">Szobor</option>
        <option value="porcelan">Porcelán / Kerámia</option>
        <option value="ezust">Ezüst / Ékszer</option>
        <option value="egyeb">Egyéb műtárgy</option>
      </select>
    </div>
    <div class="form-row">
      <label for="alkategoria">Alkategória</label>
      <select id="alkategoria" name="alkategoria">
        <option value="">Válasszon alkategóriát</option>
        <option value="modern">Modern</option>
        <option value="antik">Antik (1850 előtt)</option>
        <option value="kortars">Kortárs</option>
      </select>
    </div>
  </fieldset>

  <!-- 2. PONT - TÁRGY MEGNEVEZÉSE -->
  <fieldset class="form-pont" data-pont="2">
    <legend><span class="pont-szam">2.</span> Tárgy megnevezése</legend>
    <div class="form-row">
      <label for="targy-cim">Hirdetés címe *</label>
      <input type="text" id="targy-cim" name="targy_cim" placeholder="Pl.: Ismeretlen festő - Tájkép, 19. század" required maxlength="120" />
    </div>
    <div class="form-row">
      <label for="alkoto">Alkotó / Műhely</label>
      <input type="text" id="alkoto" name="alkoto" placeholder="Pl.: Lotz Károly követője" />
    </div>
  </fieldset>

  <!-- 3. PONT - LEÍRÁS -->
  <fieldset class="form-pont" data-pont="3">
    <legend><span class="pont-szam">3.</span> Részletes leírás</legend>
    <div class="form-row">
      <label for="leiras">Leírás, proveniencia *</label>
      <textarea id="leiras" name="leiras" rows="6" placeholder="Anyag, technika, jelzések, proveniencia, irodalom..." required></textarea>
    </div>
    <div class="form-row two-col">
      <div>
        <label for="kor">Kor / Készítés ideje</label>
        <input type="text" id="kor" name="kor" placeholder="Pl.: 1880 körül" />
      </div>
      <div>
        <label for="szarmazas">Származás</label>
        <input type="text" id="szarmazas" name="szarmazas" placeholder="Pl.: Magyar magángyűjtemény" />
      </div>
    </div>
  </fieldset>

  <!-- 4. PONT - MÉRETEK, ÁLLAPOT -->
  <fieldset class="form-pont" data-pont="4">
    <legend><span class="pont-szam">4.</span> Méretek és állapot</legend>
    <div class="form-row three-col">
      <div>
        <label for="magassag">Magasság (cm)</label>
        <input type="number" id="magassag" name="magassag" step="0.1" />
      </div>
      <div>
        <label for="szelesseg">Szélesség (cm)</label>
        <input type="number" id="szelesseg" name="szelesseg" step="0.1" />
      </div>
      <div>
        <label for="melyseg">Mélység (cm)</label>
        <input type="number" id="melyseg" name="melyseg" step="0.1" />
      </div>
    </div>
    <div class="form-row">
      <label for="allapot">Állapot *</label>
      <select id="allapot" name="allapot" required>
        <option value="">Válasszon</option>
        <option value="kivalo">Kiváló</option>
        <option value="jo">Jó</option>
        <option value="kozepes">Közepes - restaurálandó</option>
        <option value="restauralt">Restaurált</option>
      </select>
    </div>
  </fieldset>

  <!-- 5. PONT - ÁR -->
  <fieldset class="form-pont" data-pont="5">
    <legend><span class="pont-szam">5.</span> Irányár</legend>
    <div class="form-row two-col">
      <div>
        <label for="ar">Irányár (Ft) *</label>
        <input type="number" id="ar" name="ar" placeholder="Pl.: 150000" required />
      </div>
      <div>
        <label for="ar-tipus">Ár típusa</label>
        <select id="ar-tipus" name="ar_tipus">
          <option value="fix">Fix ár</option>
          <option value="iranyar">Irányár</option>
          <option value="megegyezes">Megegyezés szerint</option>
          <option value="aukcio">Aukcióra</option>
        </select>
      </div>
    </div>
  </fieldset>

  <!-- 6. PONT - KÉPEK -->
  <fieldset class="form-pont" data-pont="6">
    <legend><span class="pont-szam">6.</span> Képek feltöltése</legend>
    <div class="form-row">
      <label for="kepek">Fő képek (max. 12 db, JPG/PNG) *</label>
      <input type="file" id="kepek" name="kepek[]" accept="image/jpeg,image/png" multiple required />
      <small class="help">Minimum 3 kép kötelező. Első kép lesz a kártya borítója.</small>
    </div>
    <div class="form-row">
      <label for="kepek-reszlet">Részletfotók (jelzés, sérülés)</label>
      <input type="file" id="kepek-reszlet" name="kepek_reszlet[]" accept="image/jpeg,image/png" multiple />
    </div>
  </fieldset>

  <!-- 7. PONT - VIDEÓ -->
  <fieldset class="form-pont" data-pont="7">
    <legend><span class="pont-szam">7.</span> Videófilm (opcionális)</legend>
    <div class="form-row">
      <label for="video-url">YouTube / Vimeo link</label>
      <input type="url" id="video-url" name="video_url" placeholder="https://youtube.com/watch?v=..." />
      <small class="help">Csak Videófilm alap és kiemelt hirdetéseknél jelenik meg.</small>
    </div>
  </fieldset>

  <!-- 8. PONT - KAPCSOLAT MAGÁNSZEMÉLY -->
  <fieldset class="form-pont" data-pont="8">
    <legend><span class="pont-szam">8.</span> Kapcsolattartó - Magánszemély</legend>
    <div class="form-row two-col">
      <div>
        <label for="nev">Teljes név *</label>
        <input type="text" id="nev" name="nev" required />
      </div>
      <div>
        <label for="telefon">Telefon *</label>
        <input type="tel" id="telefon" name="telefon" placeholder="+36 ..." required />
      </div>
    </div>
    <div class="form-row two-col">
      <div>
        <label for="email">E-mail *</label>
        <input type="email" id="email" name="email" required />
      </div>
      <div>
        <label for="varos">Település *</label>
        <input type="text" id="varos" name="varos" required />
      </div>
    </div>
    <div class="form-row">
      <label class="checkbox">
        <input type="checkbox" name="aszf" required />
        Elfogadom az ÁSZF-et és az Adatkezelési tájékoztatót *
      </label>
    </div>
  </fieldset>

  <!-- 9. PONT - HIRDETÉSI BEÁLLÍTÁSOK -->
  <fieldset class="form-pont kiemelt" data-pont="9">
    <legend><span class="pont-szam">9.</span> Hirdetési beállítások</legend>
    <div class="form-row two-col">
      <div>
        <label for="hirdetesi-idoszak-magan">1. Hirdetési időszak *</label>
        <select id="hirdetesi-idoszak-magan" name="hirdetesi_idoszak" required>
          <option value="">Válasszon időszakot</option>
          <option value="havi">Havi</option>
          <option value="negyedeves">Negyedéves</option>
          <option value="feleves">Féléves</option>
          <option value="eves">Éves</option>
        </select>
      </div>
      <div>
        <label for="hirdetes-fajtaja-magan">2. Hirdetés fajtája *</label>
        <select id="hirdetes-fajtaja-magan" name="hirdetes_fajtaja" required>
          <option value="">Válasszon fajtát</option>
          <option value="alap-kartya">Alap kártya</option>
          <option value="kiemelt-kartya">Kiemelt kártya</option>
          <option value="videofilm-alap">Videófilm alap</option>
          <option value="videofilm-kiemelt">Videófilm kiemelt</option>
          <option value="aukcios-hazak-alap">Aukciós házak alap</option>
          <option value="aukcios-hazak-kiemelt">Aukciós házak kiemelt</option>
        </select>
      </div>
    </div>
    <div class="form-actions">
      <button type="submit" class="btn-mentes">Mentés</button>
    </div>
  </fieldset>
