@extends('layouts.admin')

@section('page-title', trans('crm.invoice'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span
                            class="font-weight-semibold">@lang('crm.invoice')</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="sidebar-content">
            <div class="card">

                <div class="card-body">
                    <div class="row header-controls" id="article_buttons">
                        <div class="col-md-6">
                            @if(admin_permission('invoice.edit'))
                            <a href="{{url('sales/invoices/create')}}" class="btn btn-success">
                                @lang('crm.create_new_invoice')
                            </a>
                            @endif
                            <a href="{{url('sales/invoices/recurring')}}" class="btn btn-success ml-2">
                                @lang('crm.invoices_list_recurring')
                            </a>
                        </div>
                        <div class="col-md-6">
                            @include('admin.invoice.partials.sale_filter', ['statuses' => $statuses, 'sale_agents' => $sale_agents])
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-lg-5">
                    <div class="card">
                        <div class="card-body">
                            <table class="table" id="list-invoice-table">
                                <thead>
                                <th>@lang('crm.clients_invoice_dt_number')</th>
                                <th>@lang('crm.clients_invoice_dt_amount')</th>
                                <th>@lang('crm.view_date')</th>
                                <th>@lang('crm.client')</th>
                                <th>@lang('crm.invoice_dt_table_heading_status')</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">

                    {{--<div class="card">
                        <div class="card-body">
                            <h5><span class="font-weight-semibold">@lang('crm.invoices_available_for_merging')</span>
                            </h5>
                        </div>
                    </div>--}}

                    <div class="card @if(Request::get('action') == 'payment') hidden @endif" id="invoice-part">
                        <div class="card-body">
                            <ul class="nav nav-tabs nav-tabs-bottom">
                                <li class="nav-item"><a href="#invoice-tab" class="nav-link active"
                                                        data-toggle="tab">@lang('crm.invoice')</a></li>
                                <li class="nav-item">
                                    <a href="#payments-tab" class="nav-link" data-toggle="tab">
                                        @lang('crm.payments')
                                        @if(!empty($invoice->payments))
                                        <span class="badge badge-pill bg-dark ml-auto ml-md-0">{{ count($invoice->payments) }}</span>
                                        @endif
                                    </a>
                                </li>
                                <li class="nav-item"><a href="#activitylog-tab3" class="nav-link"
                                                        data-toggle="tab">@lang('crm.als_activity_log_submenu')</a></li>
                                <li class="nav-item"><a href="#mail-tab" class="nav-link" data-toggle="tab"
                                                        data-popup="tooltip"
                                                        data-title="@lang('crm.emails_tracking')"><i
                                                class="icon-mail5"></i></a></li>
                            </ul>

                            <div class="row">

                                <div class="col-md-3">
                                    {!! format_invoice_status($invoice['status']) !!}
                                </div>

                                <div class="col-md-9">
                                    <div class="text-right">
                                        @if(admin_permission('invoice.edit', $invoice['id']))
                                        <a href="{{ url("sales/invoices/invoice/{$invoice->id}") }}" class="btn btn-outline bg-grey text-default btn-icon ml-2">
                                            <i class="icon-pencil3"></i>
                                        </a>
                                        @endif

                                        <div class="btn-group">
                                            <button type="button" class="btn btn-outline bg-grey text-default btn-icon ml-2 dropdown-toggle" data-toggle="dropdown">
                                                <i class="far fa-file-pdf"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a href="{{ url("sales/invoices/pdf/{$invoice->id}").'?output_type=I' }}" class="dropdown-item">@lang('crm.view_pdf')</a>
                                                <a href="{{ url("sales/invoices/pdf/{$invoice->id}").'?output_type=I' }}" target="_blank" class="dropdown-item">@lang('crm.view_pdf_in_new_window')</a>
                                                <a href="{{ url("sales/invoices/pdf/{$invoice->id}") }}" class="dropdown-item">@lang('crm.download')</a>
                                                <a href="{{ url("sales/invoices/pdf/{$invoice->id}").'?print=true' }}" target="_blank" class="dropdown-item">@lang('crm.print')</a>
                                            </div>
                                        </div>

                                            @if(admin_permission('invoice.send'))
                                        <button type="button" class="btn btn-outline bg-grey text-default btn-icon ml-2 invoice-send-to-client"
                                                data-popup="tooltip" data-placement="bottom" data-title="Send to Email">
                                            <i class="icon-envelop2"
                                               @if(!empty($invoice->datesend)) data-popup="tooltip" data-placement="top"
                                               data-title="{{ sprintf(trans('crm.invoice_already_send_to_client_tooltip'),time_ago($invoice->datesend)) }}" @endif></i>
                                        </button>
                                        @endif

                                        <div class="btn-group">
                                            <button type="button"
                                                    class="btn btn-outline bg-grey text-default btn-icon ml-2 dropdown-toggle"
                                                    data-toggle="dropdown">MORE
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a href="{{ url("invoice/{$invoice->id}/{$invoice->hash}") }}" target="_blank"
                                                   class="dropdown-item"> @lang('crm.view_invoice_as_customer_tooltip')</a>
                                               {{-- <a href="#" class="dropdown-item"> @lang('crm.create_credit_note')</a>--}}
                                                <a href="#" class="dropdown-item"> @lang('crm.invoice_attach_file')</a>
                                                <a href="#" class="dropdown-item"> @lang('crm.invoice_copy')</a>
                                                @if($invoice->status == \CRM\Support\Enum\InvoiceStatus::STATUS_UNPAID)
                                                    <a href="{{ route('sales.invoices.mark_as_sent', $invoice['id']) }}" class="dropdown-item"> @lang('crm.invoice_mark_as_sent')</a>
                                                    <a href="{{ route('sales.invoices.mark_as_cancelled', $invoice['id']) }}"
                                                       class="dropdown-item"> @lang('crm.invoice_mark_as_cancelled')</a>
                                                    {{--<a href="#"
                                                       class="dropdown-item"> @lang('crm.pause_overdue_reminders')</a>--}}
                                                    <a href="{{ route('sales.invoices.delete', $invoice['id'])  }}" class="dropdown-item" data-method='DELETE' data-confirm-text='Are you sure to delete this invoice?'> @lang('crm.delete_invoice')</a>
                                                 @endif
                                            </div>
                                        </div>
                                        @if(admin_permission('payment.edit', $invoice['client_id']))
                                        <button type="button" onclick="onPaymentClicked()"
                                                @if($invoice->status == \CRM\Support\Enum\InvoiceStatus::STATUS_PAID || $invoice->status == \CRM\Support\Enum\InvoiceStatus::STATUS_CANCELLED)
                                                    disabled="disabled"
                                                @endif
                                                class="btn bg-success text-success-800 btn-icon ml-2">
                                            <i class="icon-plus-circle2 mr-2"></i>PAYMENT
                                        </button>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="tab-content mt-3">
                                <div class="tab-pane fade show active" id="invoice-tab">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            @php
                                                $invoice_name = format_invoice_number($invoice['id']);
                                            @endphp
                                            <div class="form-group">
                                                <address>{!! format_organization_info() !!}</address>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="text-right">
                                                <label class="text-default font-weight-semibold">Bill To:</label>
                                            </div>
                                            <address class="text-right">
                                                {!!   format_customer_info($invoice, 'invoice', 'billing', true) !!}
                                            </address>

                                            @if($invoice['include_shipping'] == 1)
                                                <div class="text-right">
                                                    <label class="text-default font-weight-semibold">Ship To:</label>
                                                </div>
                                                <div class="text-right">
                                                    <span href="#">{{$invoice['shipping_street']}}</span>
                                                </div>
                                                <div class="text-right">
                                                    <span href="#">{{$invoice['shipping_city']}}</span>
                                                </div>
                                                <div class="text-right">
                                                    <span href="#">{{$shipping_country_name}}</span>
                                                </div>
                                            @endif

                                            <div class="text-right mt-2">
                                                <label class="text-default font-weight-semibold">Invoice Date:</label><span href="#"> {{$invoice['date']}}</span>
                                            </div>
                                            <div class="text-right">
                                                <label class="text-default font-weight-semibold">Due Date:</label><span href="#"> {{$invoice['duedate']}}</span>
                                            </div>
                                        </div>

                                    </div>

                                    <table class="table" id="invoice-table">
                                        <thead style="background-color:#273246; color: white">
                                        <th>#</th>
                                        <th>@lang('crm.invoice_table_item_heading')</th>
                                        <th id="quantity-type" class="text-right">Qty</th>
                                        <th class="text-right">@lang('crm.invoice_table_rate_heading')</th>
                                        <th class="text-right">@lang('crm.invoice_table_amount_heading')</th>
                                        </thead>
                                        <tbody>
                                        @foreach($itemables as $itemable)
                                            <tr>
                                                <td >{{$itemable['item_order']}}</td>
                                                <td>
                                                    <div class="row">
                                                        <span>{{$itemable['item']}}</span>
                                                    </div>

                                                    <div class="row">
                                                        <span>{{$itemable['description']}}</span>
                                                    </div>
                                                </td>
                                                <td class="text-right">{{$itemable['qty']}}</td>
                                                <td class="text-right">{{$itemable['rate']}}</td>
                                                <td class="text-right">{{$itemable['qty'] * $itemable['rate']}}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>

                                    <div class="mt-5 mr-2">
                                        <div class="row">
                                            <div class="col-md-8"></div>
                                            <div class="col-md-4">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-md-8"></div>
                                                <div class="col-md-2 text-right">
                                                    <span class="font-weight-semibold">SubTotal</span>
                                                </div>
                                                <div class="col-md-2 text-right">
                                                    <span class="font-weight-semibold">{!! $invoice['currency_symbol'] !!}{{$invoice['subtotal']}}</span>
                                                </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8"></div>
                                            <div class="col-md-4">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8"></div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">Total</span>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">{!! $invoice['currency_symbol'] !!}{{$invoice['total']}}</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8"></div>
                                            <div class="col-md-4">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8"></div>

                                            <div class="col-md-2 text-right">
                                                <span class="text-danger font-weight-semibold">Amount Due</span>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                <span class="text-danger font-weight-semibold">{!! $invoice['currency_symbol'] !!}{{$itemable['qty'] * $itemable['rate']}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <hr>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="payments-tab">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th class="bold">@lang('crm.payments_table_number_heading')</th>
                                                <th class="bold">@lang('crm.payments_table_mode_heading')</th>
                                                <th class="bold">@lang('crm.payments_table_date_heading')</th>
                                                <th class="bold">@lang('crm.payments_table_amount_heading')</th>
                                                <th class="bold">@lang('crm.options')</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($invoice->payments as  $payment)
                                            <tr>
                                                <td>{{ $payment['id'] }}
                                                    <a href="" class="float-right"><i class="far fa-file-pdf"></i></a></td>
                                                <td>
                                                    {{  $payment['paymentmode'] }}
                                                    @if(!empty($payment['transactionid']))
                                                        <br> {{ sprintf(trans('crm.payments_table_transaction_id'), $payment['transactionid']) }}
                                                    @endif
                                                </td>
                                                <td>{{ local_date_format($payment['date']) }}</td>
                                                <td>{{ app_format_money($payment['amount'], $invoice->currency) }}</td>
                                                <td>
                                                    @if(admin_permission('payment.edit', $invoice['clientid']))
                                                    <a href="{{ url('payments/payment/'.$payment['id']) }}" class="btn btn-default btn-circle"><i class="icon-pencil3"></i></a>
                                                    @endif

                                                    @if(admin_permission('payment.delete', $invoice['clientid']))
                                                    <a href="{{ url('sales/payments/'.$payment['id'].'/delete') }}"
                                                       class="btn btn-danger btn-circle"
                                                       data-method="DELETE"
                                                       data-confirm-title="@lang('app.please_confirm')"
                                                       data-confirm-text="Are you sure to delete this payment?"
                                                       data-confirm-delete="@lang('app.yes_delete_it')">
                                                    <i class="icon-cross"></i></a>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="activitylog-tab3">
                                    Activity Log
                                </div>
                                <div class="tab-pane fade" id="mail-tab">
                                    Mail Tracking
                                </div>
                            </div>
                        </div>
                    </div>


                    @include('admin.invoice.partials.payment_form')

                </div>

            </div>

        </div>
    </div>

    @include('admin.invoice.partials.send_invoice_email')

@stop

@section('scripts')
    {!! HTML::script('assets/js/as/invoice.js') !!}
    {!! JsValidator::formRequest('CRM\Http\Requests\Payment\PaymentCreateRequest', '#payment-form') !!}

    <script>
        $(document).ready(function () {
            var table = $('#list-invoice-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'displayStart': {{ $invoice_pos }},
                'ajax': {
                    'url': '{{ url('sales/invoices/postGetListInvoices') }}',
                    'data': function ( d ) {
                        var status = [];
                        $.each($("input[name='status']:checked"), function(){
                            status.push($(this).val());
                        });
                        d.status = status.join(",");

                        var sale_agent = [];
                        $.each($("input[name='sale_agent']:checked"), function(){
                            sale_agent.push($(this).val());
                        });
                        d.sale_agent = sale_agent.join(",");
                    }
                },
                'columns': [
                    {data: 'clientid'},
                    {data: 'total'},
                    {data: 'date'},
                    {data: 'customer'},
                    {data: 'status'},
                ],
                'order': [[2, 'desc']]
            });

            $('input[name="status"], input[name="sale_agent"]').on('change', function () {
                table.ajax.reload();
            })
        });

        $('#invoice-email-form').on('submit', function () {
            as.btn.loading($("button[type='submit']"), 'Please Waiting...');
        })

    </script>

@stop