@extends('admin.layouts.master')

@section('content')

<div class="container">
    @if(isset($success))
        <div class="alert alert-success">
            {{ $success }}
        </div>
    @endif

@if(session('error'))
<div class="alert alert-danger">{{ session('error') }}</div>
@endif
<div class="bg-light p-4 rounded">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
          
            <div class="lead">
                <a href="{{ route('admin.loangiving-victim.create') }}" class="btn btn-primary btn-sm">सिर्जना गर्नुहोस</a>
            </div>
        </div>
    </div>
    <table id="victimTable" class="table table-striped">
        <thead>
            <tr>
                <th>क्र.स.</th>
                <th>नाम</th>
                <th>हाल बसोबासको ठेगाना</th>
                <th>पेशा/व्यवसाय</th>
                <th>कर्जा लिने व्यक्तिको नाम</th>
                <th>कर्जा कारोबार भएको मिति</th>
                <th>कर्जा कारोबार भएको रकम</th>
                <th>कारोवार गरेको माध्यम </th>
                <th>द्वारा दर्ता गरिएको</th>
                <th>कार्यहरू</th>                     
            </tr>
        </thead>
    </table>
</div>

<script>
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
    $(document).ready(function() {
        $('#victimTable').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": "{{ route('admin.loangiving-victim.index') }}",
    "columns": [
        { "data": null, render: function(data, type, row, meta) { return meta.row + 1; }},
        { "data": "applicant_name" },
        { "data": "applicant_temp_local" },
        { "data": "applicant_occup" },
        { "data": "debtor_name" },
        { "data": "debit_date" },
        { "data": "debit_amount" },
        { "data": "debit_medium" },
        { "data": "register_by" },
        { "data": "actions", "searchable": false, "orderable": false }
    ]
});
    });
</script>

@endsection