{include file="includes/header.html"}
{include file="includes/header-holder.html"}

<main class="main" id="main">
  {include file="includes/menu.html"}

  <div id="">
    <section class="section page cart service-form">
      <div class="wrapper">
        <div class="content">

          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="banner">
              <div class="bg" {if $element.mainImageFilename}style="background-image: url({image f=$element.mainImageFilename return='path'})"{/if}></div>

              {capture assign=breadcrumbsCount}{$breadcrumbs|count}{/capture}
              <h1 class="h1 title">
              {if $element.banner_menu_ver==0}
                {$element.name}
              {else}
                {$breadcrumbs[$breadcrumbsCount - 2].name}
              {/if}
              </h1>

              {if $pageSubNodes|count>0}
                <div class="page-banner-menu-lg">
                    {foreach $pageSubNodes as $psn}
                        <a href='{seoLink id_element=$psn.id withParents=1 parentLink="{seoParentLink module=$psn.module id_element=$psn.id}"}' class="item {if $psn.selected}active{/if}">{if $psn.link_title}{$psn.link_title}{else}{$psn.name}{/if}</a>
                    {/foreach}
                </div>

                <div id="page-banner-container" class="page-banner-menu-xs">
                    <div id="page-banner-menu" class="carousel">
                    {foreach $pageSubNodes as $psn}
                        <a href='{seoLink id_element=$psn.id withParents=1 parentLink="{seoParentLink module=$psn.module id_element=$psn.id}"}' class="item {if $psn.selected}underline{/if}">{if $psn.link_title}{$psn.link_title}{else}{$psn.name}{/if}</a>
                    {/foreach}
                    </div>
                    <a class="arrow arrow-left"></a>
                    <a class="arrow arrow-right"></a>
                </div>
              {/if}
            </div>

            {* ukryte 26.10.23 
            <div class="form-wrapper">
              <form id="serviceForm" class="form contact-form" onsubmit="xajax_exe('PageModule-xajaxService', xajax.getFormValues('serviceForm')); return false;">
                {if $element.banner_menu_ver==1}
                  <div class="heading">{$element.name}</div>
                {/if}

                <div class="col-wrapper col-wrapper-lg">
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_name'|translate}
                        <input name="s_name" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_surname'|translate}
                        <input name="s_surname" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_firm'|translate}
                        <input name="s_firm" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_email'|translate}
                        <input name="s_email" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_phone'|translate}
                        <input name="s_phone" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                      {'service_label_region'|translate}
                        <select name="s_id_subject" class="select-selectric">
                             <option value="" >---</option>
                          {foreach $subjectList as $sl}
                            <option value="{CMSString::encode($sl.id)}">{$sl.name}</option>
                          {/foreach}
                        </select>
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_model'|translate}
                        <input name="s_model" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label">
                        {'service_label_serial_nr'|translate}
                        <input name="s_serial_nr" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                </div>
                <!-- /.col-wrapper -->

                <div class="col-wrapper col-wrapper-sm">
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_name'|translate}
                        <input name="s_name_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_surname'|translate}
                        <input name="s_surname_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_firm'|translate}
                        <input name="s_firm_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_email'|translate}
                        <input name="s_email_xs" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_phone'|translate}
                        <input name="s_phone_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_region'|translate}
                        <select name="s_id_subject_xs" class="select-selectric">
                            <option value='' >---</option>
                          {foreach $subjectList as $sl}
                            <option value="{CMSString::encode($sl.id)}">{$sl.name}</option>
                          {/foreach}
                        </select>
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'service_label_model'|translate}
                        <input name="s_model_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label">
                        {'service_label_serial_nr'|translate}
                        <input name="s_serial_nr_xs" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                </div>
                <!-- /.col-wrapper -->

                <div class="form-group">
                  <label class="label label-textarea label-100p required">
                    {'service_label_fault'|translate}
                    <textarea name="s_fault" class="form-control textarea"></textarea>
                  </label>
                </div>

                <div class="form-group">
                  <label class="label label-textarea label-100p required">
                    {'service_label_service_address'|translate}
                    <textarea name="s_service_address" class="form-control textarea"></textarea>
                  </label>
                </div>

                <div class="form-group">
                  <label class="label label-textarea label-100p required">
                    {'service_label_facture_data'|translate}
                    <textarea name="s_facture_data" class="form-control textarea"></textarea>
                  </label>
                </div>

                <div class="checkbox">
                  <input id="privacy-policy" name="s_bylaw" type="checkbox">
                  <label for="privacy-policy">
                    {'service_bylaw_text'|translate}
                    <a href="{seoLink id_element=1751 withParents=1}" class="privacy-policy-link">{'general_policy'|translate}</a>
                  </label>
                </div>

                <div class="form-btn-wrapper">
                  <button type="submit" class="btn btn--text-arrow">
                    {'general_send_notification'|translate}
                    <div class="btn btn--arrow"></div>
                  </button>
                </div>
              </form>
            </div>
            *}
            
            
            {*if Debug::isDebug()*}
            {*if !empty($smarty.session.decodedSession.loggedIn)*}
            {* nowy formularz 26.10.23 *}
            <div class="form-wrapper">
              <form id="serviceFormAdv" class="form contact-form">
                {if $element.banner_menu_ver==1}
                  <div class="heading">{$element.name}</div>
                {/if}

                <div class="service__heading">{'label_service_subject'|translate}</div>  
                
                <div class="col-wrapper col-wrapper-lg">
                  <div class="col">
                    <div class="form-group">
                          <label class="label required">
                            <select name="service_subject" class="select-selectric">
                                 <option value="" >---</option>
                                <option value="{'label_service_subject_1'|translate}">{'label_service_subject_1'|translate}</option>
                                <option value="{'label_service_subject_2'|translate}">{'label_service_subject_2'|translate}</option>
                                <option value="{'label_service_subject_3'|translate}">{'label_service_subject_3'|translate}</option>
                                <option value="{'label_service_subject_4'|translate}">{'label_service_subject_4'|translate}</option>
                            </select>
                          </label>
                        </div>
                      </div>
                </div>
                
                <div class="col-wrapper col-wrapper-sm">
                  <div class="col">
                    <div class="form-group">
                          <label class="label required">
                            <select name="service_subject_xs" class="select-selectric">
                                 <option value="" >---</option>
                                <option value="{'label_service_subject_1'|translate}">{'label_service_subject_1'|translate}</option>
                                <option value="{'label_service_subject_2'|translate}">{'label_service_subject_2'|translate}</option>
                                <option value="{'label_service_subject_3'|translate}">{'label_service_subject_3'|translate}</option>
                                <option value="{'label_service_subject_4'|translate}">{'label_service_subject_4'|translate}</option>
                            </select>
                          </label>
                        </div>
                      </div>
                </div>
                
                <div class="service__heading">{'label_service_submiter'|translate}</div>  
                
                <div class="col-wrapper col-wrapper-lg">
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_firstname'|translate}
                        <input name="service_submiter_firstname" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_lastname'|translate}
                        <input name="service_submiter_lastname" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_phone'|translate}
                        <input name="service_submiter_phone" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_email'|translate}
                        <input name="service_submiter_email" type="text" class="form-control">
                      </label>
                    </div>
                    
                  </div>
                </div>
                
                <div class="col-wrapper col-wrapper-sm">
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_firstname'|translate}
                        <input name="service_submiter_firstname_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_lastname'|translate}
                        <input name="service_submiter_lastname_xs" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_phone'|translate}
                        <input name="service_submiter_phone_xs" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_submiter_email'|translate}
                        <input name="service_submiter_email_xs" type="text" class="form-control">
                      </label>
                    </div>
                    
                  </div>
                </div>
                
                <div class="service__heading">{'label_service_device'|translate}</div>  
                
                <div id="serviceDevice">
                    <div>
                    <div class="col-wrapper col-wrapper-lg">
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_device_brand'|translate}
                            <input name="service_device_brand[]" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_device_model'|translate}
                            <input name="service_device_model[]" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_device_serial_number'|translate}
                            <input name="service_device_serial_number[]" type="text" class="form-control">
                          </label>
                        </div>

                      </div>
                    </div>

                    <div class="col-wrapper col-wrapper-sm">
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_device_brand'|translate}
                            <input name="service_device_brand_xs[]" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_device_model'|translate}
                            <input name="service_device_model_xs[]" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_device_serial_number'|translate}
                            <input name="service_device_serial_number_xs[]" type="text" class="form-control">
                          </label>
                        </div>

                      </div>
                    </div>
                
                    <div class="form-group">
                      <label class="label label-textarea label-100p required">
                        {'label_service_device_notice'|translate}
                        <textarea name="service_device_notice[]" class="form-control textarea"></textarea>
                      </label>
                    </div> 
                    </div>

                </div>
                <div id="serviceDeviceList" data-remove="{'label_service_remove'|translate}" data-device="{'label_service_device'|translate}"></div>
                <div>
                    <button type="button" class="btn btn--text-arrow" id="serviceDeviceButton">
                      {'label_service_add_device'|translate}

                    </button>
                </div>

                
                <div class="service__heading">{'label_service_client'|translate}</div>  
                
                <div class="col-wrapper col-wrapper-lg">
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_company'|translate}
                        <input name="service_client_company" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_nip'|translate}
                        <input name="service_client_nip" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_street'|translate}
                        <input name="service_client_street" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_number'|translate}
                        <input name="service_client_number" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label">
                        {'label_service_client_flat'|translate}
                        <input name="service_client_flat" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_zip'|translate}
                        <input name="service_client_zip" type="text" class="form-control">
                      </label>
                    </div>
                      
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_city'|translate}
                        <input name="service_client_city" type="text" class="form-control">
                      </label>
                    </div>
                    
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                      {'label_service_client_voivodeship'|translate}
                        <select name="service_client_voivodeship" class="select-selectric">
                             <option value="" >---</option>
                          {foreach $subjectList as $sl}
                            <option value="{$sl.name}">{$sl.name}</option>
                          {/foreach}
                        </select>
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_email'|translate}
                        <input name="service_client_email" type="email" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label">
                        {'label_service_client_name'|translate}
                        <input name="service_client_name" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                </div>
                
                <div class="col-wrapper col-wrapper-sm">
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_company'|translate}
                        <input name="service_client_company_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_nip'|translate}
                        <input name="service_client_nip_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_street'|translate}
                        <input name="service_client_street_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_number'|translate}
                        <input name="service_client_number_xs" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label">
                        {'label_service_client_flat'|translate}
                        <input name="service_client_flat_xs" type="text" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_zip'|translate}
                        <input name="service_client_zip_xs" type="text" class="form-control">
                      </label>
                    </div>
                      
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_city'|translate}
                        <input name="service_client_city_xs" type="text" class="form-control">
                      </label>
                    </div>
                    
                  </div>
                  <div class="col">
                    <div class="form-group">
                      <label class="label required">
                      {'label_service_client_voivodeship'|translate}
                        <select name="service_client_voivodeship_xs" class="select-selectric">
                             <option value="" >---</option>
                          {foreach $subjectList as $sl}
                            <option value="{$sl.name}">{$sl.name}</option>
                          {/foreach}
                        </select>
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label required">
                        {'label_service_client_email'|translate}
                        <input name="service_client_email_xs" type="email" class="form-control">
                      </label>
                    </div>
                    <div class="form-group">
                      <label class="label">
                        {'label_service_client_name'|translate}
                        <input name="service_client_name_xs" type="text" class="form-control">
                      </label>
                    </div>
                  </div>
                </div>
                
                <div class="service__heading">{'label_service_location'|translate} </div>  
                <div class="checkbox service__chechbox">
                  <input id="serviceLocationFlag" name="service_location_flag" type="checkbox" value="1">
                  <label for="serviceLocationFlag">
                    {'label_service_location_flag'|translate}
                  </label>
                </div>
                
                <div id="serviceLocationToggle">
                    <div class="col-wrapper col-wrapper-lg">
                      <div class="col">
                        <div class="form-group">
                          <label class="label">
                            {'label_service_location_name'|translate}
                            <input name="service_location_name" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_street'|translate}
                            <input name="service_location_street" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_number'|translate}
                            <input name="service_location_number" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label">
                            {'label_service_location_flat'|translate}
                            <input name="service_location_flat" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_zip'|translate}
                            <input name="service_location_zip" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_city'|translate}
                            <input name="service_location_city" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                          {'label_service_location_voivodeship'|translate}
                            <select name="service_location_voivodeship" class="select-selectric">
                                 <option value="" >---</option>
                              {foreach $subjectList as $sl}
                                <option value="{$sl.name}">{$sl.name}</option>
                              {/foreach}
                            </select>
                          </label>
                        </div>

                      </div>
                    </div>
                    
                    <div class="col-wrapper col-wrapper-sm">
                      <div class="col">
                        <div class="form-group">
                          <label class="label">
                            {'label_service_location_name'|translate}
                            <input name="service_location_name_xs" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_street'|translate}
                            <input name="service_location_street_xs" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_number'|translate}
                            <input name="service_location_number_xs" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label">
                            {'label_service_location_flat'|translate}
                            <input name="service_location_flat_xs" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_zip'|translate}
                            <input name="service_location_zip_xs" type="text" class="form-control">
                          </label>
                        </div>
                      </div>
                      <div class="col">
                        <div class="form-group">
                          <label class="label required">
                            {'label_service_location_city'|translate}
                            <input name="service_location_city_xs" type="text" class="form-control">
                          </label>
                        </div>
                        <div class="form-group">
                          <label class="label required">
                          {'label_service_location_voivodeship'|translate}
                            <select name="service_location_voivodeship_xs" class="select-selectric">
                                 <option value="" >---</option>
                              {foreach $subjectList as $sl}
                                <option value="{$sl.name}">{$sl.name}</option>
                              {/foreach}
                            </select>
                          </label>
                        </div>

                      </div>
                    </div>
                </div>
                
                <div class="service__heading">{'label_service_notice'|translate}</div>  

                <div class="form-group">
                  <label class="label label-textarea label-100p">
                    <textarea name="service_notice" class="form-control textarea"></textarea>
                  </label>
                </div>
                
                <div class="service__heading">{'label_service_attachments'|translate} </div>  
                <div class="form-group">
                  {'label_service_attachments_info'|translate}
                </div>
                
                <div id="serviceFileUpload">
                    <div id="serviceFileUploadArea" data-size="{'label_service_message_size'|translate}" data-type="{'label_service_message_type'|translate}"></div>
                    
                    <div>
                        <button type="button" class="btn btn--text-arrow">
                          {'label_service_add_file'|translate}
                          
                        </button>
                    </div>
                    <input type="file" name="service_add_files" multiple accept="image/*">
                    <input type="hidden" name="hash">
                </div>

                <div class="checkbox">
                  <input id="privacy-policy1" name="service_bylaw" type="checkbox" value="1">
                  <label for="privacy-policy1">
                    {'service_bylaw_text'|translate}
                    <a href="{seoLink id_element=1751 withParents=1}" class="privacy-policy-link">{'general_policy'|translate}</a>
                  </label>
                </div>

                <div class="form-btn-wrapper">
                  <button type="submit" class="btn btn--text-arrow">
                    {'general_send_notification'|translate}
                    <div class="btn btn--arrow"></div>
                  </button>
                </div>
              </form>
            </div>
            

          </div>

        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

<script src="/templates/js/service.js?2"></script>

{include file="includes/footer-holder.html"}
{include file="includes/footer.html"}