@section('title'){{ Helper::getMetaTag($data['content'])['meta_title'] }}@stop
@section('description'){{ Helper::getMetaTag($data['content'])['meta_description'] }}@stop
@section('keywords'){{ Helper::getMetaTag($data['content'])['meta_keywords'] }}@stop

@section('content')

<section class="section section-slider small-header">
    <div class="section-slider-holder owl-carousel">
        <div class="section-slider-elem">
            @if ($data['content']->page_image) 
            <div class="section-slider-elem-background" style="background-image:url('/img/1000-resize/{!! $data['content']->page_image !!}');"></div>
            @else 
            <div class="section-slider-elem-background" style="background-image: url('{{URL::asset('/assets/frontend/img/podstrona-slider.jpg')}}');"></div>
            @endif
            <div class="content">
                <div class="left"></div>
                <div class="right">
                    <h3>
                        {!! \Helper::sierotki($data['content']->title) !!}
                    </h3>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section section-podstrona-header @if($data['content']->content == '  ' AND !$template_fields['FIELD_1']['val']) no-bottom-border @endif">
    {!! HelperModules::display(5, 'offerHyperlinks') !!}
    @if($template_fields['FIELD_1']['val'])<h1 class="title-words margin-top">{!! \Helper::sierotki($template_fields['FIELD_1']['val']) !!}</h1>@endif
	@if($data['content']->content != '  ')
    <div class="section-podstrona-header-text @if(!$template_fields['FIELD_1']['val']) margin-top @endif">
        <div style="margin:40px auto; text-align: center">
	        <h3 style=" color: #00BFF0">Twoja wiadomość została wysłana. Dziękuję, wkrótce skontaktujemy się z Tobą.</h3>
			<br/><br/>
			<a onclick="javascript:history.back(); return false;" style="background: #fbed1f; padding: 10px 20px; border-radius: 5px;">Wróć na stronę</a>
		</div>
    </div>
	@endif
</section>

<section style="clear: both;" class="p-{!! $data['content']->id !!}">
  <div class="container-fluid">
    <p style="text-align: center; margin-top: 30px">
      <button type="button" class="btn btn-blue btn-lg btn-e" data-toggle="modal" data-target="#Modal-darm">
        Darmowy wydruk
      </button>
      <button type="button" class="btn btn-blue btn-lg btn-e" data-toggle="modal" data-target="#Modal-zamov">
        Zamów wycenę
      </button>
      <a class="btn btn-blue btn-lg btn-e" href="http://kds.com.pl/pl/kontakt" role="button">Masz pytania? Zadzwoń</a>
    </p>
  </div>
    <div class="modal fade" id="Modal-darm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Zamów darmowy wydruk Twoich etykiet/naklejek (do 5 szt.)</h4>
          </div>
          <div class="modal-body">
            <form action="http://kds.com.pl/send-darm.php" method="post" enctype="multipart/form-data">
              <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light " value="" name="name" placeholder="*imię i nazwisko" style="width:100%;" required>
              </div>
              <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="email" placeholder="*e-mail" style="width:100%;" required>
              </div>
              <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="phone" placeholder="*numer telefonu" style="width:100%;" required>
              </div>
              <div class="f-h">
                  <div class="input-file-trigger" style="margin-bottom:  20px; border:  1px solid #333; padding:  6px 30px;">Załącz plik do 10Mb (pdf, jpg, tiff)</div>
                  <input type="file" onchange="show_alert()" name="fileToUpload" id="fileToUpload" class="input-file" accept=".pdf, .jpg, .tiff" style="position: absolute; opacity: 0;" required multiple>
                  <p class="file-return" id="dddddd" style="line-height: 32px;"></p>
              </div>
              <div class="f-h">
                <p><b>Parametry dodatkowe:</b></p> 
              </div>
              <div class="header-search-overflow f-h"> 
                    <select name="material" style="width:100%;" required>
                      <option value="" disabled selected hidden>*materiał...</option>
                      <option value="papier">papier</option>
                      <option value="folia biała">folia biała</option>
                      <option value="folia transparetna">folia transparetna</option>
                    </select>
              </div>
              <div class="header-search-overflow f-h"> 
                    <select name="klej" style="width:100%;" required>
                      <option value="" disabled selected hidden>*klej...</option>
                      <option value="standard">standard</option>
                      <option value="mocny">mocny</option>
                      <option value="odlepny">odlepny</option>
                    </select>
              </div>
              <div class="header-search-overflow f-h"> 
                    <select name="laminacia" style="width:100%;" required>
                      <option value="" disabled selected hidden>*laminacia...</option>
                      <option value="matova">matowa</option>
                      <option value="błyszcząca">błyszcząca</option>
                    </select>
              </div>
              <div class="f-h">
                <p><b>Wydruki wyślemy na wskazany adres</b></p> 
              </div>
              <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="text1" placeholder="*nazwa miejscowości" style="width:100%;" required>
              </div>
              <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="text2" placeholder="*nazwa ulicy, numer budynku i mieszkania/lokalu" style="width:100%;" required>
              </div>
              <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="text3" placeholder="*kod pocztowy" style="width:100%;" required>
              </div>
              <div class="f-h">
                <p>Czas dotarcia przesyłki do odbiorcy końcowego może wynosić od 7 do 14</p> 
              </div>
              <div class="f-h" style="clear: left; padding-top: 20px;">
                <input type="checkbox" name="v6" value="yes" required><span>* Oświadczam, że zapoznałam/-em się z treścią <a href=" http://kds.com.pl/pl/polityka-prywatnosci">Polityki prywatności</a> i wyrażam zgodę na przetwarzanie moich danych osobowych w ramach realizacji kontaktu zwrotnego.</span>
              </div>
              <div style="text-align: center;">
                <input type="submit" class="btn btn-blue btn-lg" value="Zamów >>" name="submit"> 
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="Modal-zamov" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Zamów darmową wycenę, a wyślemy Ci ją w ciągu kilku godzin na e-mail wskazany w formularzu</h4>
          </div>
          <div class="modal-body">
                <form action="http://kds.com.pl/send-darm2.php" method="post" >
                  <div class="f-h">
                    <p><b>Rozmiar i nakład:</b></p> 
                  </div>
                  <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="text1" placeholder="*szerokość (mm)" style="width:100%;" required>
                  </div>
                  <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="text2" placeholder="*wysokość (mm)" style="width:100%;" required>
                  </div>
                  <div class="header-search-overflow f-h"> 
                    <input type="text" class="form-control form-light" value="" name="text3" placeholder="*nakład (szt)" style="width:100%;" required>
                  </div>    
                  <div class="f-h">
                    <p><b>Parametry dodatkowe:</b></p> 
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <select name="material" style="width:100%;" required>
                          <option value="" disabled selected hidden>*materiał...</option>
                          <option value="papier">papier</option>
                          <option value="folia biała">folia biała</option>
                          <option value="folia transparetna">folia transparetna</option>
                        </select>
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <select name="klej" style="width:100%;" required>
                          <option value="" disabled selected hidden>*klej...</option>
                          <option value="standard">standard</option>
                          <option value="mocny">mocny</option>
                          <option value="odlepny">odlepny</option>
                        </select>
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <select name="laminacia" style="width:100%;" required>
                          <option value="" disabled selected hidden>*laminacia...</option>
                          <option value="matowa">matowa</option>
                          <option value="błyszcząca">błyszcząca</option>
                        </select>
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <select name="konfekcje" style="width:100%;" required>
                          <option value="" disabled selected hidden>*konfekcje...</option>
                          <option value="rolki">rolki</option>
                          <option value="arkusze">arkusze</option>
                        </select>
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <select name="czas" style="width:100%;" required>
                          <option value="" disabled selected hidden>*czas realizacij...</option>
                          <option value="3 dni">3 dni</option>
                          <option value="5 dni">5 dni</option>
                        </select>
                  </div>
                  <div class="f-h">
                    <p><b>Twoje dane:</b></p> 
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <input type="text" class="form-control form-light" value="" name="name" placeholder="*imię i nazwisko" style="width:100%;" required>
                  </div>
                  <div class="header-search-overflow f-h"> 
                        <input type="text" class="form-control form-light" value="" name="email" placeholder="*e-mail" style="width:100%;" required>
                  </div>
                  <div class="f-h" style="clear: left; padding-top: 20px;">
                    <input type="checkbox" name="v6" value="yes" required><span>* Oświadczam, że zapoznałam/-em się z treścią <a href=" http://kds.com.pl/pl/polityka-prywatnosci">Polityki prywatności</a> i wyrażam zgodę na przetwarzanie moich danych osobowych w ramach realizacji kontaktu zwrotnego.</span>
                  </div>
                  <div style="text-align: center;">
                    <input type="submit" class="btn btn-blue btn-lg" value="Zamów >>" name="submit"> 
                  </div>
                </form>
          </div>
        </div>
      </div>
    </div>
</section>

@stop