@extends('layouts/acc_layout')
@section('title', '| Income Tax Payments')
@section('content')
@include('successMsg')

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-options">
                            <a href="{{ url('acc/incomeTaxPayments/add') }}" class="btn btn-info pull-right addViewBtn">
                                <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Payment</a>
                        </div>
                        <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                            <font color="white">Income Tax Payments</font>
                        </h1>
                    </div>
                    <div class="panel-body panelBodyView" >
                        @php
                        $searchElements = [['element' => 'project', 'col' => 2, 'attributes' => ['print_order' => '1']], ['element' => 'project_type', 'col' => 2, 'attributes' => ['print_order' => '1']], ['element' => 'year', 'col' => 1, 'attributes' => ['print' => '0']], ['element' => 'month', 'col' => 1, 'attributes' => ['print' => '0']]];
                    @endphp

                    @include('partials.searchPanel.main', [
                        'searchElements' => $searchElements,
                        'buttonLevel' => 'Search',
                    ])
                        
                        <div class="row">
                            <div class="row" style=" margin: 15px 0px;">
                                <div>
                                        <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable">
                                            <thead>
                                                <tr>
                                                    <th width="30" rowspan="2">SL#</th>
                                                    <th rowspan="2">Payment Date</th>
                                                    <th rowspan="2">Voucher Date</th>
                                                    <th rowspan="2">Project</th>
                                                    <th rowspan="2">Project Type</th>
                                                    <th colspan="3">Bank Info</th>
                                                    <th rowspan="2">Chalan No.</th>
                                                    <th rowspan="2">Amount</th>
                                                    <th rowspan="2">Action</th>
                                                </tr>
                                                <tr>
                                                    <th>BANK</th>
                                                    <th>A/C NUMBER</th>
                                                    <th>BRANCH NAME</th>
                                                </tr>
                                            </thead>
                                        </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<script>
    $(document).ready(function() {
        var dataTable = $('#datatable').DataTable({
            "sDom": "ltipr", // For removing default Search bar //
            "processing": true,
            "serverSide": true,
            "ordering": false,
            "language": {
                "processing": $('#loadingModal').show(),
            },
            "pageLength": 50,
            "ajax": {
                "url": "{{ Request::url() }}",
                "type": "POST",
                "data": function(d) {
                    var inputs = {};

                    $.each($('form').serializeArray(), function() {
                        inputs[this.name] = this.value;
                    });

                    d._token = "{{ csrf_token() }}";
                    d.filter = inputs;
                }
            },

            "columns": [{
                    "data": "sl"
                },
                {
                    "className": 'dt-body-center',
                    "data": "paymentDate"
                },
                {
                    "className": 'dt-body-center',
                    "data": null,
                    "defaultContent": ""
                },
                {
                    "className": 'dt-body-center',
                    "data": "projectName"
                },
                {
                    "className": 'dt-body-center',
                    "data": "projectTypeName"
                },
                {
                    "className": 'dt-body-center',
                    "data": "bankName"
                },
                {
                    "className": 'dt-body-center',
                    "data": "bankAcNumber"
                },
                {
                    "className": 'dt-body-center',
                    "data": "bankBranchName"
                },
                {
                    "className": 'dt-body-center',
                    "data": "chalan_no"
                },
                {
                    "className": 'dt-body-center',
                    "data": "amount"
                },
                {
                    "className": 'dt-body-center',
                    "data": ""
                },
            ],
            "columnDefs": [{
                "targets": -1,
                "className": 'dt-center',
                "width": '70px',
                "data": 'data',
                "render": function(data, type, row, meta) {
                    return "<a href='./incomeTaxPayments/view/" + row.id +
                        " class='btn btn-xs btn-white' title='View'><i class='fa fa-eye'></i></a> <a href='./incomeTaxPayments/edit/" +
                        row.id +
                        " class='btn btn-xs btn-white' title='View'><i class='fa fa-edit'></i></a> <a data-id=" +
                        row.id +
                        " class='btn btn-xs delete' title='Delete'><i class='fa fa-trash'></i></a>";
                }
            }]
        });

        $("#searchForm").submit(function(e) {
            e.preventDefault();
            dataTable.draw();
        });

        $(document).on('click', '.delete', function() {

            var paymentId = $(this).data('id');

            if (confirm('Do you want to delete this record?')) {
                $.ajax({
                    type: "POST",
                    url: "{{ url('acc/incomeTaxPayments/delete') }}",
                    data: {
                        paymentId: paymentId
                    },
                    dataType: "json",
                    success: function(_response) {
                        if (_response.responseTitle == 'success') {
                            toastr.success(_response.responseText, _response.responseTitle,
                                opts);
                            dataTable.draw();
                        } else {
                            toastr.error(_response.responseText, _response.responseTitle,
                                opts);
                            $("input[type=submit]").prop("disabled", false);
                        }
                    },
                    error: function(response) {

                    }
                });
            }
        });

    });
</script>


@endsection