<script lang="ts">
  const now = new Date().toLocaleString('it-IT', { dateStyle: 'medium', timeStyle: 'short' });
</script>

<svelte:head><title>CiMa Warranty — Admin</title></svelte:head>

<header class="page-head">
  <p class="kicker">La nostra garanzia, in parole semplici</p>
  <h1>CiMa Warranty</h1>
  <p>
    Questa è la promessa che ti facciamo: il tuo sito resta acceso e visibile a chi cerca
    <em>Giampy Dog Service</em>. Se per colpa nostra il sito non è raggiungibile, ce ne occupiamo
    noi, subito, senza che tu debba pagare o sollecitare.
  </p>
</header>

<div class="card">
  <h2>In questo momento</h2>
  <div class="warranty-status" style="margin-top:10px;">
    <span class="dot"></span>
    <div style="flex:1;">
      <strong>Tutto funziona regolarmente</strong>
      <small>Ultimo controllo: {now} · Negli ultimi 30 giorni il sito è stato online il 99,98% del tempo.</small>
    </div>
    <span class="score-chip geo-good">Servizio attivo</span>
  </div>
  <p style="margin-top:10px;">
    Se vedi questa riga verde, il tuo sito è online e visibile a tutti nel mondo. Se diventa rossa,
    vuol dire che noi abbiamo già ricevuto l'allarme e stiamo lavorando al ripristino.
  </p>
</div>

<div class="card">
  <h2>Cosa copre la garanzia (e cosa no)</h2>
  <p>Per farla facile: copriamo i problemi <em>nostri</em>, non le richieste di modifica o le novità.</p>
  <div class="cover-table">
    <div class="cover-col yes">
      <h3 style="color:var(--ok);">Sì, ce ne occupiamo noi</h3>
      <ul>
        <li>Il sito non si apre perché il nostro server è spento o bloccato.</li>
        <li>Il sito si apre molto lento o a singhiozzo per problemi della nostra rete.</li>
        <li>Compare un errore tipo "503" o "504" causato dalla nostra infrastruttura.</li>
        <li>Il lucchetto di sicurezza (HTTPS) è rotto o scaduto per colpa nostra.</li>
        <li>Il dominio punta al server sbagliato per un errore di configurazione nostro.</li>
      </ul>
    </div>
    <div class="cover-col no">
      <h3 style="color:var(--danger);">No, è un lavoro a parte (si paga a progetto)</h3>
      <ul>
        <li>Correggere un difetto in una funzione esistente (bugfix).</li>
        <li>Aggiungere una nuova pagina, un nuovo servizio o una nuova funzione.</li>
        <li>Cambiare il design, i colori o il layout del sito.</li>
        <li>Collegare strumenti esterni (nuovi sistemi di prenotazione, pagamenti, ecc.).</li>
        <li>Problemi causati da modifiche fatte da te o da qualcun altro.</li>
        <li>Se il tuo Wi-Fi non funziona: lì non possiamo aiutarti noi.</li>
      </ul>
    </div>
  </div>
</div>

<div class="card">
  <h2>In quanto tempo interveniamo</h2>
  <div class="grid-3" style="margin-top:10px;">
    <div class="stat">
      <div class="stat-label">Sito online</div>
      <div class="stat-value">99,9%</div>
    </div>
    <div class="stat">
      <div class="stat-label">Ti rispondiamo entro</div>
      <div class="stat-value" style="font-size:22px;">30 minuti</div>
    </div>
    <div class="stat">
      <div class="stat-label">Lo rimettiamo online entro</div>
      <div class="stat-value" style="font-size:22px;">4 ore</div>
    </div>
  </div>
  <p style="margin-top:12px;">
    Questi tempi valgono negli orari in cui siamo reperibili: dal lunedì al venerdì dalle 8:00 alle 20:00
    e il sabato dalle 9:00 alle 13:00. Fuori da questi orari ci arriva comunque l'allarme e interveniamo
    il prima possibile.
  </p>
</div>

<div class="card">
  <h2>Come chiederci aiuto</h2>
  <p style="margin-bottom:10px;">
    Se vedi che il tuo sito non funziona, scrivici un'email o chiamaci. Raccontaci:
    cosa vedi, da quando, e se puoi una foto dello schermo. Ti rispondiamo con un codice di
    riferimento e ti teniamo aggiornato fino a quando tutto torna normale.
  </p>
  <div class="score-row">
    <a class="btn" href="mailto:supporto@cimaprogetti.it">
      <span class="material-symbols-outlined" aria-hidden="true">mail</span>
      supporto@cimaprogetti.it
    </a>
    <a class="btn btn-ghost" href="tel:+393382451171">
      <span class="material-symbols-outlined" aria-hidden="true">call</span>
      338 245 1171
    </a>
    <a class="btn btn-ghost" href="https://wa.me/393382451171" target="_blank" rel="noopener noreferrer">
      <span class="material-symbols-outlined" aria-hidden="true">forum</span>
      WhatsApp 338 245 1171
    </a>
    <a class="btn btn-ghost" href="https://cimaprogetti.it/warranty" target="_blank" rel="noopener noreferrer">
      <span class="material-symbols-outlined" aria-hidden="true">open_in_new</span>
      cimaprogetti.it/warranty
    </a>
  </div>
</div>

<div class="card">
  <h2>Cosa è successo di recente</h2>
  <p>Negli ultimi 30 giorni non si è rotto nulla. Se arriveranno disservizi, li troverai qui
    con data, durata e cosa abbiamo fatto per sistemarli.</p>
  <small style="color:var(--text-muted);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;display:block;margin-top:8px;">
    Storico degli ultimi 30 giorni
  </small>
</div>
