<!doctype html>
<html>

<head>
  <title>Nové-Autosklo.cz</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="/dist/output.css" rel="stylesheet" />
  <link rel="icon" href="">
</head>

<body>
  <div class="h-16 w-full bg-slate-500">
    <div class="max-w-4xl mx-auto h-full flex flex-col justify-center">
      <a href="/"><h1 class="font-bold text-3xl md:text-4xl text-white ml-8">Nové-Autosklo.cz</h1></a>
    </div>
  </div>

  <div class="container max-w-4xl mx-auto px-8">
    
    <!-- END: Header -->

    <div class="flex flex-col md:flex-row pt-16">
      <div class="flex-1 w-full md:w-1/2 border rounded-lg mx-auto mb-4 md:mb-0 md:mr-8 min-h-800">
        <img src="/static/kalibrace_mini.jpg" alt="Výměna či oprava autoskla">
        <h2 class="font-bold text-lg pb-4 px-12 pt-4">Výměna či oprava autoskel</h2>

        <p class="pb-12 px-12">
          Poškozené sklo se snažíme primárně opravit. V případě většího poškození sklo vyměníme a zkalibrujeme senzory,
          které jsou na něm umístěné. Opravu i výměnu provádíme buď v naší garáží nebo na domluveném místě, například
          u vás doma nebo v práci.
        </p>
      </div>
      <div class="flex-1 w-full md:w-1/2 border rounded-lg mx-auto md:ml-8 min-h-800">
        <img src="/static/dekarbonizace_mini.jpg" alt="Dekarbonizace motoru">
        <h2 class="font-bold text-lg pb-4 px-12 pt-4">Dekarbonizace motoru</h2>

        <p class="pb-12 px-12">Během procesu dekarbonizace se do směsy paliva se vzduchem přidává vodík, čímž dochází
          ke spalování při větší teplotě a vypálí se nečistoty, které se v motoru za dobu jeho
          provozu usadily. Dekarbonizace trvá přibližně hodinu a může zlepšit odezvu motoru,
          zvýšit jeho kroutící moment a výkon, zlepšit emise a prodloužit životnost.</p>
      </div>
    </div>
    <!-- END: About -->

    <div>
      <h2 class="font-bold text-4xl pb-8 pt-16">Kontakt</h2>

      <div>
        <p class="pt-8 pb-4 text-center font-bold text-3xl md:text-4xl">
          <a href="tel:+420736640805">+420 736 640 805</a>
        </p>
        <p class="pb-8 pt-4 text-center font-bold text-2xl md:text-4xl">
          <a class="text-gray-400 hover:text-gray-600 hover:underline"
            href="mailto:info@nove-autosklo.cz">info@nove-autosklo.cz</a>
        </p>
        <p class="pb-8 text-center text-lg">
            <strong>IČ:</strong> 123475 
            <strong>DIČ:</strong> CZ123475
        </p>
      </div>

      <div class="flex flex-col md:flex-row pt-8">
        
        <div class="flex-1 w-full md:w-1/2 border rounded-lg mx-auto mb-4 md:mb-0 md:mr-8 min-h-800">
          <img src="/static/pardubice_mini.jpg" alt="Pardubice">
          <h2 class="font-bold text-lg px-12 pt-8 pb-4">Pardubice</h2>

          <p class="pb-4 px-12">
            Železničního pluku 673<br>
            530 02 Pradubice<br>
            <br>
            2QHF+24
          </p>
    
          <iframe class="pt-8"
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1281.5668937477412!2d15.773476638710402!3d50.02758886237058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470dcc9a7874c32d%3A0x3e85d448a50bd3fc!2zxb1lbGV6bmnEjW7DrWhvIHBsdWt1IDY3MywgNTMwIDAyIFBhcmR1YmljZSBWLVplbGVuw6kgUMWZZWRtxJtzdMOt!5e0!3m2!1scs!2scz!4v1656883790129!5m2!1scs!2scz"
            width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>

        <div class="flex-1 w-full md:w-1/2 border rounded-lg mx-auto md:ml-8 min-h-800">
          <img src="/static/kolin_further_mini.jpg" alt="Kolín">
          <h2 class="font-bold text-lg px-12 pt-8 pb-4">Kolín</h2>

          <p class="pb-4 px-12">
            Havlíčkova 915<br>
            280 02 Kolín<br>
            <br>
            26C6+QP4
          </p>
    
          <iframe class="pt-8"
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d640.8597263818365!2d15.211311529298662!3d50.02187109871369!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470c1540bcb1812b%3A0xb2ac1c9c7efa2dd9!2zSGF2bMOtxI1rb3ZhIDkxNSwgMjgwIDAyIEtvbMOtbg!5e0!3m2!1scs!2scz!4v1656883695590!5m2!1scs!2scz"
            width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
      </div>
      
    </div>

    <!-- END: Map -->

    <div class="py-12">
      <h2 class="font-bold text-4xl pt-16 pb-4"><a name="rezervace">Rezervace</a></h2>

      <p class="py-4">Rezervaci můžete provést na telefonním čísle:</p>

      <p class="pt-8 pb-4 text-center font-bold text-3xl md:text-4xl">
        <a href="tel:+420736640805">+420 736 640 805</a>
      </p>

      <p class="pt-6">nebo nám zanechte kontaktní údaje s informacemi o vašem vozidle a my se vám ozveme zpátky s
        přibližnou cenou a termínem.</p>
      <div class="mt-8">
        {{ if ne .StatusMessage "" }}
        <div class="font-bold text-2xl text-lime-500">{{ .StatusMessage }}</div>
        {{ else }}
        {{ if ne .Error "" }}
        <div class="font-bold text-2xl text-red-500 pt-4 pb-8">{{ .Error }}</div>
        {{ end }}
        <div class="grid grid-cols-1 gap-6">
          <form action="/#rezervace" method="post" enctype="application/x-www-form-urlencoded">
          <label class="block">
            <span class="text-gray-700">Jméno a přijmení</span> <span class="text-red-500 font-bold">*</span>
            <input type="text" name="name" value="{{ .Message.Name }}" class="
                      mt-1
                      block
                      w-full
                      rounded-md
                      border-gray-300
                      shadow-sm
                      focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                      {{ if ne .Message.NameError "" }}border-red-500{{ end }}
                    " placeholder="" />
          </label>
          <label class="block">
            <span class="text-gray-700">Telefonní číslo</span> <span class="text-red-500 font-bold">*</span>
            <input type="tel" name="phone" value="{{ .Message.Phone }}" class="
                        mt-1
                        block
                        w-full
                        rounded-md
                        border-gray-300
                        shadow-sm
                        focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                        {{ if ne .Message.PhoneError "" }}border-red-500{{ end }}
                      " placeholder="+420" />
          </label>
          <label class="block">
            <span class="text-gray-700">E-mailová adresa</span>
            <input type="email" name="email" value="{{ .Message.Email }}" class="
                      mt-1
                      block
                      w-full
                      rounded-md
                      border-gray-300
                      shadow-sm
                      focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                    " placeholder="Např. john@example.com" />
          </label>

          <!--<label class="block">
                    <span class="text-gray-700">Předběžný termín rezervace v naší garáži</span>
                    <select name="date"
                      class="
                        block
                        w-full
                        mt-1
                        rounded-md
                        border-gray-300
                        shadow-sm
                        focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                      "
                    >
                      <option>Oprava na místě</option>
                      <option>30. května, Pondělí 10:00</option>
                      <option>30. května, Pondělí 11:00</option>
                      <option>30. května, Pondělí 12:00</option>
                      <option>30. května, Pondělí 13:00</option>
                      <option>30. května, Pondělí 14:00</option>
                      <option>30. května, Pondělí 15:00</option>
                    </select>
                    <em>Termín si potvrdíme po telefonu</em>
                  </label>
                -->
          <label class="block">
            <span class="text-gray-700">Služba</span>
            <select class="
                      block
                      w-full
                      mt-1
                      rounded-md
                      border-gray-300
                      shadow-sm
                      focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                    " name="service">
              <option value=""{{ if eq .Message.Service "" }} selected{{ end }}></option>
              <option value="Výměna či oprava autoskla"{{ if eq .Message.Service "Výměna či oprava autoskla" }} selected{{ end }}>Výměna či oprava autoskla</option>
              <option value="Tónování autoskel"{{ if eq .Message.Service "Tónování autoskel" }} selected{{ end }}>Tónování autoskel</option>
              <option value="Dekarbonizace motoru"{{ if eq .Message.Service "Dekarbonizace motoru" }} selected{{ end }}>Dekarbonizace motoru</option>
              <option value="Jiné"{{ if eq .Message.Service "Jiné" }} selected{{ end }}>Jiné</option>
            </select>
          </label>
          <label class="block">
            <span class="text-gray-700">Značka a typ vozidla / VIN kód vozidla</span>
            <input type="text" name="vin" value="{{ .Message.VIN }}" class="
                        mt-1
                        block
                        w-full
                        rounded-md
                        border-gray-300
                        shadow-sm
                        focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                      " />
            <em class="font-light text-sm text-gray-400">Vyplněním nám pomůžete připravit cenový odhad</em>
          </label>
          <label class="block">
            <span class="text-gray-700">Poznámka</span>
            <textarea name="note" class="
                      mt-1
                      block
                      w-full
                      rounded-md
                      border-gray-300
                      shadow-sm
                      focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                    " rows="3">{{ .Message.Note }}</textarea>
          </label>
          <button class="bg-slate-200 rounded mx-auto w-48 hover:bg-slate-400 py-4 my-4">Odeslat</button>
        </form>
        </div>
        {{ end }}
      </div>
    </div>
    <!-- END: Reservation -->
  </div>

  <div class="h-16 w-full bg-slate-500">
    <div class="max-w-4xl mx-auto h-full flex flex-col justify-center text-right">
      <p class="text-slate-800">Hosted with love on <a href="https://rosti.cz" class="text-gray-200 hover:text-gray-400">Roští.cz</a>.</p>
    </div>
  </div>
</body>

</html>
