@extends('layouts.page')
@section('css_plugin')
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Toastr -->
    <link rel="stylesheet" href="{{ asset('adminLTE-3.1.0/plugins/toastr/toastr.min.css') }}">
    <!-- DataTables -->
    <link rel="stylesheet" href="{{ asset('adminLTE-3.1.0/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet"
        href="{{ asset('adminLTE-3.1.0/plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
    {{-- <link rel="stylesheet" href="{{ asset('adminLTE-3.1.0/plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}"> --}}
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('adminLTE-3.1.0/plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('adminLTE-3.1.0/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Buku Harian</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Buku Harian</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if ($message = Session::get('simpan'))
        <script>
            window.onload = function simpan() {
                toastr.success('{{ $message }}');
            }
        </script>
    @endif

    @if ($message = Session::get('update'))
        <script>
            window.onload = function update() {
                toastr.success('{{ $message }}');
            }
        </script>
    @endif

    @if ($message = Session::get('warning'))
        <script>
            window.onload = function warning() {
                toastr.warning('{{ $message }}');
            }
        </script>
    @endif

    @if ($message = Session::get('hapus'))
        <script>
            window.onload = function hapus() {
                toastr.error('{{ $message }}');
            }
        </script>
    @endif

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <!-- SELECT2 EXAMPLE -->
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">Data Buku Harian | Total Saldo : Rp.
                        {{ old('total_saldo', !empty($total_saldo) ? number_format($total_saldo, 0, ',', '.') : 0) }}</h3>

                    <div class="card-tools">
                        @if ((!empty($nasabah_id) ? $nasabah_id : null) != null)
                            <a href="{{ route('bukuharian.cetak', [$nasabah_id,$tgl_mulai,$tgl_akhir,$no_urut]) }}" class="btn btn-outline-success btn-sm" target="_blank">
                                <i class="fas fa-print"></i> Cetak Buku Tabungan Nasabah
                            </a>
                        @endif
                        <button type="button" class="btn btn-outline-info btn-sm" data-toggle="modal" data-target="#modal-lg">
                            <i class="fas fa-history"></i> Setting BukTab
                        </button>
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        <a href="{{ route('bukuharian.index', 'nasabah') }}" class="btn btn-tool">
                            <i class="fas fa-times"></i>
                        </a>
                    </div>

                    <div class="modal fade" id="modal-lg">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header bg-info">
                                    <h4 class="modal-title">Cetak Buku Tabungan Nasabah</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <form action="{{ route('bukuharian.setting') }}" method="get" class="form-horizontal">
                                    @csrf
                                    <div class="modal-body">
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label for="nasabah_id">Nasabah</label>
                                                    <select id="nasabah_id" name="nasabah_id" class="form-control select2" style="width: 100%;">
                                                        <option>Pilih Nasabah</option>
                                                        @foreach ($nasabah as $item)
                                                            <option value="{{ $item->id }}">{{ $item->nama_lengkap }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="tgl_setor">Dari Tanggal</label>
                                                    <div class="input-group">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                                        </div>
                                                        <input type="text" id="tgl_mulai" name="tgl_mulai" class="form-control" data-inputmask-alias="datetime"
                                                            data-inputmask-inputformat="yyyy-mm-dd" data-mask required>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                    <label for="tgl_setor">Sampai Tanggal</label>
                                                    <div class="input-group">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                                        </div>
                                                        <input type="text" id="tgl_akhir" name="tgl_akhir" class="form-control" data-inputmask-alias="datetime"
                                                            data-inputmask-inputformat="yyyy-mm-dd" data-mask required>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                    <label for="no_urut">Nomor Urut</label>
                                                    <input type="text" id="no_urut" name="no_urut" class="form-control" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer justify-content-between">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-info"><i class="fas fa-spinner"></i> Submit</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <!-- /.modal -->
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <!-- we are adding the accordion ID so Bootstrap's collapse plugin detects it -->
                                    <div id="accordion">
                                        <div class="card card-primary">
                                            <div class="card-header">
                                                <h4 class="card-title w-100">
                                                    <a class="d-block w-100" data-toggle="collapse" href="#collapseOne">
                                                        Input Data Setor Tunai Nasabah
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="collapseOne" class="collapse {{ !empty($show) ? $show : '' }}"
                                                data-parent="#accordion">
                                                <div class="card-body">
                                                    <form action="{{ route('bukuharian.store') }}" method="post"
                                                        enctype="multipart/form-data" class="form-horizontal">
                                                        @csrf
                                                        <input type="hidden" name="bukuharian_id" value="{{ old('id', !empty($bukuharian) ? $bukuharian->id : null) }}">
                                                        <input type="hidden" name="saldo" value="{{ old('jumlah', !empty($jumlah) ? $jumlah : 0) }}">
                                                        <input type="hidden" name="status_kodebank" value="{{ old('status_kodebank', !empty($status_kodebank) ? $status_kodebank : null) }}">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label for="nasabah_id">Nasabah</label>
                                                                    <select id="nasabah_id" name="nasabah_id"
                                                                        class="form-control select2" style="width: 100%;">
                                                                        <option>Pilih Nasabah</option>
                                                                        @foreach ($nasabah as $item)
                                                                            <option
                                                                                value="{{ $item->id }}|{{ $item->no_rek }}"
                                                                                {{ old('nasabah_id', !empty($bukuharian) ? $bukuharian->nasabah_id : null) == $item->id ? 'selected' : '' }}>
                                                                                {{ $item->nama_lengkap }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <div class="form-group">
                                                                    <label for="tgl_setor">Tanggal Setoran</label>
                                                                    <div class="input-group">
                                                                        <div class="input-group-prepend">
                                                                            <span class="input-group-text"><i
                                                                                    class="far fa-calendar-alt"></i></span>
                                                                        </div>
                                                                        <input type="text" id="tgl_setor"
                                                                            name="tgl_setor" class="form-control"
                                                                            data-inputmask-alias="datetime"
                                                                            data-inputmask-inputformat="yyyy-mm-dd"
                                                                            data-mask
                                                                            value="{{ old('tgl_setor', !empty($bukuharian) ? $bukuharian->tgl_setor : null) }}"
                                                                            required>
                                                                    </div>
                                                                    @error('tgl_setor')
                                                                        <div class="invalid-feedback">
                                                                            <h6><span
                                                                                    class="badge badge-danger">{{ $message }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label for="kode">Jenis Transaksi</label>
                                                                    <select id="kode" name="kode"
                                                                        class="form-control select2" style="width: 100%;">
                                                                        <option>Pilih Jenis Transaksi</option>
                                                                        @foreach ($kodebank as $item)
                                                                            <option
                                                                                value="{{ $item->kode }}|{{ $item->status_kodebank }}"
                                                                                {{ old('kode', !empty($bukuharian) ? $bukuharian->kode : null) == $item->kode ? 'selected' : '' }}>
                                                                                {{ $item->nama_kodebank }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label for="jumlah">Jumlah</label>
                                                                    <input type="text" id="jumlah" name="jumlah"
                                                                        class="form-control @error('jumlah') is-invalid @enderror"
                                                                        value="{{ old('jumlah', !empty($jumlah) ? number_format($jumlah, 0, ',', '.') : 0) }}"
                                                                        required
                                                                        onkeydown="return numbersonly(this, event);"
                                                                        onkeyup="javascript:tandaPemisahTitik(this);">
                                                                    @error('jumlah')
                                                                        <div class="invalid-feedback">
                                                                            <h6><span
                                                                                    class="badge badge-danger">{{ $message }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label for="ket">Keterangan</label>
                                                                    <input type="text" id="ket" name="ket"
                                                                        class="form-control @error('ket') is-invalid @enderror"
                                                                        value="{{ old('ket', !empty($bukuharian) ? $bukuharian->ket : null) }}"
                                                                        required>
                                                                    @error('ket')
                                                                        <div class="invalid-feedback">
                                                                            <h6><span
                                                                                    class="badge badge-danger">{{ $message }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <hr>
                                                                <div class="form-group">
                                                                    <button type="submit"
                                                                        class="btn btn-outline-primary">
                                                                        <i class="fas fa-save"></i> Simpan
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- /.row -->
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="accordion">
                                        <div class="card card-success">
                                            <div class="card-header">
                                                <h4 class="card-title w-100">
                                                    <a class="d-block w-100" data-toggle="collapse" href="#collapseTwo">
                                                        Input Data Transfer Uang Nasabah
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="collapseTwo" class="collapse"
                                                data-parent="#accordion">
                                                <div class="card-body">
                                                    <form action="{{ route('bukuharian.store_transfer') }}" method="post"
                                                        enctype="multipart/form-data" class="form-horizontal">
                                                        @csrf
                                                        <div class="row">
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label for="nasabahpengirim_id">Nasabah Pengirim</label>
                                                                    <select id="nasabahpengirim_id" name="nasabahpengirim_id"
                                                                        class="form-control select2" style="width: 100%;">
                                                                        <option>Pilih Nasabah Pengirim</option>
                                                                        @foreach ($nasabah as $item)
                                                                            <option value="{{ $item->id }}|{{ $item->no_rek }}">{{ $item->nama_lengkap }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label for="kode_pengirim">Jenis Transaksi Pengirim</label>
                                                                    <select id="kode_pengirim" name="kode_pengirim"
                                                                        class="form-control select2" style="width: 100%;">
                                                                        <option>Pilih Jenis Transaksi Pengirim</option>
                                                                        @foreach ($kodebank as $item)
                                                                            <option value="{{ $item->kode }}|{{ $item->status_kodebank }}">
                                                                                {{ $item->nama_kodebank }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label for="nasabahpenerima_id">Nasabah Penerima</label>
                                                                    <select id="nasabahpenerima_id" name="nasabahpenerima_id"
                                                                        class="form-control select2" style="width: 100%;">
                                                                        <option>Pilih Nasabah Penerima</option>
                                                                        @foreach ($nasabah as $item)
                                                                            <option
                                                                                value="{{ $item->id }}|{{ $item->no_rek }}">{{ $item->nama_lengkap }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="form-group">
                                                                    <label for="kode_penerima">Jenis Transaksi Penerima</label>
                                                                    <select id="kode_penerima" name="kode_penerima"
                                                                        class="form-control select2" style="width: 100%;">
                                                                        <option>Pilih Jenis Transaksi Penerima</option>
                                                                        @foreach ($kodebank as $item)
                                                                            <option value="{{ $item->kode }}|{{ $item->status_kodebank }}">
                                                                                {{ $item->nama_kodebank }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label for="tgl_setor">Tanggal Setoran</label>
                                                                    <div class="input-group">
                                                                        <div class="input-group-prepend">
                                                                            <span class="input-group-text"><i
                                                                                    class="far fa-calendar-alt"></i></span>
                                                                        </div>
                                                                        <input type="text" id="tgl_setor"
                                                                            name="tgl_setor" class="form-control"
                                                                            data-inputmask-alias="datetime"
                                                                            data-inputmask-inputformat="yyyy-mm-dd"
                                                                            data-mask
                                                                            value="{{ old('tgl_setor', !empty($bukuharian) ? $bukuharian->tgl_setor : null) }}"
                                                                            required>
                                                                    </div>
                                                                    @error('tgl_setor')
                                                                        <div class="invalid-feedback">
                                                                            <h6><span
                                                                                    class="badge badge-danger">{{ $message }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label for="jumlah">Jumlah</label>
                                                                    <input type="text" id="jumlah" name="jumlah"
                                                                        class="form-control @error('jumlah') is-invalid @enderror"
                                                                        value="{{ old('jumlah', !empty($jumlah) ? number_format($jumlah, 0, ',', '.') : 0) }}"
                                                                        required
                                                                        onkeydown="return numbersonly(this, event);"
                                                                        onkeyup="javascript:tandaPemisahTitik(this);">
                                                                    @error('jumlah')
                                                                        <div class="invalid-feedback">
                                                                            <h6><span
                                                                                    class="badge badge-danger">{{ $message }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label for="ket">Keterangan</label>
                                                                    <input type="text" id="ket" name="ket"
                                                                        class="form-control @error('ket') is-invalid @enderror"
                                                                        value="{{ old('ket', !empty($bukuharian) ? $bukuharian->ket : null) }}"
                                                                        required>
                                                                    @error('ket')
                                                                        <div class="invalid-feedback">
                                                                            <h6><span
                                                                                    class="badge badge-danger">{{ $message }}</span>
                                                                            </h6>
                                                                        </div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <hr>
                                                                <div class="form-group">
                                                                    <button type="submit"
                                                                        class="btn btn-outline-primary">
                                                                        <i class="fas fa-save"></i> Simpan
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- /.row -->
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.card-header -->
                                <div class="card-body">
                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>Tanggal</th>
                                                <th>Nomor Rekening</th>
                                                <th>Kode</th>
                                                <th>Debet</th>
                                                <th>Kredit</th>
                                                <th>Keterangan</th>
                                                <th>Status Cetak</th>
                                                <th>Petugas</th>
                                                <th>Aksi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $no = '1';
                                            @endphp
                                            @forelse ($data_bukuharian as $item)
                                                <tr>
                                                    <td>{{ $no++ }}</td>
                                                    <td>{{ $item->tgl_setor }}</td>
                                                    <td>{{ $item->no_rek }}</td>
                                                    <td>{{ $item->kode }}</td>
                                                    <td>Rp. {{ number_format($item->debet, 0, ',', '.') }}</td>
                                                    <td>Rp. {{ number_format($item->kredit, 0, ',', '.') }}</td>
                                                    <td>{{ $item->ket }}</td>
                                                    <td>
                                                        @if ($item->status_cetak == '1')
                                                            <span class="badge bg-info">Sudah Cetak</span>
                                                        @elseif ($item->status_cetak == '0')
                                                            <span class="badge bg-danger">Belum Cetak</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $item->created_by }}</td>
                                                    <td style="width: 11%">
                                                        <a href="{{ route('bukuharian.index', $item->id) }}"
                                                            class="btn btn-outline-warning btn-sm">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                        <a href="{{ route('bukuharian.destroy', $item->id) }}"
                                                            class="btn btn-outline-danger btn-sm">
                                                            <i class="fas fa-trash-alt"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr class="text-center">
                                                    <td colspan="10">Tidak Ada Data</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                <!-- /.card-body -->
                            </div>
                            <!-- /.card -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    Team Bank Mini <a href="https://smkn7kotaserang.sch.id/">SMK Negeri 7 Kota Serang</a>
                    Maal Islamic Bank (MIB) {{ date('Y') }}.
                </div>
            </div>
            <!-- /.card -->
            <!-- /.row (main row) -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection
@section('js_plugin')
    <!-- jQuery UI 1.11.4 -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/jquery-ui/jquery-ui.min.js') }}"></script>
    <!-- Toastr -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/toastr/toastr.min.js') }}"></script>
    <!-- DataTables  & Plugins -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    {{-- <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/pdfmake/vfs_fonts.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script> --}}
    <!-- Select2 -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/select2/js/select2.full.min.js') }}"></script>
    <!-- InputMask -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/moment/moment.min.js') }}"></script>
    <script src="{{ asset('adminLTE-3.1.0/plugins/inputmask/jquery.inputmask.min.js') }}"></script>
    <!-- Format Rupiah Pada Form Input -->
    <script src="{{ URL::asset('js/my.js') }}"></script>
    <script>
        $(function() {
            //Initialize Select2 Elements
            $('.select2').select2()

            //Initialize Select2 Elements
            $('.select2bs4').select2({
                theme: 'bootstrap4'
            })

            //Datemask dd/mm/yyyy
            $('#datemask').inputmask('yyyy-mm-dd', {
                'placeholder': 'yyyy-mm-dd'
            })
            //Money Euro
            $('[data-mask]').inputmask()

            $("#example1").DataTable({
                "responsive": true,
                "lengthChange": false,
                "autoWidth": false,
                "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
            }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
            $('#example2').DataTable({
                "paging": true,
                "lengthChange": false,
                "searching": false,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "responsive": true,
            });
        });
    </script>
@endsection