{% extends 'MyAcPayeesBundle:Default:index.html.twig' %}

{% block title %} My Current Bills{% endblock %}
{% block breadcrumb %}Home>> MyBills>> Current Bills>>{% endblock %}

{% block bodytitle %} Current Bills  {% endblock %}

{% block body %}





<form name="frmpaybills" id="frmpaybills" name="frmpaybills"  action="{{ path('payee_items_pay_confirm') }}" method="post" {#{{ form_enctype(form) }}#}  >
   
    {% if countPayeeInvoice==0 %}
    No Bills to Pay!!!
    {% else %}
    <div  class="MyAcTable3" >
    <table  width="50%" >
        
          <tr>
              <td >Check To<br>Include</td>
            <td width="10%"  >Invoice<br/>No.</td>
            <td  >Creditor</td>
            <td colspan="2" style="width:300px;" >Invoice<br/> Description</td>
            
            <td  >Created Date</td>
            <td  >Due Date</td>
            <td  >Inv.<br>Amount</td>
            <td  >Pay This Bill </td>
            <td  >Status</td>
           
            <td  >View / Download<br/> Invoice</td>
           
                       
          </tr>
          {# <input type="hidden" id="checkboxcount" value="{{form.ids|length}}" /> #}
        <input type="hidden" id="selpirecid" name="selpirecid"  />
        <input type="hidden" id="status" name="status" value="{{status}}" />
         <input type="hidden" name="invcount" id="checkboxcount" value="{{countPayeeInvoice}}" />  
   
                    <input type="hidden" id="seldisapprovedinvid" name="seldisapprovedinvid" value="" />

                      {% set index=paginator.offset %}
                 
                  {% for x in index..(paginator.offset+paginator.limit-1) %}
 {#                   
{% for child in form.ids %}
    {% set index=(child.vars.label - 1) %}#} {# the checkbox value is also the array key for the entity #}
             {% if invoices[index] is defined  %}
                    <tr>
                    <td><input type="hidden" name="test" value="{{invoices[index].invoice.id}}" />

{% if invoices[index].invoice.company.hasapprovalsystem!=1 or 
                                    (invoices[index].invoice.company.hasapprovalsystem==1 and   invoices[index].approved==1)  %}
{#{{ form_widget(child, {'id': 'check'~index  }) }}#}
                        <input name="check{{index}}" type="checkbox" id="check{{index}}" value={{invoices[index].id}} /> 
                            
   
                            
                            {% endif %}
                        </td>
                    <td>{{invoices[index].invoiceNo}}</td>
                     <td>

                         
                        {{invoices[index].invoice.company.cmptradename}}
                        
                         <br>Ph:
                    {{invoices[index].invoice.company.contphone}}
                    </td>
                    
                    <td colspan="2">{{invoices[index].invoice.invoicedesc}}
                        {% if invoices[index].students is defined and invoices[index].students|length >0 %} ({{invoices[index].students.sfirstname}} {{invoices[index].students.slastname}} )<br>
                         {% endif %}
                  <div align="right">
                                     <a href={{ path('payee_inboxmsgviewnew') }}?invid={{invoices[index].id}}{%if invoices[index].hasautopay==1 %}&autopay=1{% endif %} >
                                      {% if    invoices[index].dashmessages|length %}
                                 {{invoices[index].dashmessages|length}} Message(s)
                                 {% endif %}
                                     <img src="{{ asset('img/message.png')}}" height="30" width="40" alt="logo">
                                     </a>
                                 </div>
                        
                    </td>
                    
                    
                    <td>{% if invoices[index].isreccuring==1 %}
                        {{invoices[index].createdon | date("d-m-Y") }}
                        {% else %}

                        {{invoices[index].invoice.createdon | date("d-m-Y") }}
                        {% endif %}
                    </td>
                    <td>{% if invoices[index].isreccuring==1 %}
                        {{invoices[index].duedate | date("d-m-Y") }}
                        {% else %}

                        {{invoices[index].invoice.duedate | date("d-m-Y") }}
                        {% endif %}
                    </td>
                    <td>${{invoices[index].invoice.invoicetotalamt|number_format(2)}} </td>
                    
                     <td> 
                         {% if invoices[index].invoice.company.hasapprovalsystem==1 and invoices[index].approved!=1  %}
                        <input type="hidden" id="disapprovedinvid{{invoices[index].id}}" name="disapprovedinvid{{invoices[index].id}}" value="{{invoices[index].id}}" />

                        <input type="submit" name="submitapproval" value="Approve?" onclick="setinvid({{invoices[index].id}})" />
                  
                        {% else%}

                       {# <form name="frmpaythisbill" id="frmpaythisbill" action="{{ path('payee_items_pay_confirm') }}" method="post">#}
                            <input type="hidden" name="payinvoiceid" value="{{invoices[index].id}}"  />
                        {# <input type="image" name="submitpaythis" width="63" height="33" value="submit" src="{{ asset('img/pay.png')}}" alt="Pay this Button" onclick="showIPrecording()" onMouseOver="this.src={{ asset('img/pay_mouseover.png')}}">#}
                       
                            {% if invoices[index].hasautopay==1 %}
                        <abbr class="question" title="This invoice is set to automatically be paid on its due dates, at any time, if you wish to cancel this auto pay, and pay by yourself using the pay button, please contact Myac admin or the Creditor directly">
                            Autopay</abbr>
                        {% else %}
                            
                            <input type="submit" name="submitpaythis"  value="Pay" onclick="paythis({{invoices[index].id}})" />
                         {# </form>  #}
                        {% endif %}
                        {% endif %}
                    </td>
                    <td>{% if invoices[index].activestatus==1 %} <span style='color:blue;'>New</span>

                    {% elseif invoices[index].activestatus==2 %}Processing
                    {% elseif invoices[index].activestatus==3 %}Paid
                   
                    
                    {% elseif invoices[index].activestatus==0 %}
                    <span style='color:red;'>OverDue</span>
                    
                    
                    {% elseif invoices[index].activestatus==-1 %}
                    
                        <span style='color:red;'>
                        Dishonoured
                        </span> 
                    {% endif %}

                     </td>
                    <td>
                        <a href="#" onclick="PopW('{{ path('payee_invoice_view') }}?id={{invoices[index].id}}&viewid=1','myac','1000','1000');">
                            View Invoice </a><br/> <a href={{ path('payee_invoice_view') }}?id={{invoices[index].id}}&viewid=2 >Download Invoice </a>
                 
                    </td>
               </tr>
               
               
                 {% set index=index+1 %}{% endif %}
{% endfor %}
            <tr> 
                <td colspan="11" >
                    

                    <input type="button" name="chekall"   value="  Check all   "  onclick="checkAll()"    /> 
                     <input type="button" name="unchekall" value="Uncheck all"  onclick="uncheckAll()"    />
                     <input type="submit" name="submitpay" value="Pay All"   {#onclick="showIPrecording()"#}    />
 <div align="center">
     
     {% if paginator.currentpage != 1 %}
        <a class="previous" href="{{ path('payee_bills_pay')}}?offset={{paginator.currentpage-1 }}&status={{status}}">
            Previous</a>

   {% endif %}
   {% for index in 1..paginator.numpages%}

   {% if paginator.range.0 > 2 and index == paginator.range.0 %}
      ...
   {% endif %}


     {%  if(index==1 or index==paginator.numpages or index in paginator.range) %}

       {% if index==paginator.currentpage %}
       <a class="active" href="{{ path('payee_bills_pay')}}?offset={{index}}&status={{status}}">{{index}}</a>
       {% else %}
       <a href="{{ path('payee_bills_pay')}}?offset={{index}}&status={{status}}"> {{index}}</a>
       {% endif %}
     {% endif %}
       
       
       {% if paginator.range[paginator.midrange -1] < paginator.numpages -1 and index == paginator.range[paginator.midrange-1] %}
                ...
            {% endif %}

    

   {% endfor %}
                
        {% if paginator.currentpage < paginator.numpages %}
        <a class="next" href="{{ path('payee_bills_pay')}}?offset={{paginator.currentpage+1 }}&status={{status}}">Next</a>
        {% endif %}
                   
               

</div>
                </td>
                
</tr>
                                </table>
            </div>

                               {# {{ form_widget(form.choices, {'value': choices}) }}#}
                               
    
    {#<input type="image" name="submitpay" width="63" height="33" value="submit" src="{{ asset('img/payall.png')}}" alt="submit Button" onclick="showIPrecording()" onMouseOver="this.src={{ asset('img/payall_mouseover.png')}}">#}

      {#  <input type="submit" name="submitpay" value="Pay All"  onclick="showIPrecording()"    />#}

                          
                                {% endif %}
                                
                                </form>

  
        

{% endblock %}
{% block javascripts %}
                    {{parent()}}

                 <script type="text/javascript">
  /*                   
                    
function PopW(theURL,name,width,height)
{
    
	popy = window.open(theURL,name,'width='+width+', height='+height+', location=no, menubar=no, status=yes, toolbar=no, scrollbars=yes, resizable=yes');
	popy.focus();
    return false;
}
*/
    
function PopW(theURL,name,width,height)
{
      var win=window.open(theURL,name,'width='+width+', height='+height+', location=no, menubar=no, status=yes, toolbar=no, scrollbars=yes, resizable=yes');
   // win.location.href = theURL;

if(win) win.focus();
else{
    var timer = window.setTimeout( function(){ if(win) win.focus(); }, 100 );
}
  
return false;
}

/*
function createSillyWindow()
{
	window.open("about:blank", "mySillyWindow");
}

function submitOne()
{
	createSillyWindow();
	//document.frmpaybills.action = "http://www.thinkgeek.com";
	document.frmpaybills.submit();
}*/
                     
function paythis(pinvoiceid)
{

if (pinvoiceid)
  {
    
  document.getElementById('selpirecid').value=pinvoiceid;
  
  }
  

}
</script>

<script type="text/javascript">
function showIPrecording()

{
  
alert("Your IP address and date stamp are being recorded with this payment(s)....");
}

function setinvid(invid)
{
   var x= document.getElementById("disapprovedinvid"+invid).value;
   document.getElementById("seldisapprovedinvid").value=x;

}
</script>


<script language="javascript" type="text/javascript">
<!--
/****************************************************
     Popup window generator provided for free at Hypergurl
     Url: http://www.hypergurl.com
     Author: Eric King
     Url: http://eak.digitalrice.com
     This script is free to use as long
     as this info is left in
****************************************************/
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
    
    alert('ok');
if(pos=="random"){LeftPosition=(screen.availWidth)?Math.floor(Math.random()*(screen.availWidth-w)):50;TopPosition=(screen.availHeight)?Math.floor(Math.random()*((screen.availHeight-h)-75)):50;}
if(pos=="center"){LeftPosition=(screen.availWidth)?(screen.availWidth-w)/2:50;TopPosition=(screen.availHeight)?(screen.availHeight-h)/2:50;}
if(pos=="default"){LeftPosition=50;TopPosition=50}
else if((pos!="center" && pos!="random" && pos!="default") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=yes,directories=yes,status=yes,menubar=yes,toolbar=yes,resizable=yes';
win=window.open(mypage,myname,settings);
if(win.focus){win.focus();}}
// -->
</script>

                 
<script type="text/javascript">
function checkAll()
{
   // alert('ok');
    var checkboxcount=document.getElementById("checkboxcount").value;
    //alert(checkboxcount);
    for(var index=0;index<checkboxcount;index++)
        { 
           if( document.getElementById("check"+index))
               {
                 
     document.getElementById("check"+index).checked=true;
     }
    }
//alert("Your IP address and date stamp are being recorded with this payment(s)....");
}
function uncheckAll()
{
    var checkboxcount=document.getElementById("checkboxcount").value;
    for(var index=0;index<checkboxcount;index++)
        {
            if( document.getElementById("check"+index))
                {
     document.getElementById("check"+index).checked=false;
     }
    }
//alert("Your IP address and date stamp are being recorded with this payment(s)....");
}
</script>
        {% endblock %}