<!--
  Questo file fa parte di MyTown.
  MyTown è software libero: puoi ridistribuirlo e/o modificarlo secondo
  i termini della GNU Affero General Public License come pubblicata dalla
  Free Software Foundation, versione 3.
  Distribuito senza ALCUNA GARANZIA; vedi la GNU AGPL v3 per i dettagli.
  Copyright (C) Kondor Consulting & Services S.r.l.
  SPDX-License-Identifier: AGPL-3.0-or-later
-->
<ion-content class="cd-content">
  <ion-refresher slot="fixed" (ionRefresh)="load($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

  @if (ws) {
    <!-- Intestazione cantiere -->
    <div class="cd-head">
      <div class="cd-ic"><ion-icon name="business-outline"></ion-icon></div>
      <div class="cd-titles">
        <h1>{{ ws.ws_name }}</h1>
        <ion-badge [color]="wsStatoColor">{{ wsStatoLabel }}</ion-badge>
      </div>
    </div>
    <div class="cd-card">
      @if (ws.ws_description) {
        <div class="cd-row">
          <ion-icon name="information-circle-outline"></ion-icon><span>{{ ws.ws_description }}</span>
        </div>
      }
      @if (ws.ws_address || ws.ws_comune) {
        <div class="cd-row">
          <ion-icon name="location-outline"></ion-icon>
          <span>{{ ws.ws_address }}@if (ws.ws_comune) {
            <span>{{ ws.ws_address ? ', ' : '' }}{{ ws.ws_comune }}</span>
            }@if (ws.ws_codiceprovincia) {
            <span> ({{ ws.ws_codiceprovincia }})</span>
          }</span>
        </div>
      }
      @if (ws.ws_data_inizio) {
        <div class="cd-row">
          <ion-icon name="calendar-outline"></ion-icon><span>Inizio: {{ ws.ws_data_inizio | date: 'dd/MM/yyyy' }}</span>
        </div>
      }
      @if (ws.lot_cig) {
        <div class="cd-row">
          <ion-icon name="pricetag-outline"></ion-icon><span>CIG: {{ ws.lot_cig }}</span>
        </div>
      }
      @if (ws.lot_cup) {
        <div class="cd-row">
          <ion-icon name="pricetag-outline"></ion-icon><span>CUP: {{ ws.lot_cup }}</span>
        </div>
      }
      @if (ws.ws_note) {
        <div class="cd-row">
          <ion-icon name="document-text-outline"></ion-icon><span>{{ ws.ws_note }}</span>
        </div>
      }
      @if (ws.ws_latitude && ws.ws_longitude) {
        <div class="cd-row cd-map" (click)="apriMappa()">
          <ion-icon name="map-outline"></ion-icon><span>Apri in mappa</span>
        </div>
      }
    </div>
    <!-- Sopralluoghi -->
    <div class="cd-section">
      <div class="cd-section-head">
        <h3><ion-icon name="search-outline"></ion-icon> Sopralluoghi ({{ sopralluoghi.length }})</h3>
        @if (!isChiuso && canCreate) {
          <button class="cd-mini-btn" (click)="nuovoSopralluogo()">
            <ion-icon name="add"></ion-icon> Nuovo
          </button>
        }
      </div>
      @if (isChiuso) {
        <div class="cd-hint">Cantiere chiuso: i sopralluoghi sono in sola consultazione.</div>
      }
      @if (sopralluoghi.length === 0) {
        <div class="cd-hint">Nessun sopralluogo per questo cantiere.</div>
      }
      @for (s of sopralluoghi; track s) {
        <div class="cd-sopr" (click)="apriSopralluogo(s)">
          <div class="cd-sopr-info">
            <span class="nm">{{ s.sl_descrizione_oggetto || s.sl_protocollo || ('Sopralluogo #' + s.sl_id) }}</span>
            <span class="sub">
              @if (s.tpi_descrizione) {
                <span>{{ s.tpi_descrizione }}</span>
              }
              @if (s.sl_data_apertura_sopralluogo) {
                <span> · {{ s.sl_data_apertura_sopralluogo | date: 'dd/MM/yyyy' }}</span>
              }
            </span>
          </div>
          <ion-badge [color]="statoColor(s)">{{ statoLabel(s) }}</ion-badge>
        </div>
      }
    </div>
  }
</ion-content>
