<turbo-stream action="replace" target="new_time_entry_card"><template>
  <div class="card" id="new_time_entry_card">
  <div class="card-header d-flex align-items-center justify-content-between">
    <h5 class="card-title mb-0">Kopia wpisu</h5>
      <span class="text-muted fs-sm">Sprawdź datę i godziny, potem zapisz.</span>
  </div>
  <div class="card-body">
      <form id="time-entry-form" data-turbo="true" data-controller="time-entry-form" data-time-entry-form-focus-value="true" data-action="input-&gt;time-entry-form#update change-&gt;time-entry-form#update timeline:fill@window-&gt;time-entry-form#fill" action="/time_entries" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="feF6m7lpzdDf1ISmoSF0wSDyx-p0jPcQq1IBqFUeIZvNzaAmBmG_a2hydfnwZ0UputgwRy0xlnKza4J75QNpYQ" autocomplete="off" />

    <div class="row g-2">
      <div class="col-md-auto time-entry-ticket-col">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_ticket">ID taska</label>
        <input class="form-control font-mono" placeholder="ABC-123" autocomplete="off" maxlength="40" data-time-entry-form-target="ticket" size="40" type="text" value="AB-150" name="time_entry[ticket]" id="time_entry_ticket" />
      </div>
      <div class="col-md">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_description">Opis</label>
        <input class="form-control" placeholder="Nad czym pracujesz?" data-time-entry-form-target="description" type="text" name="time_entry[description]" id="time_entry_description" />
      </div>
      <div class="w-100 d-xl-none"></div>
      <div class="col-xl-2 col-md-4">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_project_id">Projekt</label>
        <select class="form-select" required="required" data-time-entry-form-target="project" data-action="change-&gt;time-entry-form#filterTasks" data-controller="rich-select" data-rich-select-search-value="[&quot;text&quot;,&quot;client&quot;]" name="time_entry[project_id]" id="time_entry_project_id"><optgroup label="ACME Sp. z o.o." data-icon="ti-building"><option value="1" data-icon="ti-folder" data-client="ACME Sp. z o.o.">Newsletter</option><option value="3" data-icon="ti-folder" data-client="ACME Sp. z o.o.">Panel klienta</option><option value="2" data-icon="ti-folder" data-client="ACME Sp. z o.o.">Strona www</option></optgroup><optgroup label="Beta Studio" data-icon="ti-building"><option value="6" data-icon="ti-folder" data-client="Beta Studio">Aplikacja mobilna</option></optgroup><optgroup label="Fabryka Mebli Dąb" data-icon="ti-building"><option value="5" data-icon="ti-folder" data-client="Fabryka Mebli Dąb">Integracja ERP</option><option value="4" data-icon="ti-folder" data-client="Fabryka Mebli Dąb">Konfigurator mebli</option></optgroup><optgroup label="GreenTech Energy S.A." data-icon="ti-building"><option value="7" selected="selected" data-icon="ti-folder" data-client="GreenTech Energy S.A.">Audyt bezpieczeństwa</option></optgroup></select>
      </div>
      <div class="col-xl-2 col-md-4">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_task_id">Zadanie</label>
        <select class="form-select" data-time-entry-form-target="task" data-controller="rich-select" data-rich-select-allow-empty-value="true" name="time_entry[task_id]" id="time_entry_task_id"><option value="" data-icon="ti-circle-dashed">Bez zadania</option><option value="1" data-project-id="2" data-icon="ti-subtask">Projekt graficzny</option><option value="3" data-project-id="2" data-icon="ti-subtask">Treści</option><option value="2" data-project-id="2" data-icon="ti-subtask">Wdrożenie</option><option value="4" data-project-id="3" data-icon="ti-subtask">Backend</option><option value="5" data-project-id="3" data-icon="ti-subtask">Frontend</option><option value="8" data-project-id="6" data-icon="ti-subtask">API</option><option value="9" data-project-id="6" data-icon="ti-subtask">Ekrany</option><option value="10" data-project-id="6" data-icon="ti-subtask">Testy</option><option value="6" data-project-id="4" data-icon="ti-subtask">Modele 3D</option><option value="7" data-project-id="4" data-icon="ti-subtask">Wycena</option></select>
      </div>
      <div class="col-xl-2 col-md-4">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_tag_names">Tagi</label>
        <input name="time_entry[tag_names][]" type="hidden" value="" autocomplete="off" /><select multiple="multiple" class="form-select" data-controller="tags-select" name="time_entry[tag_names][]" id="time_entry_tag_names"><option value="backend">backend</option>
<option value="dokumentacja">dokumentacja</option>
<option value="frontend">frontend</option>
<option value="pilne">pilne</option>
<option value="poprawki">poprawki</option>
<option value="review">review</option>
<option value="spotkanie">spotkanie</option>
<option selected="selected" value="wdrożenie">wdrożenie</option></select>
      </div>
    </div>

    <div class="row g-2 align-items-end mt-1">
      <div class="col-sm-auto">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_date">Data</label>
        <input value="2026-10-16" title="Kliknij i przewiń kółkiem, aby zmienić dzień" required="required" class="form-control" data-controller="date-input" data-action="wheel-&gt;date-input#wheel:!passive" data-time-entry-form-target="date" type="date" name="time_entry[date]" id="time_entry_date" />
      </div>
      <div class="col-auto">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_start_time">Od</label>
        <input value="10:55" inputmode="numeric" maxlength="5" placeholder="HH:MM" autocomplete="off" title="Kliknij godziny lub minuty i przewiń kółkiem (↑↓)" required="required" class="form-control time-input" data-controller="time-input" data-action="click-&gt;time-input#selectSegment wheel-&gt;time-input#wheel:!passive keydown-&gt;time-input#keydown blur-&gt;time-input#normalize" data-time-entry-form-target="start" size="5" type="text" name="time_entry[start_time]" id="time_entry_start_time" />
      </div>
      <div class="col-auto">
        <label class="form-label fs-xs text-muted mb-1" for="time_entry_end_time">Do</label>
        <input value="11:35" inputmode="numeric" maxlength="5" placeholder="HH:MM" autocomplete="off" title="Kliknij godziny lub minuty i przewiń kółkiem (↑↓)" required="required" class="form-control time-input" data-controller="time-input" data-action="click-&gt;time-input#selectSegment wheel-&gt;time-input#wheel:!passive keydown-&gt;time-input#keydown blur-&gt;time-input#normalize" data-time-entry-form-target="end" size="5" type="text" name="time_entry[end_time]" id="time_entry_end_time" />
      </div>
      <div class="col-auto">
        <div class="fs-xs text-muted mb-1">Czas</div>
        <div class="form-control-plaintext fw-semibold fs-lg py-1" data-time-entry-form-target="duration">—</div>
      </div>
      <div class="col-auto ms-auto d-flex gap-2">
          <a class="btn btn-light" data-turbo="false" href="/time_entries">Anuluj</a>
        <button name="button" type="submit" class="btn btn-primary" data-turbo-submits-with="Zapisuję…">
          <i class="ti ti-plus me-1"></i>
          Dodaj wpis
</button>      </div>
    </div>
</form>
  </div>
</div>

</template></turbo-stream>