@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="card">

            <div class="card-body">

                <div class="row header-controls" id="article_buttons">
                    <div class="col-md-6">
                        <a href="{{url('sales/invoices/create')}}"  class="btn btn-success">
                            @lang('crm.create_new_invoice')
                        </a>
                        <a href="{{url('sales/invoices')}}"  class="btn btn-default border-1 ml-2">
                            @lang('crm.go_back')
                        </a>
                    </div>
                    <div class="col-md-6">

                    </div>
                </div>

                <table class="table" id="recurring-invoice-table">
                    <thead>
                    <th>@lang('crm.clients_invoice_dt_number')</th>
                    <th>@lang('crm.clients_invoice_dt_amount')</th>
                    <th>@lang('crm.client')</th>
                    <th>@lang('crm.frequency')</th>
                    <th>@lang('crm.cycles_remaining')</th>
                    <th>@lang('crm.last_child_invoice_date')</th>
                    <th>@lang('crm.next_invoice_date_list')</th>

                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="modal fade" id="invoice_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
        </div>
    </div>
@stop

@section('scripts')

    <script>
        $(document).ready(function () {
            $('#recurring-invoice-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('sales/invoices/postGetRecurring') }}',

                },
                'columns': [
                    {data: 'fullname'},
                    {data: 'amount'},
                    {data: 'customer'},
                    {data: 'frequency'},
                    {data: 'cycles_remaining'},
                    {data: 'last_recurring_date'},
                    {data: 'next_invoice_date'},
                ],
                'order': [[5, 'desc']]
            });
        });

    </script>

@stop