<?php
/**
 * Widok skrótu [ped_zglos] — formularz zgłaszania szkół przyjaznych edukacji
 * domowej oraz poprawek do szkół już wpisanych.
 *
 * Obowiązkowa jest wyłącznie nazwa szkoły. Reszta to pola, które ktoś wypełni,
 * jeśli akurat wie — bo zgłoszenie niekompletne jest o niebo lepsze niż
 * zgłoszenie, którego ktoś nie wysłał, bo nie znał adresu e-mail sekretariatu.
 * Braki uzupełnia moderator przed zatwierdzeniem.
 */
if (!defined('ABSPATH')) { exit; }
$diecezje = ped_diecezje();
$idf = 'pedz' . wp_rand(1000, 9999);
$woj = ['dolnośląskie','kujawsko-pomorskie','lubelskie','lubuskie','łódzkie','małopolskie',
        'mazowieckie','opolskie','podkarpackie','podlaskie','pomorskie','śląskie',
        'świętokrzyskie','warmińsko-mazurskie','wielkopolskie','zachodniopomorskie'];
?>
<section class="ped-zglos" data-motyw="ciemny" id="<?php echo esc_attr($idf); ?>">
  <h3 class="ped-zglos-tytul"><?php echo esc_html($a['tytul']); ?></h3>

  <form class="ped-zglos-form" novalidate>
    <fieldset class="ped-rodzaj">
      <legend>O czym nam mówisz</legend>
      <label><input type="radio" name="<?php echo esc_attr($idf); ?>-r" value="nowa" checked>
        O szkole, której jeszcze tu nie ma</label>
      <label><input type="radio" name="<?php echo esc_attr($idf); ?>-r" value="poprawka">
        O szkole, która już tu jest, ale coś się w niej zmieniło</label>
    </fieldset>

    <div class="ped-pole ped-tylko-poprawka" hidden>
      <label for="<?php echo esc_attr($idf); ?>-dot">O której szkole mówisz</label>
      <input type="text" id="<?php echo esc_attr($idf); ?>-dot" class="ped-z-dotyczy" maxlength="200"
             placeholder="wpisz nazwę tak, jak ją tu widzisz">
    </div>

    <div class="ped-pole">
      <label for="<?php echo esc_attr($idf); ?>-n">Nazwa szkoły <span class="ped-wym">*</span></label>
      <input type="text" id="<?php echo esc_attr($idf); ?>-n" class="ped-z-nazwa" maxlength="200" required>
    </div>

    <div class="ped-siatka">
      <div class="ped-pole">
        <label for="<?php echo esc_attr($idf); ?>-m">Miejscowość</label>
        <input type="text" id="<?php echo esc_attr($idf); ?>-m" class="ped-z-miasto" maxlength="120">
      </div>
      <div class="ped-pole">
        <label for="<?php echo esc_attr($idf); ?>-w">Województwo</label>
        <select id="<?php echo esc_attr($idf); ?>-w" class="ped-z-woj">
          <option value="">— nie wiem —</option>
          <?php foreach ($woj as $x) : ?>
            <option value="<?php echo esc_attr($x); ?>"><?php echo esc_html($x); ?></option>
          <?php endforeach; ?>
        </select>
      </div>
    </div>

    <div class="ped-pole">
      <label for="<?php echo esc_attr($idf); ?>-a">Adres</label>
      <input type="text" id="<?php echo esc_attr($idf); ?>-a" class="ped-z-adres" maxlength="200"
             placeholder="ulica, numer, kod pocztowy">
    </div>

    <div class="ped-pole">
      <label for="<?php echo esc_attr($idf); ?>-dc">Diecezja</label>
      <select id="<?php echo esc_attr($idf); ?>-dc" class="ped-z-diecezja">
        <option value="">— nie wiem, uzupełnijcie —</option>
        <?php foreach ($diecezje as $kod => $nazwa) : ?>
          <option value="<?php echo esc_attr($kod); ?>"><?php echo esc_html($nazwa); ?></option>
        <?php endforeach; ?>
      </select>
    </div>

    <div class="ped-siatka ped-siatka--trzy">
      <div class="ped-pole">
        <label for="<?php echo esc_attr($idf); ?>-t">Telefon</label>
        <input type="tel" id="<?php echo esc_attr($idf); ?>-t" class="ped-z-telefon" maxlength="40">
      </div>
      <div class="ped-pole">
        <label for="<?php echo esc_attr($idf); ?>-e">E-mail szkoły</label>
        <input type="email" id="<?php echo esc_attr($idf); ?>-e" class="ped-z-email" maxlength="120">
      </div>
      <div class="ped-pole">
        <label for="<?php echo esc_attr($idf); ?>-s">Strona internetowa</label>
        <input type="url" id="<?php echo esc_attr($idf); ?>-s" class="ped-z-www" maxlength="200"
               placeholder="https://">
      </div>
    </div>

    <div class="ped-pole">
      <label for="<?php echo esc_attr($idf); ?>-o">Co warto o niej wiedzieć</label>
      <textarea id="<?php echo esc_attr($idf); ?>-o" class="ped-z-opis" rows="3" maxlength="2000"
                placeholder="np. czy rodzice znajdą tam wsparcie, jak wyglądają egzaminy, ilu uczniów uczy się w domu"></textarea>
    </div>

    <div class="ped-pole">
      <label for="<?php echo esc_attr($idf); ?>-k">Twój e-mail <span class="ped-male">(gdybyśmy mieli pytanie)</span></label>
      <input type="email" id="<?php echo esc_attr($idf); ?>-k" class="ped-z-kontakt" maxlength="120">
    </div>

    <button type="button" class="ped-wyslij">Prześlij</button>
    <p class="ped-z-info" role="status" aria-live="polite"></p>
    <p class="ped-male">Zanim to trafi do innych, ktoś od nas na to spojrzy —
      nic nie pojawia się tu samo.</p>
  </form>
</section>
