@extends('layouts.admin')

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

@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:window.history.back();" class="text-default"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">@lang('crm.estimates')</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">
                        @if(admin_permission('appendix.edit'))
                        <a href="{{url('sales/appendix/create')}}"  class="btn btn-success">
                            @lang('crm.create_new_estimate')
                        </a>
                        @endif
                    </div>
                    <div class="col-md-6">
                        @include('admin.invoice.partials.sale_filter', ['statuses' => $statuses, 'sale_agents' => $sale_agents])
                    </div>
                </div>

                <table class="table" id="appendix-table">
                    <thead>
                    <th>@lang('crm.estimate_dt_table_heading_number')</th>
                    <th>@lang('crm.estimate_dt_table_heading_amount')</th>
                    <th>Contract Type</th>
                    <th>@lang('crm.client')</th>
                    <th>Email</th>
                    <th>@lang('crm.estimate_dt_table_heading_date')</th>
                    <th>@lang('crm.estimate_dt_table_heading_expirydate')</th>
                    <th>@lang('crm.expense_add_edit_reference_no')</th>
                    <th>@lang('crm.estimate_status')</th>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop

@section('scripts')

    <script>
        $(document).ready(function () {
            var table = $('#appendix-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('sales/appendix/postGetAppendix') }}',
                    '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: 'id'},
                    {data: 'total'},
                    {data: 'contractid'},
                    {data: 'customer'},
                    {data: 'email'},
                    {data: 'date'},
                    {data: 'expirydate'},
                    {data: 'reference_no'},
                    {data: 'status'},
                ],
                'order': [[4, 'desc']]
            });

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

    </script>

@stop