{% extends 'template.html.twig' %}

{% block title %}Invoice List - Cross World Group{% endblock %}

{% block body %}
<!-- Title Start  -->
    <div class="app-page-title">
        <div class="page-title-wrapper">

            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="metismenu-icon pe-7s-diamond text-success">
                    </i>
                </div>
                <div>
                <h3>Invoice</h3>                    
                </div>
            </div>
            
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <nav class="" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                                    <li class="active breadcrumb-item" aria-current="page">Invoice List</li>
                                    
                                </ol>
                            </nav>
                </div>
            </div> 
            
        </div>
    </div>    
{% for message in app.flashes('notice') %}

<div class="alert alert-info alert-dismissible">
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
<strong>{{ message }}</strong> 
</div>
{% endfor %}  					
    <ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav">
        
        <li class="nav-item">
            <a role="tab" class="nav-link active"  href="{{ path('invoice_new') }}">
                <span><i class="fa fa-plus"> Add Invoice</i></span>
            </a>
        </li>
    </ul> <!-- Title End  --> 
    
    <!-- Tab Start  --> 
    <div class="tab-content">
    
        <!-- Table Tab Start  --> 
        <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
            <div class="main-card mb-3 card">
                <div class="card-body">
                
                    <div class="search-wrapper pull-right">
                        <div class="input-holder">
                                {{ render(controller(
        'App\\Controller\\InvoiceController::searchBar'
        )) }}
                                <button class="search-icon" data-toggle="tooltip" data-placement="top" title="Search by any fields"><span></span></button>
                        </div>
                        <button class="close"></button>
                        
                    </div>

                
                    <div class="table table-bordered table-responsive table-striped table-hover" style="margin-top: 51px;">
                    
                        <table class="mb-0 table">
                            <thead>
                            <tr>
                                <th>SL #</th>
                                <th>Company</th>
                                <th>Invoice No</th>
                                <th>Invoice Date</th>
                                <th>Maturity Date</th>
                                <th>Total Amount</th>
                                <th>Payment</th>                                                                                                  
                                <th><i class="fa fa-cogs" aria-hidden="true"></i> Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                                {% for invoice in invoices %}
                                {% set counter = ( counter | default(0) ) + 1 %}
                                <tr {% if invoice.days <= 0 and invoice.paymentstatus == 0 %} style="color: red;" {% elseif invoice.days > 0 and invoice.paymentstatus == 0 %} style="color:green;" {% elseif invoice.paymentstatus == 1 %}  {% endif %}>
                                    <td>{{ counter }}</td>
                                    <td>{{ invoice.company }}</td>
                                    <td>{{ invoice.invoiceno }}</td>
                                    <td>{{ invoice.invoicedate ? invoice.invoicedate|date('d-m-Y') : '' }}</td>
                                    <td>{{ invoice.maturitydate ? invoice.maturitydate|date('d-m-Y') : '' }}</td>
                                    <td>{{ invoice.totalamount }}</td>
                                    <td>
                                     {% if invoice.paymentstatus == 0 and invoice.days <= 0 %} 
                                        <div class="badge badge-warning">
                                            <a  href="{{ path('invoice_payment', {'id': invoice.id, 'redirect_to': app.request.pathInfo}) }}" onclick="return confirm('Are you sure you want to payment this invoice?');">
                                            <span style="color:black;"> Pending</span>
                                            </a>
                                        </div>
                                    {% elseif invoice.paymentstatus == 0 and invoice.emailstatus == 0 %}
                                        <div class="badge badge-warning">
                                            Pending
                                        </div>
                                    {% else %}
                                        <div class="badge badge-success">                                            
                                            Done
                                        </div>
                                     {% endif %}
                                    </td>
                                    <td>
                                    <a href="{{ path('invoice_show', {'id': invoice.id}) }}" class="btn btn-success btn-sm" data-toggle="tooltip" data-placement="top" title="Details"><i class="fa fa-eye"></i></a>
                                    <a href="{{ path('invoice_edit', {'id': invoice.id}) }}" class="btn btn-primary btn-sm" data-toggle="tooltip" data-placement="top" title="Edit"><i class="fa fa-edit"></i></a>

                                    </td>
                                </tr>
                                {% else %}
                                <tr>
                                <td colspan="8">No records found</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>

                    

                    </div>


                {% if invoices.haveToPaginate %}
                <div class="pagination justify-content-center">
                {{ pagerfanta(invoices, 'twitter_bootstrap4', {routeName: 'invoice_index',
                        routeParams: app.request.query.all	}) }}
                </div>
            {% endif %}

        
                </div>
            </div>
            
            
        </div> <!-- Table Tab End  --> 
                                    
    </div> <!-- Tab End  --> 


{% endblock %}

{# {% extends 'base.html.twig' %}

{% block title %}Invoice index{% endblock %}

{% block body %}
    <h1>Invoice index</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Invoiceno</th>
                <th>Invoicedate</th>
                <th>Partno</th>
                <th>Totalamount</th>
                <th>Description</th>
                <th>Remarks</th>
                <th>Note</th>
                <th>Maturitydate</th>
                <th>Inactive</th>
                <th>Type</th>
                <th>Paymentamount</th>
                <th>Paymentstatus</th>
                <th>Paymentdate</th>
                <th>Emailstatus</th>
                <th>Emaildate</th>
                <th>Emailtype</th>
                <th>Entrydate</th>
                <th>Emtryby</th>
                <th>Editdate</th>
                <th>Editby</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for invoice in invoices %}
            <tr>
                <td>{{ invoice.id }}</td>
                <td>{{ invoice.invoiceno }}</td>
                <td>{{ invoice.invoicedate ? invoice.invoicedate|date('Y-m-d') : '' }}</td>
                <td>{{ invoice.partno }}</td>
                <td>{{ invoice.totalamount }}</td>
                <td>{{ invoice.description }}</td>
                <td>{{ invoice.remarks }}</td>
                <td>{{ invoice.note }}</td>
                <td>{{ invoice.maturitydate ? invoice.maturitydate|date('Y-m-d') : '' }}</td>
                <td>{{ invoice.inactive }}</td>
                <td>{{ invoice.type }}</td>
                <td>{{ invoice.paymentamount }}</td>
                <td>{{ invoice.paymentstatus }}</td>
                <td>{{ invoice.paymentdate ? invoice.paymentdate|date('Y-m-d') : '' }}</td>
                <td>{{ invoice.emailstatus }}</td>
                <td>{{ invoice.emaildate ? invoice.emaildate|date('Y-m-d H:i:s') : '' }}</td>
                <td>{{ invoice.emailtype }}</td>
                <td>{{ invoice.entrydate ? invoice.entrydate|date('Y-m-d H:i:s') : '' }}</td>
                <td>{{ invoice.emtryby }}</td>
                <td>{{ invoice.editdate ? invoice.editdate|date('Y-m-d H:i:s') : '' }}</td>
                <td>{{ invoice.editby }}</td>
                <td>
                    <a href="{{ path('invoice_show', {'id': invoice.id}) }}">show</a>
                    <a href="{{ path('invoice_edit', {'id': invoice.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="22">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('invoice_new') }}">Create new</a>
{% endblock %} #}