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

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

<form name="infocenteredit" method="POST" action="?{str_replace('&action=edittopic','',$smarty.server.QUERY_STRING)}" id="editinfocenter">
    <input type="hidden" name="infocenteredit[empty]" value="1">
  {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" class="widthfull" name="topic" value="{$topic.topic}" maxlength="32" size="30" {tip text="Enter topic" trigger="topic" bold=1}>&nbsp;&nbsp;&nbsp; (Nr zgłoszenia: {$topic.id}/{$topic.cid|string_format:"%04d"}/{$topic.cdate|date_format:"Y"})
    {/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" {if $topic.prio=='1'}checked{/if}><label for="normalne">&nbsp;normalny</label>&nbsp;&nbsp;&nbsp;
	    <input type="radio" name="prio" value="2" id="wazne" {if $topic.prio=='2'}checked{/if}><label for="wazne">&nbsp;pilne</label>&nbsp;&nbsp;&nbsp;
		    </div>
		{/tr}


                {tr title="Usługa"}
                <div id="id_usluga">
                <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" value="{$topic.location}">
                </div>
                {/tr}
                {if $topic.netdevid > 0}
                {tr title="Interfejs"}
                <div id="id_netdevid">
                    <a href="?m=netdevinfo&id={$topic.netdevid}" target="_blank">{$netdevices.name} </a><br/> {if $netdevices.location}{$netdevices.location} {/if}
                </div>
                {/tr} 
                {/if}
                

                
                {tr title="Źródło zgłoszenia"}
		    <div id="id_zrodlo">
                <select name="source" id="zrodlo" 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="priorytet">
                     <textarea name="description" maxlength="255"  required="required" class="widthfull" rows="4" placeholder="Opisz zgłoszenie">{$topic.description}</textarea>
		    </div>
		{/tr}


                {tr title="Status zgłoszenia"}
		    <div id="status">
                <input type="radio" name="closed" value="0" id="otwarty" {if !$topic.closed}checked{/if} onclick=" document.getElementById('closedinfo').style.display = 'none'; document.getElementById('taskinfo').style.display = '';"><label for="otwarty">&nbsp;otwarte</label>&nbsp;&nbsp;&nbsp;
	    <input type="radio" name="closed" value="1" id="zamkniety" {if $topic.closed}checked{/if}  onclick=" document.getElementById('closedinfo').style.display = ''; document.getElementById('taskinfo').style.display = 'none';"><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>
            <div id="closedinfo" {if !$topic.closed} style="display:none;" {/if}>
                    <textarea name="closedinfo" maxlength="255" class="form-control widthfull" rows="4" placeholder="Wpisz przyczynę zamknięcia zgłoszenia">{$topic.closedinfo}</textarea>
            </div>   
	</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" id="ddate" 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}"   }
                </div>
                {/tr} 
                
                {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 $userlist} class="active"{/if} style="min-width:150px;">
					    {section name=userlist loop=$userlist}
					    <option value="{$userlist[userlist].id}" {if $userlist[userlist].selected eq $userlist[userlist].id} selected {/if}>{$userlist[userlist].name|truncate:30:"...":true}</option>
					    {/section}
					    </select>
		{/tr}
                {tr title="Status zadania"}
             
                   <select name="taskstatus" class="form-control widthfull" >
		{foreach from=$_INFOCENTER_TASKSTATUS key=key item=item}
		   
			<option value="{$key}"{if $taskactive.tstatus==$key} selected{/if}>{$item}</option>
		 
		{/foreach}
	    </select>
                    {/tr}
                {if $taskactive.opendate > 0}
                    {tr title="Realizowane od"}
                <div >
                    {$taskactive.opendate|date_format:"Y/m/d H:i"}
	
                </div>
                {/tr} 
                {/if}
                {if $taskactive.closedate > 0}
                    {tr title="Zrealizowane"}
                <div >
                    {$taskactive.closedate|date_format:"Y/m/d H:i"}
	
                </div>
                {/tr} 
                {/if}
                
                {if $taskactive.tcdate > 0}
                    {tr title="Utworzono"}
                <div >
                    {$taskactive.tcdate|date_format:"Y/m/d H:i"} ({$taskactive.cname})
	
                </div>
                {/tr} 
                {/if}
                
              {if $taskactive.tmdate > 0}
                    {tr title="Modyfikowano"}
                <div >
                    {$taskactive.tmdate|date_format:"Y/m/d H:i"} ({$taskactive.mname})
	
                </div>
                {/tr} 
                {/if}
                
                
                
                    
	    </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">
            
	    <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}" {if $topic.nid == 0}checked{/if}></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>
                
        	</fieldset>
         <table width="100%" cellpadding="2" cellspacing="0" class="table">
{if $topic.cdate}
	    {tr title="Created:"}
		{$topic.cdate|date_format:"Y/m/d H:i"} przez {$topic.cname}
	    {/tr}
	{/if}
	
        {if $topic.mdate} 
       {tr title= "Modyfikowany"} 
       {$topic.mdate|date_format:"Y/m/d H:i"} przez {$topic.mname}
       {/tr}
       {/if}
       
	{if $topic.closed}
	    {tr title="TEMAT ZAMKNIĘTY dnia:"} 
            {$topic.closeddate|date_format:"Y/m/d H:i"} przez {$topic.closedname}</b><br>{$topic.closedinfo|nl2br}
            {/tr}
	{/if}
	
         </table>
    </div>  
    
</div>  
{footer}
<a class="btn btn-default" onclick="javascript:sendTask_popup('{$tid}');" title="wyślij email do serwisantów" >{fontimg('at')}</a>

   	    <input class="btn btn-default" type="submit" value="Zapisz">
	    
	    {if $callback==''}
		<a href="?{str_replace('&action=edittopic','',$smarty.server.QUERY_STRING)}">
	    {else}
		<a class="btn btn-default" href="?m={$backto}{if $cid}&id={$cid}{/if}">
	    {/if}
	    {fontimg src="cancel"} {trans("Cancel")}</a>
{/footer}
{/box}
    
   
</form>
<br><br>
{literal}
<script type="text/javascript">
    $(document).ready(function(input,value){$("#editinfocenter").validate({
	    rules: {topic:"required"}
	});
    });
    document.infocenteredit.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}