<?php
declare(strict_types=1);

/*
|--------------------------------------------------------------------------
| ENIGA MARKET - FORMULARZ ZGŁOSZENIA INSTALATORA OZE
|--------------------------------------------------------------------------
| PLIK: installer_form.php
| WERSJA: 1.4.0
| DATA: 2026-04-15
| ZMIANY:
| - dostosowanie wizualne do /assets/market-theme.css
| - zachowany układ i logika formularza z VPP
| - bez zmiany nazw pól, JS i backendu
|--------------------------------------------------------------------------
*/
?>
<!doctype html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Zgłoszenie instalatora OZE</title>

  <script src="../js/prototype.js"></script>
  <script src="../jquery.min.js"></script>
  <script>var $j = jQuery.noConflict();</script>

  <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="../bootstrap/css/dashboard.css" rel="stylesheet">
  <link href="/assets/market-theme.css" rel="stylesheet">

  <style>
    .installer-market-card {
      padding: 24px;
    }

    .installer-form-wrap {
      display: block;
    }

    .installer-section {
      border: 1px solid #dbe7f3;
      border-radius: 16px;
      overflow: hidden;
      background: #ffffff;
      margin-bottom: 18px;
    }

    .installer-section-title {
      padding: 14px 18px;
      font-size: 17px;
      font-weight: 800;
      color: #173a63;
      background: #f8fbff;
      border-bottom: 1px solid #dbe7f3;
    }

    .installer-section-body {
      padding: 18px;
    }

    .installer-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 16px;
    }

    .installer-col-12 { grid-column: span 12; }
    .installer-col-6  { grid-column: span 6; }
    .installer-col-5  { grid-column: span 5; }
    .installer-col-4  { grid-column: span 4; }
    .installer-col-3  { grid-column: span 3; }
    .installer-col-2  { grid-column: span 2; }

    .installer-field {
      margin-bottom: 0;
    }

    .installer-field label.form-label,
    .installer-checkbox-group-title {
      display: block;
      font-weight: 700;
      margin-bottom: 6px;
      color: #183454;
      font-size: 14px;
    }

    .installer-field input.form-control,
    .installer-field select.form-select,
    .installer-field textarea.form-control {
      width: 100%;
      box-sizing: border-box;
      padding: 12px 13px;
      border: 1px solid #cfd8e3;
      border-radius: 12px;
      background: #ffffff;
      font-size: 14px;
      color: #1f2d3d;
      min-height: 46px;
      box-shadow: none;
    }

    .installer-field input.form-control:focus,
    .installer-field select.form-select:focus,
    .installer-field textarea.form-control:focus {
      outline: none;
      border-color: #2a86ff;
      box-shadow: 0 0 0 3px rgba(42,134,255,0.14);
    }

    .installer-field textarea.form-control {
      min-height: 116px;
      resize: vertical;
    }

    .installer-check-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px 16px;
      margin-top: 4px;
    }

    .installer-check-grid label,
    .installer-inline-check label,
    .installer-simple-check label {
      display: inline-flex;
      align-items: flex-start;
      gap: 8px;
      font-weight: 400;
      color: #284766;
      margin: 0;
      font-size: 14px;
    }

    .installer-check-grid input,
    .installer-inline-check input,
    .installer-simple-check input {
      margin-top: 3px;
      width: auto;
      min-height: 0;
    }

    .installer-inline-note {
      background: #f8fbff;
      border: 1px solid #dbe7f3;
      border-radius: 14px;
      padding: 14px 16px;
      margin-bottom: 18px;
      color: #36516f;
      font-size: 14px;
      line-height: 1.5;
    }

    .installer-errors {
      min-height: 18px;
      margin-top: 4px;
      font-size: 12px;
      color: #b71c1c;
    }

    .installer-actions {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      margin-top: 4px;
    }

    #status {
      font-size: 14px;
      font-weight: 700;
      color: #b71c1c;
    }

    @media (max-width: 1100px) {
      .installer-col-6,
      .installer-col-5,
      .installer-col-4,
      .installer-col-3,
      .installer-col-2 {
        grid-column: span 6;
      }

      .installer-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      .installer-market-card {
        padding: 18px;
      }

      .installer-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .installer-col-12,
      .installer-col-6,
      .installer-col-5,
      .installer-col-4,
      .installer-col-3,
      .installer-col-2 {
        grid-column: auto;
      }

      .installer-check-grid {
        grid-template-columns: 1fr;
      }

      .installer-actions .market-btn {
        width: 100%;
        text-align: center;
      }
    }

    /* =========================================================
   ENIGA MARKET GLOBAL BACKGROUND
   WERSJA: 1.1.0
   DATA: 2026-05-10
   OPIS:
   - globalne tło systemu market.eniga.pl
   - nie zmienia logiki formularzy ani klas modułów
========================================================= */

/* FORCE ENIGA BACKGROUND */

html {
    min-height: 100%;
    background:
        linear-gradient(135deg, rgba(3,22,52,.88), rgba(0,119,190,.60)),
        url('/assets/eniga-hero.jpg') center center / cover no-repeat fixed !important;
}

body.market-theme {
    min-height: 100vh !important;
    background: transparent !important;
    position: relative;
}

body.market-theme::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(3,22,52,.72), rgba(0,119,190,.38)),
        radial-gradient(circle at 20% 20%, rgba(11,95,255,.22), transparent 35%),
        radial-gradient(circle at 80% 70%, rgba(0,194,168,.24), transparent 38%);
    z-index: 0;
    pointer-events: none;
}

body.market-theme > * {
    position: relative;
    z-index: 1;
}
  </style>

  <script src="js/installer.js"></script>
</head>
<body class="market-theme">

<div class="market-shell">
  <div class="market-hero">
    <div class="market-eyebrow">ENIGA MARKET • INSTALATORZY</div>
    <h1>Formularz zgłoszeniowy instalatora OZE</h1>
    <p>
      Prosimy o uzupełnienie danych firmy, kontaktu, skali działalności, obszaru działania,
      uprawnień, technologii oraz wymaganych załączników.
    </p>
  </div>

  <div class="market-card installer-market-card">
    <div class="installer-inline-note">
      Pola oznaczone <strong>*</strong> są wymagane. Dopuszczalne formaty załączników:
      <strong>PDF, JPG, JPEG, PNG</strong>. Maksymalny rozmiar pojedynczego pliku:
      <strong>10 MB</strong>.
    </div>

    <form id="installerForm" enctype="multipart/form-data" novalidate class="installer-form-wrap">

      <!-- A: Firma -->
      <div class="installer-section">
        <div class="installer-section-title">A) Dane firmy</div>
        <div class="installer-section-body">
          <div class="installer-grid">
            <div class="installer-col-6 installer-field">
              <label class="form-label">Nazwa firmy *</label>
              <input class="form-control" name="company_name" maxlength="150">
              <div class="installer-errors text-danger small" data-err="company_name"></div>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">NIP *</label>
              <input class="form-control" name="nip" maxlength="20">
              <div class="installer-errors text-danger small" data-err="nip"></div>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">REGON</label>
              <input class="form-control" name="regon" maxlength="20">
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">KRS</label>
              <input class="form-control" name="krs" maxlength="30">
            </div>

            <div class="installer-col-5 installer-field">
              <label class="form-label">Ulica</label>
              <input class="form-control" name="street" maxlength="150">
            </div>

            <div class="installer-col-2 installer-field">
              <label class="form-label">Kod</label>
              <input class="form-control" name="postcode" maxlength="20">
            </div>

            <div class="installer-col-2 installer-field">
              <label class="form-label">Miasto</label>
              <input class="form-control" name="city" maxlength="100">
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Województwo (siedziba)</label>
              <select class="form-select" name="voivodeship">
                <option value="">—</option>
                <option>dolnośląskie</option><option>kujawsko-pomorskie</option><option>lubelskie</option>
                <option>lubuskie</option><option>łódzkie</option><option>małopolskie</option>
                <option>mazowieckie</option><option>opolskie</option><option>podkarpackie</option>
                <option>podlaskie</option><option>pomorskie</option><option>śląskie</option>
                <option>świętokrzyskie</option><option>warmińsko-mazurskie</option><option>wielkopolskie</option>
                <option>zachodniopomorskie</option>
              </select>
            </div>

            <div class="installer-col-6 installer-field">
              <label class="form-label">Strona www</label>
              <input class="form-control" name="website" maxlength="200">
            </div>
          </div>
        </div>
      </div>

      <!-- B: Kontakt -->
      <div class="installer-section">
        <div class="installer-section-title">B) Osoba do kontaktu</div>
        <div class="installer-section-body">
          <div class="installer-grid">
            <div class="installer-col-4 installer-field">
              <label class="form-label">Imię i nazwisko *</label>
              <input class="form-control" name="contact_name" maxlength="120">
              <div class="installer-errors text-danger small" data-err="contact_name"></div>
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">Stanowisko</label>
              <input class="form-control" name="contact_role" maxlength="80">
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">Preferowany kontakt</label>
              <select class="form-select" name="contact_pref">
                <option value="">—</option>
                <option value="telefon">telefon</option>
                <option value="email">e-mail</option>
              </select>
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">Telefon *</label>
              <input class="form-control" name="phone" maxlength="40">
              <div class="installer-errors text-danger small" data-err="phone"></div>
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">E-mail *</label>
              <input class="form-control" name="email" maxlength="120">
              <div class="installer-errors text-danger small" data-err="email"></div>
            </div>
          </div>
        </div>
      </div>

      <!-- C: Skala -->
      <div class="installer-section">
        <div class="installer-section-title">C) Profil i skala</div>
        <div class="installer-section-body">
          <div class="installer-grid">
            <div class="installer-col-3 installer-field">
              <label class="form-label">Instalacje / miesiąc *</label>
              <input class="form-control" name="installs_per_month" type="number" min="0" max="999">
              <div class="installer-errors text-danger small" data-err="installs_per_month"></div>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Ekipy montażowe *</label>
              <input class="form-control" name="crews" type="number" min="0" max="99">
              <div class="installer-errors text-danger small" data-err="crews"></div>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Ile osób z SEP *</label>
              <input class="form-control" name="sep_count" type="number" min="0" max="999">
              <div class="installer-errors text-danger small" data-err="sep_count"></div>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Handlowcy?</label>
              <select class="form-select" name="has_sales" id="has_sales">
                <option value="0">nie</option>
                <option value="1">tak</option>
              </select>
            </div>

            <div class="installer-col-3 installer-field" id="sales_count_wrap" style="display:none;">
              <label class="form-label">Ilu handlowców?</label>
              <input class="form-control" name="sales_count" type="number" min="0" max="999">
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Dział serwisu?</label>
              <select class="form-select" name="has_service">
                <option value="0">nie</option>
                <option value="1">tak</option>
              </select>
            </div>

            <div class="installer-col-12">
              <div class="installer-checkbox-group-title">Rodzaje instalacji</div>
              <div class="installer-check-grid">
                <label><input type="checkbox" name="install_types[]" value="pv_domowe"> PV domowe</label>
                <label><input type="checkbox" name="install_types[]" value="pv_ci"> PV C&amp;I</label>
                <label><input type="checkbox" name="install_types[]" value="pv_50plus"> PV &gt;50 kWp</label>
                <label><input type="checkbox" name="install_types[]" value="mag_domowe"> Magazyny domowe</label>
                <label><input type="checkbox" name="install_types[]" value="mag_ci"> Magazyny C&amp;I</label>
                <label><input type="checkbox" name="install_types[]" value="pc"> Pompy ciepła</label>
                <label><input type="checkbox" name="install_types[]" value="ev"> Ładowarki EV</label>
                <label><input type="checkbox" name="install_types[]" value="ems"> EMS / automatyka</label>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- D: Obszar -->
      <div class="installer-section">
        <div class="installer-section-title">D) Obszar działania</div>
        <div class="installer-section-body">
          <div class="installer-grid">
            <div class="installer-col-4 installer-field">
              <label class="form-label">Cała Polska?</label>
              <select class="form-select" name="nationwide" id="nationwide">
                <option value="0">nie</option>
                <option value="1">tak</option>
              </select>
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">Zasięg (km)</label>
              <input class="form-control" name="range_km" type="number" min="0" max="2000">
            </div>

            <div class="installer-col-12" id="area_wrap">
              <div class="installer-checkbox-group-title">Województwa (jeśli nie cała Polska)</div>
              <div class="installer-check-grid">
                <?php
                  $w = array('dolnośląskie','kujawsko-pomorskie','lubelskie','lubuskie','łódzkie','małopolskie','mazowieckie','opolskie','podkarpackie','podlaskie','pomorskie','śląskie','świętokrzyskie','warmińsko-mazurskie','wielkopolskie','zachodniopomorskie');
                  foreach ($w as $x):
                ?>
                  <label><input type="checkbox" name="area_voivodeships[]" value="<?= htmlspecialchars($x,ENT_QUOTES,'UTF-8') ?>"> <?= htmlspecialchars($x,ENT_QUOTES,'UTF-8') ?></label>
                <?php endforeach; ?>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- E+F: Uprawnienia i technologie -->
      <div class="installer-section">
        <div class="installer-section-title">E) Uprawnienia i F) Technologie</div>
        <div class="installer-section-body">
          <div class="installer-grid">
            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="sep_e" value="1"> SEP E do 1kV</label>
            </div>

            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="sep_d" value="1"> SEP D do 1kV</label>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Nr SEP E</label>
              <input class="form-control" name="sep_e_no" maxlength="60">
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Nr SEP D</label>
              <input class="form-control" name="sep_d_no" maxlength="60">
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">SEP ważne do</label>
              <input class="form-control" name="sep_valid_to" type="date">
            </div>

            <div class="installer-col-4 installer-simple-check">
              <label><input type="checkbox" name="udt_oze" value="1"> Certyfikat instalatora OZE (UDT)</label>
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">Nr UDT</label>
              <input class="form-control" name="udt_no" maxlength="60">
            </div>

            <div class="installer-col-4 installer-field">
              <label class="form-label">UDT ważne do</label>
              <input class="form-control" name="udt_valid_to" type="date">
            </div>

            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="insurance_oc" value="1"> OC działalności</label>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Suma OC (PLN)</label>
              <input class="form-control" name="insurance_sum" type="number" step="0.01" min="0">
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">OC ważne do</label>
              <input class="form-control" name="insurance_valid_to" type="date">
            </div>

            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="measurements" value="1"> Pomiary powykonawcze</label>
            </div>

            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="osd_experience" value="1"> Doświadczenie OSD</label>
            </div>

            <div class="installer-col-3 installer-field">
              <label class="form-label">Gwarancja (m-ce)</label>
              <input class="form-control" name="warranty_months" type="number" min="0" max="120">
            </div>

            <div class="installer-col-12">
              <div class="installer-checkbox-group-title">Falowniki</div>
              <div class="installer-check-grid">
                <?php foreach (array('Sofar','Huawei','Sungrow','GoodWe','Solis','Fronius','SMA','SolarEdge','FoxESS','Growatt','Deye','SolaX','Victron','Inne') as $b): ?>
                  <label><input type="checkbox" name="inverters[]" value="<?= htmlspecialchars($b,ENT_QUOTES,'UTF-8') ?>"> <?= htmlspecialchars($b,ENT_QUOTES,'UTF-8') ?></label>
                <?php endforeach; ?>
              </div>
            </div>

            <div class="installer-col-12">
              <div class="installer-checkbox-group-title">Magazyny energii</div>
              <div class="installer-check-grid">
                <?php foreach (array('BYD','Pylontech','LG','Huawei LUNA','Sungrow','GoodWe','FoxESS','SolaX','Dyness','SolarEdge','Victron','Inne') as $b): ?>
                  <label><input type="checkbox" name="batteries[]" value="<?= htmlspecialchars($b,ENT_QUOTES,'UTF-8') ?>"> <?= htmlspecialchars($b,ENT_QUOTES,'UTF-8') ?></label>
                <?php endforeach; ?>
              </div>
            </div>

            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="ac_coupled" value="1"> AC-coupled</label>
            </div>

            <div class="installer-col-3 installer-simple-check">
              <label><input type="checkbox" name="dc_coupled" value="1"> DC-coupled</label>
            </div>

            <div class="installer-col-12 installer-field">
              <label class="form-label">EMS (jakie używacie?)</label>
              <input class="form-control" name="ems_used" maxlength="255" placeholder="np. Victron, HomeAssistant, IONTEC...">
            </div>

            <div class="installer-col-12 installer-field">
              <label class="form-label">Uwagi</label>
              <textarea class="form-control" name="quality_notes" rows="3" maxlength="2000"></textarea>
            </div>
          </div>
        </div>
      </div>

      <!-- I: Załączniki -->
      <div class="installer-section">
        <div class="installer-section-title">I) Załączniki (PDF/JPG/PNG, max 10MB/plik)</div>
        <div class="installer-section-body">
          <div class="installer-grid">
            <div class="installer-col-6 installer-field">
              <label class="form-label">SEP (E/D)</label>
              <input class="form-control" type="file" name="files_sep[]" multiple accept=".pdf,.jpg,.jpeg,.png">
            </div>

            <div class="installer-col-6 installer-field">
              <label class="form-label">UDT OZE</label>
              <input class="form-control" type="file" name="files_udt[]" multiple accept=".pdf,.jpg,.jpeg,.png">
            </div>

            <div class="installer-col-6 installer-field">
              <label class="form-label">OC</label>
              <input class="form-control" type="file" name="files_oc[]" multiple accept=".pdf,.jpg,.jpeg,.png">
            </div>

            <div class="installer-col-6 installer-field">
              <label class="form-label">Certyfikaty producentów / szkolenia</label>
              <input class="form-control" type="file" name="files_training[]" multiple accept=".pdf,.jpg,.jpeg,.png">
            </div>

            <div class="installer-col-12">
              <div class="installer-errors text-danger small" data-err="files"></div>
            </div>
          </div>
        </div>
      </div>

      <!-- J: Oświadczenia -->
      <div class="installer-section">
        <div class="installer-section-title">J) Oświadczenia</div>
        <div class="installer-section-body">
          <div class="installer-simple-check" style="margin-bottom:10px;">
            <label><input type="checkbox" value="1" id="decl_true" name="decl_true"> Oświadczam, że dane są prawdziwe *</label>
          </div>
          <div class="installer-errors text-danger small" data-err="decl_true"></div>

          <div class="installer-simple-check" style="margin-top:12px; margin-bottom:10px;">
            <label><input type="checkbox" value="1" id="decl_contact" name="decl_contact"> Wyrażam zgodę na kontakt w sprawie zgłoszenia *</label>
          </div>
          <div class="installer-errors text-danger small" data-err="decl_contact"></div>
        </div>
      </div>

      <div class="installer-actions">
        <button class="market-btn" id="btnSubmit" type="submit">Wyślij zgłoszenie</button>
        <div id="status"></div>
      </div>

    </form>
  </div>
</div>

<script src="js/installer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>