@extends('user.layout')

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">


@section('content')
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="row align-items-center justify-content-between mb-4 mt-3">
        <div class="col-auto d-flex align-items-center">
            <a href="{{ route('user.advance_list') }}" class="btn btn-white btn-icon me-3 shadow-sm">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000"
                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                    <path d="M15 6l-6 6l6 6" />
                </svg>
            </a>
            <h5 class="mb-0">Purchase Advance Report</h5>
        </div>


         <div class="col-auto">
                <a href="{{ route('user.purchase_advance') }}" class="btn btn-primary">
                    <i class="ti tabler-plus"></i> Add Advance
                </a>
            </div>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body p-4">


            <div class="table-responsive">
                <table class="table w-100" id="usersTable">
                    <thead>
                        <tr>
                            <th>Sno</th>
                            <th>Date</th>
                            <th>Type</th>
                            <th>Advance Amount</th>
                            <th>Added&nbsp;By</th>
                            <th>Receipt</th>
                            <th>Status</th>
                            <th>Remark</th>

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

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>

    <script>
        $(function () {

            $('#usersTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('user.investment.data') }}",
                columnDefs: [
                    {
                        targets: '_all',
                        className: 'text-nowrap'
                    }
                ],
                columns: [{
                    data: 'DT_RowIndex',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'created_date'
                },
                {
                    data: 'package'
                },

                {
                    data: 'amount_format'
                },
                {
                    data: 'invested_by'
                },
                {
                    data: 'receipt_view',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'status_badge',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'remark'
                },
                ]
            });

        });
    </script>
@endsection