{box class="noshadow" style="padding:0px;"} 

<script type="text/javascript">
$(document).ready(function() {
$('#taskuser_id').multiselect({
nonSelectedText: 'Wybierz osobę'
});
});
</script>

<form name="infocenternew" method="POST" action="?m=infocenter{if $cid}&cid={$cid}{/if}&backto={$backto}" id="newinfocenter">
    <input type="hidden" name="infocenternew[empty]" value="1">
    <input type="hidden" name="backto" value="{$backto}">
    <input type="hidden" name="cid" value="{$cid}">
   
      {heading class="noshadow noborder"}
<table width="100%" cellpadding="2" cellspacing="0" class="table" style="margin:0;font-size:10pt;">
    {tr title="Tytuł"}

	    <input type="text" required="required" name="topic" value="" maxlength="32" size="30" placeholder="Tytuł zgłoszenia" {tip text="Wpisz tytuł" trigger="topic" bold=1}>&nbsp;&nbsp;&nbsp; 
    {/tr}
</table>
{/heading} 

<div class="row">
   <!--// lewa strona //-->
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        
    <br>
	    <fieldset class="widthfull">
	    <legend style="font-size:10pt;">{trans('Informacje o zgłoszeniu')}</legend>
	    <table width="100%" cellpadding="1" cellspacing="0">
            {tr title="Priorytet"}
		    <div id="priorytet">
                        <input type="radio" name="prio" value="1" id="normalne" checked><label for="normalne">&nbsp;normalny</label>&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="prio" value="2" id="wazne" ><label for="wazne">&nbsp;pilne</label>&nbsp;&nbsp;&nbsp;
		    </div>
		{/tr}


                {tr title="Usługa"}
                <div id="service">
                <select name="service" id="usluga" class="form-control widthfull" >
		{foreach from=$_INFOCENTER_SERVICE key=key item=item}
		    {if $key > 0}
			<option value="{$key}"{if $topic.service==$key} selected{/if}>{$item}</option>
		    {/if}
		{/foreach}
	    </select>
                </div>
                {/tr}
                
                {tr title="Lokalizacja"}
                <div id="id_location">
                    <input name="location" id="location"  required="required" class="widthfull" placeholder="Wybierz terminal lub wpisz ręcznie" >
                </div>
                {/tr}  
                {tr title="Źródło zgłoszenia"}
		    <div id="id_zrodlo">
                <select name="source" id="source" class="form-control widthfull">
		{foreach from=$_INFOCENTER_SOURCE key=key item=item}
		   
			<option value="{$key}"{if $topic.source==$key} selected{/if}>{$item}</option>
		
		{/foreach}
	    </select>
		    </div>
		{/tr}
                {tr title="Opis zgłoszenia"}
		    <div id="description">
                     <textarea name="description" required="required" maxlength="255" class="widthfull " rows="4" placeholder="Opisz zgłoszenie"></textarea>
		    </div>
		{/tr}
                 {tr title="Status zgłoszenia"}
            <div id="status">
                <input type="radio" name="closed" value="0" id="otwarty" checked disabled='disabled'><label for="otwarty">&nbsp;otwarte</label>&nbsp;&nbsp;&nbsp;
	    <input type="radio" name="closed" value="1" id="zamkniety" disabled='disabled'><label for="zamkniety">&nbsp;zamknij zgłoszenie</label>&nbsp;&nbsp;&nbsp
              </div>
		{/tr} 
            {tr title="Zadanie"}
                
            <div >
                        <input type="radio" name="taskenable" value="0" id="brak" {if !$taskactive}checked{else} disabled='disabled' {/if} onclick="document.getElementById('taskinfo').style.display = 'none';"><label for="brak">&nbsp;brak</label>&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="taskenable" value="1" id="przypisz/zmień" {if $taskactive}checked{/if} onclick="document.getElementById('taskinfo').style.display = '';"><label for="przypisz/zmien">&nbsp;przypisz/zmień</label>&nbsp;&nbsp;&nbsp;
            </div>
                {/tr}              
                
            </table>
   	</fieldset>
    <br>         
            <fieldset id="taskinfo" class="widthfull" {if !$taskactive} style="display: none" {/if}>
	    <legend style="font-size:10pt;">{trans('Informacje o zadaniu')}</legend>
	    <table width="50%" cellpadding="2" cellspacing="0">

     
                {tr title="Zadanie"}
                <div >
                   
                <select name="type" id="zadanie" class="form-control widthfull" >
                    {if $taskactive.active == 0} 
                     <option value="" >-- wybierz zadanie --</option>
		{foreach from=$_INFOCENTER_TYPE key=key item=item}
		    {if $key > 0}
			<option value="{$key}" {if $taskactive.type==$key} selected {/if} >{$item}</option>
		    {/if}
		{/foreach}
                {else}
                <option value="{$taskactive.type}" selected  >{$_INFOCENTER_TYPE[$taskactive.type]} </option>
               
                {/if}    
	    </select>

                </div>
                {/tr}
  

               {tr title="Termin do"}
                <div id="id_ddate" style="width:130px">
                    {input type="text" name="ddate" tip="Ostateczny termin" class="ical filtr{if $taskactive.ddate} actives{/if}" style="width:125px;{if !$topic.ddate}background:#FFFFFF;{/if}" ico="calendar" icoclear="1" value="{if $taskactive.ddate}{$taskactive.ddate|date_format:'Y/m/d H:i'}{/if}" id="ddate" readonly="0" }
                </div>
                {/tr}   

                </div

                {tr title="Opis zadania"}
		    <div id="taskdesc">
                     <textarea name="taskdescription" maxlength="255" class="form-control widthfull" rows="4" placeholder="Opisz zadanie">{$taskactive.taskdesc}</textarea>
		    </div>
		{/tr}
                {tr title="Odpowiedzialni"}

					    <select id="taskuser_id"  class="form-control widthfull" multiple="multiple" name="taskuser_id[]"  {if $userl} class="active"{/if} style="min-width:150px;">
					    {section name=userl loop=$userl}
					    <option value="{$userl[userl].id}" >{$userl[userl].name|truncate:30:"...":true}</option>
					    {/section}
					    </select>
		{/tr}
                {tr title="Status zadania"}
             
                   <select name="taskstatus" class="form-control widthfull" >
			<option value="1"selected >oczekujące</option>
                </select>
                    {/tr}
	    </table>
	</fieldset>
    <br>

 </div>
   
   <!--// prawa strona //-->
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
         <br>
	    <fieldset class="widthfull">
        <table width="100%" cellpadding="2" cellspacing="0" class="table"> 
        </table>
                 <legend style="font-size:10pt;">{trans('Dane klienta/abonenta')}</legend>
	    <table width="50%" cellpadding="1" cellspacing="0">
                                {tr title="Status"}
                <div id="id_customerstatus">
	
                        
                        {assign var='tmp' value=$customerinfo.status}
			{$_CSTATUS.$tmp}
			{if $customerinfo.terminateid}<div style="margin-top:4px;">Przyczyna : {$customerinfo.terminatename}</div>{/if}
		
                </div>
                {/tr}
		{tr title=" {if $customerinfo.type ==0}Imię Nazwisko {else} Nazwa {/if}"}
		    <div id="customername">
                        {$customerinfo.customername}
		    </div>
		{/tr}
                
		{tr title="Adres"}
                <div id="id_zadanie">
		    	<a href="https://www.google.pl/maps/place/{$customerinfo.zip} {$customerinfo.city} {$customerinfo.address}{$customerinfo.cstate} {t}{$customerinfo.country}{/t}" target="_blank" {tip text="Mapa Google'a"}>
			{$customerinfo.address}<br>
			{$customerinfo.zip} {$customerinfo.city}
			
			
                </div>
                {/tr}
		{tr title="Kontakt"}
        {if get_form('customers.contacts')}
        {if $customerinfo.email}{$customerinfo.email}&nbsp;&nbsp;{/if}
	{foreach from=$customerinfo.contacts item=item}

			tel.: {$item.phone|phone_format}
			{if $item.typestr}[{$item.typestr}]{/if}
			{if $item.name} ({$item.name|truncate:"40":"...":true}){/if}
                        {if !$item.phone} <font color="red">Uzupełnij nr telefonu</font>{/if}

	{/foreach}

	{/if}
                {/tr}                

                {tr title="Terminale"}
                <div id="id_terminale">

			{if $customer_nodes}
                                <table  width="auto" class="table table-striped table-hover table-bordered">
                                    <thead>
                                        <tr>
                                            <th width="1%"  >&nbsp;</th>
                                            <th width="1%"  align="left" nowrap><b>Nazwa</b></th>
                                            <th width="1%"  align="center"><b>Producent</b></th>
                                            <th width="1%"  align="center"><b>Model</b></th>
                                            <th width="auto" align="left"><b>Lokalizacja</b></th>
                                            
                                        </tr>
                                    </thead>
                                    {cycle values="lucid,light" print=false}
                                    
                                    {section name=lu loop=$customer_nodes }
                                    {assign var='nid' value=$customer_nodes[lu].id} 
                                    <tr>
                                        <td width="1%" ><input type="radio" name="markp[0]" value="{$customer_nodes[lu].id}" onchange="document.getElementById('location').value='{if $customer_nodes[lu].location}{$customer_nodes[lu].location} {$customer_nodes[lu].location_house} {if $customer_nodes[lu].location_flat} / {$customer_nodes[lu].location_flat}{/if}{else}{$customerinfo.address}, {$customerinfo.zip} {$customerinfo.city}{/if}' ;" id="node_{$customer_nodes[lu].id}" {if $topic.nid == $customer_nodes[lu].id}checked{/if}></td>
                                        <td width="1%" align="left" ><label for="node_{$nid}">{$customer_nodes[lu].name}</label></td>
                                        <td width="1%" align="left" ><label for="node_{$nid}">{$customer_nodes[lu].producer}</label></td>
                                        <td width="1%" align="left" ><label for="node_{$nid}">{$customer_nodes[lu].model}</label></td>
                                        <td width="94%"align="left" nowrap><label for="node_{$nid}">{if $customer_nodes[lu].location}{$customer_nodes[lu].location} {$customer_nodes[lu].location_house} {if $customer_nodes[lu].location_flat} / {$customer_nodes[lu].location_flat}{/if} {else}{$customer_info.address}, {$customer_info.zip} {$customer_info.city} (<i>adres klienta</i>){/if}</label></td>
                                      
                                    </tr>
                                    
                                    {sectionelse}
                                    
                                    <tr><td width="100%" colspan="6" ><p><h3>Brak dodanego terminala </h3></p></td></tr>
                                    {/section}
                                </table>
                        <table table  width="100%" class="table  table-hover ">
                                                 <tr>
                                        <td width="1%" > <input type="radio" name="markp[0]" value="0" onchange="document.getElementById('location').value='{$customerinfo.address}, {$customerinfo.zip} {$customerinfo.city}';" id="node_{$customer_nodes[lu].id}" ></td>
                                        <td colspan="7">
                                            zgłoszenie nie dotyczy sprzętu z powyższej listy
                                        </td>
                                           </tr>
                        </table>                   
                        {else}
                        Brak przypisanego terminala
                             {/if}  
                       
                </div>
                {/tr}
           
                
	    </table>
        </table>
            </fildeset>    
    </div>
</div>


{footer}
<input class="btn btn-default" type="submit" value="Zapisz">
<a class="btn btn-default" href="?m={$backto}{if $cid}&id={$cid}&cid={$cid}{/if}"> {fontimg src="cancel"} {trans("Cancel")}</a>
{/footer}


</form>

{literal}
<script type="text/javascript">



    $(document).ready(function(input,value){$("#newinfocenter").validate({
	    rules: {topic:"required",post:"required"}
	});
    });
    document.infocenternew.topic.focus();
    


$("#zadanie").change(function(){
    
    Date.prototype.addDays = function(days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
};

var selected = $('#zadanie').val(); 
var prio = $('input[name=prio]:checked', '#priorytet').val();
var date2 = new Date();
if (selected.valueOf() == 1 ||  selected.valueOf() == 8) {var addDays = 14;} else if (selected.valueOf() == 2 || selected.valueOf() == 5 || selected.valueOf() == 6){var addDays = 7;}  else if (selected.valueOf() == 3){var addDays = 30;} else if (selected.valueOf() == 4 || selected.valueOf() == 9 ){var addDays = 3;} else if (selected.valueOf() == 7){var addDays = 44;} else {var addDays = 2;}
if (prio.valueOf() == 2) {var prioDays = addDays/2;} else {var prioDays =addDays}
var date3 = (date2.addDays(prioDays));   
 
function formatted_date(date) {

    var date;
    var aaaa = date2.getFullYear();
    var gg = date.getDate();
    var mm = (date.getMonth() + 1);

    if (gg < 10)
        gg = "0" + gg;

    if (mm < 10)
        mm = "0" + mm;

    var cur_day = aaaa + "/" + mm + "/" + gg;

    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();

    if (hours < 10)
        hours = "0" + hours;

    if (minutes < 10)
        minutes = "0" + minutes;


    return cur_day + " " + hours + ":" + minutes ;

}
$('#ddate').val(formatted_date(date3));
});


 
    $('#ddate').datetimepicker({
    dateFormat: "yy/mm/dd",
    controlType: "select",
    hourMin : 6,
    hourMax : 20,
    hour: 17,
    minute: 00,
    stepMinute : 15,
    timeFormat:  "HH:mm"
});

</script>
{/literal}


{/box}