{extends file="layout.html"}
{block name="module_content"}
<!--// $Id$ //-->
<script type="text/javascript">
<!--
	var head = document.getElementsByTagName('head')[0];
  var link = document.createElement('link');
	var link2 = document.createElement('link');
  link.rel='stylesheet';
	link2.rel='stylesheet';
  link.type='text/css';
	link2.type='text/css';
  link.href='https://cdn.jsdelivr.net/npm/gridle@2.0.48/css/grid.min.css';
  link2.href='//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css';
	head.appendChild(link);
  head.appendChild(link2);
	window.jQuery || document.write('<script src="https://code.jquery.com/jquery-1.12.4.js">\x3C/script><script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">\x3C/script>');
//-->
</script>
<style>
    h1, h2{
      font-size: 14pt;
      margin-top: 0.67em;
      margin-bottom: 0.67em;
    }
    #gdataModForm .form-group, #gdataModClientForm .form-group{
      padding: 10px 10px 0;
    }
    #gdataModForm .form-group label, #gdataModClientForm .form-group label{
      width: 98%;
      display: inline-block;
    }
    #gdataModForm .form-group input, #gdataModForm .form-group select, #gdataModClientForm .form-group input, #gdataModClientForm .form-group select{
      width: 98%;
      display: inline-block;
      border: 1px solid #666;
      padding: 3px;
    }
		#gdataModClientForm .form-group select{
			padding: 2px;
			width: 100%;
		}
    /* @media (max-width: 748px){
      .gdatamod .block{
        width: 100%;
      }
    } */
</style>
<div class="gdatamod container">
  <div class="row">
    <div class="gr-12@tablet gr-6">
      <H1><span class="bold">{$layout.pagetitle}</span>
				{if $isConnected}
					<small style="color: green">(Połączono)</small>
				{elseif $connectedError}
					<small style="color: red">({$connectedError})</small>
				{else}
				   <small style="color: grey">(Brak połączenia)</small></H1>
				{/if}
			</H1>
      <FORM name="gdataModForm" id="gdataModForm" method="post" action="?m=gdatamod&t=settings">
        <div class="row">
          <DIV class="form-group col-12">
            <label for="api_address" >{trans('Adres dostępu API')}:</label>
            <input type="text" name="apiAddress" id="api_address" value="{$formData['apiAddress']}">
          </DIV>
          <DIV class="form-group col-12">
            <label for="api_public_key" >{trans('Klucz publiczny API')}:</label>
            <input type="text" name="apiPublicKey" id="api_public_key" value="{$formData['apiPublicKey']}" autocomplete="off">
          </DIV>
          <DIV class="form-group col-12">
            <label for="api_secret_key" >{trans('Klucz prywatny API')}:</label>
            <input type="text" name="apiSecretKey" id="api_secret_key" value="{$formData['apiSecretKey']}" autocomplete="off">
          </DIV>
          <DIV class="form-group col-12">
            <label for="api_contract" >{trans('Kontrakt')}:</label>
            <input type="text" name="apiContract" id="api_contract" value="{$formData['apiContract']}" autocomplete="off">
          </DIV>
          <DIV class="form-group col-12">
            <label for="hash_algorithm" >{trans('Algorytm hashowania')}:</label>
            <select name="hashAlgorithm" id="hash_algorithm">
              <option value="HMACSHA1" {if $formData['hashAlgorithm']=='HMACSHA1' } selected {/if}>HMACSHA1</option>
              <option value="HMACMD5" {if $formData['hashAlgorithm']=='HMACMD5' } selected {/if}>HMACMD5</option>
              <option value="HMACSHA256" {if $formData['hashAlgorithm']=='HMACSHA256' } selected {/if}>HMACSHA256</option>
            </select>
          </DIV>
          <DIV class="form-group col-6 gr-12@tablet">
            <label for="user_name" >{trans('Nazwa użytkownika')}:</label>
            <input type="text" name="userName" id="user_name" value="{$formData['userName']}">
          </DIV>
          <DIV class="form-group col-6 gr-12@tablet">
            <label for="password" >{trans('Hasło')}:</label>
            <input type="password" name="password" id="password" autocomplete="off">
          </DIV>
          <div class="form-group col-12">
            <button type="submit">{trans('Save')}</button>
            <!-- <button type="reset">{trans('Clear')}</button> -->
          </div>
        </div>
      </FORM>
    </div>

    <div class="gr-12@tablet gr-6">
      <H2><span class="bold">{trans('Konto partnera')}</span>
				{if $customerId}
					<small style="color: green">(ID: {$customerId})</small>
				{else}
				   <small style="color: grey">(Brak id partnera)</small>
				{/if}
			</H2>

      <FORM name="gdataModClientForm" id="gdataModClientForm" method="post" action="?m=gdatamod&t=settings_customer">
        <div class="row">
          <!-- Imie -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_name" >{trans('Imię')}:</label>
            <input type="text" name="client_name" id="client_name" value="{$formData['client_name']}">
          </DIV>
          <!-- Nazwisko -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_surname" >{trans('Nazwisko')}:</label>
            <input type="text" name="client_surname" id="client_surname" value="{$formData['client_surname']}">
          </DIV>
          <!-- E-mail -->
          <DIV class="form-group gr-12">
            <label for="client_email" >{trans('E-mail')}:</label>
            <input type="text" name="client_email" id="client_email" value="{$formData['client_email']}">
          </DIV>
          <!-- Ulica -->
          <DIV class="form-group gr-12">
            <label for="client_street" >{trans('Ulica')}:</label>
            <input type="text" name="client_street" id="client_street" value="{$formData['client_street']}">
          </DIV>
          <!-- Numer domu -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_house_number" >{trans('Nr domu')}:</label>
            <input type="text" name="client_house_number" id="client_house_number" value="{$formData['client_house_number']}">
          </DIV>
          <!-- Numer mieszkania -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_apartment_number" >{trans('Numer mieszkania')}:</label>
            <input type="text" name="client_apartment_number" id="client_apartment_number" value="{$formData['client_apartment_number']}">
          </DIV>
          <!-- Kod pocztowy -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_post_code" >{trans('Kod pocztowy')}:</label>
            <input type="text" name="client_post_code" id="client_post_code" value="{$formData['client_post_code']}">
          </DIV>
          <!-- Miejscowość -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_city" >{trans('Miejscowość')}:</label>
            <input type="text" name="client_city" id="client_city" value="{$formData['client_city']}">
          </DIV>
          <!-- Województwo -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_province" >{trans('Województwo')}:</label>
						<select name="client_province" id="client_province">
							<option value="dolnośląskie" {if $formData['client_province'] eq 'dolnośląskie'}selected{/if}>dolnośląskie</option>
							<option value="kujawsko-pomorskie" {if $formData['client_province'] eq 'kujawsko-pomorskie'}selected{/if}>kujawsko-pomorskie</option>
							<option value="lubelskie" {if $formData['client_province'] eq 'lubelskie'}selected{/if}>lubelskie</option>
							<option value="lubuskie" {if $formData['client_province'] eq 'lubuskie'}selected{/if}>lubuskie</option>
							<option value="łódzkie" {if $formData['client_province'] eq 'łódzkie'}selected{/if}>łódzkie</option>
							<option value="małopolskie" {if $formData['client_province'] eq 'małopolskie'}selected{/if}>małopolskie</option>
							<option value="mazowieckie" {if $formData['client_province'] eq 'mazowieckie'}selected{/if}>mazowieckie</option>
							<option value="opolskie" {if $formData['client_province'] eq 'opolskie'}selected{/if}>opolskie</option>
							<option value="podkarpackie" {if $formData['client_province'] eq 'podkarpackie'}selected{/if}>podkarpackie</option>
							<option value="podlaskie" {if $formData['client_province'] eq 'podlaskie'}selected{/if}>podlaskie</option>
							<option value="pomorskie" {if $formData['client_province'] eq 'pomorskie'}selected{/if}>pomorskie</option>
							<option value="śląskie" {if $formData['client_province'] eq 'śląskie'}selected{/if}>śląskie</option>
							<option value="świętokrzyskie" {if $formData['client_province'] eq 'świętokrzyskie'}selected{/if}>świętokrzyskie</option>
							<option value="warmińsko-mazurskie" {if $formData['client_province'] eq 'warmińsko-mazurskie'}selected{/if}>warmińsko-mazurskie</option>
							<option value="wielkopolskie" {if $formData['client_province'] eq 'wielkopolskie'}selected{/if}>wielkopolskie</option>
							<option value="zachodniopomorskie" {if $formData['client_province'] eq 'zachodniopomorskie'}selected{/if}>zachodniopomorskie</option>
						</select>
          </DIV>
          <!-- Data urodzenia -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_birth_date" >{trans('Data urodzenia')}:</label>
            <input type="text" name="client_birth_date" id="client_birth_date" value="{$formData['client_birth_date']}">
          </DIV>
          <!-- NIP -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_nip" >{trans('NIP')}:</label>
            <input type="text" name="client_nip" id="client_nip" value="{$formData['client_nip']}">
          </DIV>
          <!-- Pesel -->
          <DIV class="form-group gr-6 gr-12@tablet">
            <label for="client_pesel" >{trans('Pesel')}:</label>
            <input type="text" name="client_pesel" id="client_pesel" value="{$formData['client_pesel']}">
          </DIV>
          <!-- Firma -->
          <DIV class="form-group gr-12">
            <label for="client_company" >{trans('Firma')}:</label>
            <input type="text" name="client_company" id="client_company" value="{$formData['client_company']}">
          </DIV>
          <div class="form-group gr-12">
            <button type="submit">{trans('Save')}</button>
            <!-- <button type="reset">{trans('Clear')}</button> -->
          </div>
        </div>
      </FORM>
    </div>
  </div>
</div>
<script>
	function loadIfHasJQuery(){
		window.addEventListener('load', function(){
			$.datepicker.regional['pl'] = {
				closeText: 'Zamknij',
				prevText: '&#x3C;Poprzedni',
				nextText: 'Następny&#x3E;',
				currentText: 'Dziś',
				monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
				// monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze','Lip','Sie','Wrz','Pa','Lis','Gru'],
				monthNamesShort: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
				dayNames: ['Niedziela','Poniedziałek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
				dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
				dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
				weekHeader: 'Tydz',
				dateFormat: 'dd.mm.yy',
				firstDay: 1,
				isRTL: false,
				showMonthAfterYear: false,
				yearSuffix: ''
			};
			$.datepicker.setDefaults($.datepicker.regional['pl']);

			$( "#client_birth_date" ).datepicker({
	      changeMonth: true,
	      changeYear: true,
				yearRange: "1950:2020"
	    });
		});
		document.getElementById('gdataModClientForm').onsubmit = function(e){
			if(!document.getElementById('client_email').value.match({'/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/'})){
				alert('Pole email ma nieprawidłowy format');
				return false;
			}else if(!document.getElementById('client_apartment_number').value.match({'/^[0-9]{0,}$/gi'})){
				alert('Pole numer mieszkania musi być liczbą');
				return false;
			}else if(!document.getElementById('client_nip').value.match({'/^[0-9]{0,}$/gi'})){
				alert('Pole NIP musi być liczbą');
				return false;
			}else if(!document.getElementById('client_pesel').value.match({'/^[0-9]{0,}$/gi'})){
				alert('Pole PESEL musi być liczbą');
				return false;
			}

			return true;
		};
	}

	function checkJQuery(){
		if(window.jQuery) loadIfHasJQuery();
		else {
			setTimeout(function(){
				checkJQuery();
			}, 1000);
		}
	}

	checkJQuery();
</script>
{/block}