@extends('admin.client.view')

@section('client_tab_content')

<div class="tab-content w-100 overflow-auto">
    <div class="tab-pane fade active show">
        <div class="card">
            <div class="card-header header-elements-inline">
                <h5 class="card-title">{{ trans('crm.client_invoices_tab') }}</h5>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                        <a class="list-icons-item" data-action="reload"></a>
                        <a class="list-icons-item" data-action="remove"></a>
                    </div>
                </div>
            </div>

            @include('partials.messages')

            <div class="card-body">
                <form action="#">

                    @if(admin_permission('invoice.edit'))
                    <div class="inline-block" >
                        <a href="{{ url('sales/invoices/create'.'?client_id='.$client['id']) }}" class="btn btn-primary mb-3">@lang('crm.create_new_invoice')</a>
                    </div>
                    @endif

                    <div class="row">
                        <div class="col-lg-4">
                            <div class="card card-body text-center p-1">
                                <h3 class="m-0 font-weight-semibold">{{$general_data['currency'].$general_data['outstanding_amount']}}</h3>
                                <p class="text-warning">@lang('crm.outstanding_invoices')</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="card card-body text-center p-1">
                                <h3 class="m-0 font-weight-semibold">{{$general_data['currency'].$general_data['pastdue_amount']}}</h3>
                                <p class="text-danger">@lang('crm.past_due_invoices')</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="card card-body text-center p-1">
                                <h3 class="m-0 font-weight-semibold">{{$general_data['currency'].$general_data['paid_amount']}}</h3>
                                <p class="text-success">@lang('crm.paid_invoices')</p>
                            </div>
                        </div>
                    </div>
                    <table class="table" id="invoice-table">
                        <thead>
                        <th>@lang('crm.clients_invoice_dt_number')</th>
                        <th>@lang('crm.clients_invoice_dt_amount')</th>
                        <th>@lang('crm.invoice_data_date')</th>
                        <th>@lang('crm.invoice_data_duedate')</th>
                        <th>@lang('crm.invoice_dt_table_heading_status')</th>
                        </thead>
                        <tbody>
                        @if (count($invoice_list) > 0)
                            @foreach($invoice_list as $invoice)
                                <tr>
                                    <td>
                                        <a href="{{ url('sales/invoices/list_invoices/'.$invoice['invoice_id']) }}">{{$invoice['invoice_name']}}</a>
                                        <div class="row-options">
                                            <a href="{{ url('invoice/'.$invoice['invoice_id'].'/'.$invoice['hash']) }}" target="_blank" >View </a>
                                            @if(admin_permission('invoice.edit'))
                                            | <a href='{{ url('sales/invoices/invoice/'.$invoice['invoice_id']) }}'>Edit</a>
                                            @endif
                                        </div>
                                    </td>
                                    <td>{!! $invoice['amount'] !!}</td>
                                    <td>{{$invoice['date']}}</td>
                                    <td>{{$invoice['duedate']}}</td>

                                    <td>
                                    @if ($invoice['status'] == trans('crm.invoice_status_unpaid'))
                                        <span class="badge badge-flat border-danger text-danger-800" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @elseif ($invoice['status'] == trans('crm.invoice_status_paid'))
                                        <span class="badge badge-flat border-success text-success-800" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @elseif($invoice['status'] == trans('crm.invoice_status_not_paid_completely'))
                                        <span class="badge badge-flat border-success text-success-800" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @elseif($invoice['status'] == trans('crm.invoice_status_overdue'))
                                        <span class="badge badge-flat border-warning text-warning-800" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @elseif($invoice['status'] == trans('crm.invoice_status_cancelled'))
                                        <span class="badge badge-flat text-default" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @elseif($invoice['status'] == trans('crm.invoice_status_draft'))
                                        <span class="badge badge-flat text-default" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @else
                                        <span class="badge badge-flat text-default" style="font-size:14px" >{{$invoice['status']}}</span>
                                    @endif
                                    </td>
                                </tr>
                            @endforeach
                        @else
                        @endif
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>


@stop

@section('styles')

@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            $('#invoice-table').DataTable({
                'drawCallback': function( settings, json ) {
                    return;
                },
                'order': [[2, 'asc']]
            });
        });

    </script>
@stop