@extends('admin.layout')
@section('main')
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <!-- Dashboard Ecommerce Starts -->
            <section id="dashboard-ecommerce">
                <div class="row match-height justify-content-end g-2">
                    <div class="col-lg-auto col-md-auto col-sm-auto col-auto mr-auto my-auto">
                        <h2 class="m-0"> Expense List

                        </h2>
                    </div>

                    {{-- <div class="col-lg-auto col-md-6 my-1">
                        <div class="form-group">
                            <div id="reportrange" class="daterange">
                                <i class="fa fa-calendar"></i>&nbsp;
                                <span></span> <i class="fa fa-caret-down"></i>
                            </div>
                        </div>
                    </div> --}}
                    {{-- <div class="col-lg-auto col-md-6 my-1">
                        <div class="d-flex align-items-center">
                            <a href="#" class="btn btn-primary search_blue mr-1"><i class="fa fa-search"></i></a>
                            <a href="#" class="btn btn-danger close_red mr-0"><i class="fa fa-times"></i></a>
                        </div>
                    </div> --}}

                    {{-- <div class="col-lg-auto  col-md-auto my-1 text-right">
                        <div class="form-group">
                            <form action="{{ route('division.hotel.export') }}" method="POST">
                                @csrf
                                <button type="submit"
                                    class="btn btn-primary btn-toggle-sidebar waves-effect waves-float waves-light">
                                    <span>
                                        <i class="fa-solid fa-file-excel mr-1"></i>
                                        Export
                                    </span>
                                </button>
                            </form>
                        </div>
                    </div> --}}
                </div>

            </section>
            <!-- Dashboard Ecommerce ends -->
            <section id="column-search-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-datatable p-1">
                                <table class="dt-column-search table table-striped w-100 text-center display"
                                    id="dataTable">
                                    <thead>
                                        <tr>
                                            <th>Sr. No.</th>
                                            <th>Expense ID</th>
                                            <th>Activity ID</th>
                                            <th>Expense Type</th>
                                            <th>Expense Amount</th>
                                            <th>Expense Remarks</th>
                                            <th>Beneficiary Name</th>
                                            <th>Invoice File</th>
                                            <th>Expense Payment Type</th>
                                            <th>Date & Time </th>
                                        </tr>
                                    </thead>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>



    </div>
@endsection

@section('scripts')

    <script>
        $('.center_code_div>.unlock_center_code').hide();
        $('.center_code_div>.unlock_center').hide();
        $('.center_code_div').on('click', function() {
            $('.center_code_div>.unlock_center').show();
            $('.center_code_div>.unlock_center_code').show();
            $('.center_code_div>.lock_center').hide();
        })
        $('.center_code_div').on('click', function() {
            $('.center_code_div>.lock_center').show();
            $('.center_code_div>.unlock_center').hide();
            $('.center_code_div>.unlock_center_code').hide();
        })
        dt_filter_table = $('.dt-column-search');
        if (dt_filter_table.length) {
            var dt_filter = dt_filter_table.DataTable({
                'scrollX': true,

            });

            new VenoBox({
                selector: '.my-image-links',
                numeration: true,
                infinigall: true,
                share: true,
                spinner: 'rotating-plane'
            });
        }

        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vExpenseID',
                    name: 'vExpenseID'
                },
                {
                    data: 'vOtherActivityAssignID',
                    name: 'vOtherActivityAssignID',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vExpensesType',
                    name: 'vExpensesType',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vExpenseAmount',
                    name: 'vExpenseAmount',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vExpenseRemarks',
                    name: 'vExpenseRemarks',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vBeneficiaryName',
                    name: 'vBeneficiaryName',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vExpenseInvoiceFile',
                    name: 'vExpenseInvoiceFile',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'vExpensePaymentType',
                    name: 'vExpensePaymentType',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'created_at',
                    name: 'created_at'
                }
            ];
            var columnDefs = [];
            getdatatable("{{ route('division.other.activity.expense.data.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}";
                        d.iOtherActivityAssignID = "{{ $iOtherActivityAssignID }}";
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();
                }
            });
        }





    </script>
@endsection