@extends('admin.dashboard.layouts.app')

@section('title', panel_setting_title('Yönetici Paneli'))

@push('style-libraries')
    <!-- Feather CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/feather/feather.css') }}">
    <!-- Datepicker CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/css/bootstrap-datetimepicker.min.css') }}">
    <!-- Datatables CSS (via CDN) -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="{{ asset("dashboard/css/dashboard.css") }}">
@endpush

@push('styles')
@endpush

@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
            <!-- Page Header -->
            <div class=" card rounded-3    ">
                <div class="card-body p-4">
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <!-- Title and Icon -->
                            <div class="d-flex align-items-center mb-2">
                                <div class="  rounded-3 p-2 me-3 svg-icon-bg">
                                    <i class="fa-solid fa-money-bill svg-icon fs-4"></i>
                                </div>
                                <div>
                                    <h1 class=" fs-3 fw-semibold mb-0 text-white-primary-color"> Ödeme Noktaları</h1>
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb mb-2">
                                            <li class="breadcrumb-item">
                                                <a href="#"
                                                    class=" text-white-primary-color text-opacity-75 text-decoration-none d-flex align-items-center">
                                                    Sistem
                                                    Yönetimi </a>
                                            </li>
                                            <li class="text-white-primary-color breadcrumb-item  text-opacity-75 active"
                                                aria-current="page">
                                                Ödeme Noktaları</li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <!-- Action Button -->
                        {{-- <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
                                        <a href="{{ route('admin.dashboard.user-management.user-create') }}"
                                            class="btn btn-yellow-custom d-inline-flex align-items-center gap-2">
                                            <i class="fas fa-plus-circle"></i>
                                            <span>Yeni Kullanıcı</span>
                                        </a>
                                    </div> --}}
                    </div>
                </div>
            </div>
            <!-- Page Header -->


            <div class="card border-0 rounded-4 overflow-hidden p-3">
                <div class="table-responsive">
                    <table class="table align-middle mb-0" id="bank-table">
                        <thead>
                            <tr class="bg-light border-0">
                                <th class="custom-th">#
                                </th>
                                <th class="custom-th">
                                    Logo</th>
                                <th class="custom-th">
                                    Banka Adı</th>
                                <th class="custom-th">
                                    Kod</th>
                                <th class="custom-th">
                                    Numara</th>
                            </tr>
                        </thead>
                        <tbody id="table-body" ></tbody>
                        {{-- <tbody>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">1</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/halkbank.svg")}}
                                    alt="" /></td>
                            <td>HALKBANK PAVO FİZİKİ</td>
                            <td>VP415110</td>
                            <td>500415110</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">2</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/sekerbank.png")}}
                                    alt="" /></td>
                            <td>SEKERBANK YENİ GÜNLÜK (TRY)</td>
                            <td>319809</td>
                            <td>220319809</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">3</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/isbankasi.png")}}
                                    alt="" /></td>
                            <td>ISBANK (YKK)</td>
                            <td>S0SN2P01</td>
                            <td>700667135511</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">4</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/hscbbank.png")}}
                                    alt="" /></td>
                            <td>HSBC ADVANTAGE GÜNLÜK (TRY)</td>
                            <td>V1804009</td>
                            <td>105600000013946</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">5</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/anadolubank.svg")}}
                                    alt="" /></td>
                            <td>ANADOLUBANK GÜNLÜK WORLD (TRY)</td>
                            <td>VP000373</td>
                            <td>900000373</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">6</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/halkbank.svg")}}
                                    alt="" /></td>
                            <td>HALKBANK PARAF GÜNLÜK (TRY)</td>
                            <td>VP415110</td>
                            <td>500415110</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">7</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>QNB FİNANSBANK GÜNLÜK (TRY)</td>
                            <td>V1804009</td>
                            <td>105600000013946</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">8</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/ziraatbank.png")}}
                                    alt="" /></td>
                            <td>ZİRAATBANK GÜNLÜK COMBO</td>
                            <td>VP454561</td>
                            <td>190169918</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">9</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/denizbank.svg")}}
                                    alt="" /></td>
                            <td>DENİZBANK GÜNLÜK BONUS (TRY)</td>
                            <td>01073539</td>
                            <td>1083539</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">10</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/isbankasi.png")}}
                                    alt="" /></td>
                            <td>ISBANK GÜNLÜK MAXIMUM (TRY)</td>
                            <td>S0SN2P01</td>
                            <td>700667135511</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">11</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/kuveytturk.png")}}
                                    alt="" /></td>
                            <td>KUVEYT TÜRK SAĞLAM KART 7 GÜNLÜK (TRY)</td>
                            <td>VP080442</td>
                            <td>76057</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">12</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK PAVO FİZİKİ</td>
                            <td>VP587866</td>
                            <td>000000004147112</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">13</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/denizbank.svg")}}
                                    alt="" /></td>
                            <td>DENİZBANK 7 GÜNLÜK BONUS (TRY)</td>
                            <td>01078991</td>
                            <td>1078991</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">14</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK GÜNLÜK WORLD (TRY)</td>
                            <td>VP587866</td>
                            <td>000000004147112</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">15</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/kuveytturk.png")}}
                                    alt="" /></td>
                            <td>KUVEYT TÜRK SAĞLAM KART GÜNLÜK (TRY)</td>
                            <td>VP069416</td>
                            <td>64668</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">16</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/teb.jpg")}}
                                    alt="" /></td>
                            <td>TEB GÜNLÜK BONUS (TRY)</td>
                            <td>VP371058</td>
                            <td>400371058</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">17</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>QNB FINANSBANK 7 GÜNLÜK (TRY)</td>
                            <td>V1807913</td>
                            <td>105600000013987</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">18</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK PFSİZ GÜNLÜK</td>
                            <td>VP587866</td>
                            <td>000000004147112</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">19</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/yapikredi.svg")}}
                                    alt="" /></td>
                            <td>YAPIKREDİ GÜNLÜK WORLD (TRY)</td>
                            <td>67913948</td>
                            <td>5656434</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">20</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK 7 GÜNLÜK WORLD (TRY)</td>
                            <td>VP587863</td>
                            <td>000000004163069</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">21</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/denizbank.svg")}}
                                    alt="" /></td>
                            <td>DENİZBANK 30 GÜNLÜK BONUS (TRY)</td>
                            <td>01083594</td>
                            <td>1083594</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">22</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/kuveytturk.png")}}
                                    alt="" /></td>
                            <td>KUVEYT TÜRK SAĞLAM KART 30 GÜNLÜK (TRY)</td>
                            <td>VP080454</td>
                            <td>76069</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">23</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/isbankasi.png")}}
                                    alt="" /></td>
                            <td>ISBANK 30 GÜNLÜK MAXIMUM (TRY)</td>
                            <td>S0SN2P01</td>
                            <td>5656434 - AYLIK</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">24</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/isbankasi.png")}}
                                    alt="" /></td>
                            <td>ISBANK 7 GÜNLÜK MAXIMUM (TRY)</td>
                            <td>S0SN2P01</td>
                            <td>700667135511</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">25</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/halkbank.svg")}}
                                    alt="" /></td>
                            <td>HALKBANK PARAF 7 GÜNLÜK (TRY)</td>
                            <td>VP420999</td>
                            <td>500420999</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">26</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/denizbank.svg")}}
                                    alt="" /></td>
                            <td>DENİZBANK PAVO FİZİKİ</td>
                            <td>01073539</td>
                            <td>1083539</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">27</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>QNB FINANSBANK 30 GÜNLÜK (TRY)</td>
                            <td>V1807915</td>
                            <td>105600000013995</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">28</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/kuveytturk.png")}}
                                    alt="" /></td>
                            <td>KUVEYT TÜRK SAĞLAM KART 14 GÜNLÜK (TRY)</td>
                            <td>VP080448</td>
                            <td>76063</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">29</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/ziraatbank.png")}}
                                    alt="" /></td>
                            <td>ZİRAAT 7 GÜNLÜK COMBO (TRY)</td>
                            <td>VP597132</td>
                            <td>190597132</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">30</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/halkbank.svg")}}
                                    alt="" /></td>
                            <td>HALKBANK PARAF 30 GÜNLÜK (TRY)</td>
                            <td>VP421001</td>
                            <td>500421001</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">31</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/ziraatbank.png")}}
                                    alt="" /></td>
                            <td>ZİRAAT 14 GÜNLÜK COMBO (TRY)</td>
                            <td>VP597131</td>
                            <td>190597131</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">32</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK PFSİZ 14 GÜNLÜK</td>
                            <td>VP587864</td>
                            <td>000000004163077</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">33</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/denizbank.svg")}}
                                    alt="" /></td>
                            <td>DENİZBANK 14 GÜNLÜK BONUS (TRY)</td>
                            <td>01078989</td>
                            <td>1078989</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">34</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK PFSİZ 7 GÜNLÜK</td>
                            <td>VP587863</td>
                            <td>000000004163069</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">35</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/ziraatbank.png")}}
                                    alt="" /></td>
                            <td>ZİRAAT 30 GÜNLÜK COMBO (TRY)</td>
                            <td>VP597130</td>
                            <td>190597130</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">36</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/isbankasi.png")}}
                                    alt="" /></td>
                            <td>ISBANK 14 GÜNLÜK MAXIMUM (TRY)</td>
                            <td>S0SN2P01</td>
                            <td>İŞ BANKASI 2 HAFTALIK</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">37</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/yapikredi.svg")}}
                                    alt="" /></td>
                            <td>YAPIKREDİ 14 GÜNLÜK WORLD (TRY)</td>
                            <td>67A35969</td>
                            <td>67A35969</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">38</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK 14 GÜNLÜK (YAPIKREDİ) WORLD (TRY)</td>
                            <td>VP587864</td>
                            <td>000000004163077</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">39</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK 14 GÜNLÜK WORLD (TRY)</td>
                            <td>VP587864</td>
                            <td>000000004163077</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">40</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>QNB FINANSBANK PAVO FİZİKİ</td>
                            <td>V1804009</td>
                            <td>105600000013946</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">41</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>QNB FINANSBANK 14 GÜNLÜK (TRY)</td>
                            <td>V1807919</td>
                            <td>105600000014001</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">42</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/halkbank.svg")}}
                                    alt="" /></td>
                            <td>HALKBANK PARAF 14 GÜNLÜK (TRY)</td>
                            <td>VP421000</td>
                            <td>500421000</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">43</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/yapikredi.svg")}}
                                    alt="" /></td>
                            <td>YAPIKREDİ 30 GÜNLÜK WORLD (TRY)</td>
                            <td>67A4297D</td>
                            <td>67A4297D</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">44</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK GÜNLÜK (YAPIKREDİ) WORLD (TRY)</td>
                            <td>VP587866</td>
                            <td>000000004147112</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">45</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/yapikredi.svg")}}
                                    alt="" /></td>
                            <td>YAPIKREDİ 7 GÜNLÜK WORLD (TRY)</td>
                            <td>67A3596D</td>
                            <td>1648186768</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">46</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>HSBC ADVANTAGE 14 GÜNLÜK (TRY)</td>
                            <td>V1807919</td>
                            <td>105600000014001</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">47</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/yapikredi.svg")}}
                                    alt="" /></td>
                            <td>YAPIKREDİ(ALBARAKA) 7 GÜNLÜK WORLD (TRY)</td>
                            <td>67A3596D</td>
                            <td>5656434</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">48</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/kuveytturk.png")}}
                                    alt="" /></td>
                            <td>KUVEYT TÜRK MİLES &amp; SMİLES GÜNLÜK (TRY)</td>
                            <td>VP069416</td>
                            <td>64668</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">49</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/yapikredi.svg")}}
                                    alt="" /></td>
                            <td>YAPIKREDİ(ALBARAKA) GÜNLÜK WORLD (TRY)</td>
                            <td>67913948</td>
                            <td>5656434</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">50</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/isbankasi.png")}}
                                    alt="" /></td>
                            <td>ISBANK GÜNLÜK MAXIMILES(TRY)</td>
                            <td>S0SN2P01</td>
                            <td>700667135511</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">51</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/ziraatbank.png")}}
                                    alt="" /></td>
                            <td>ZİRAAT 7 GÜNLÜK COMBO - NS</td>
                            <td>VP932358</td>
                            <td>190932358</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">52</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/ziraatbank.png")}}
                                    alt="" /></td>
                            <td>Dummy Bank POS</td>
                            <td></td>
                            <td>5656434</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">53</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/vakifbank.svg")}}
                                    alt="" /></td>
                            <td>VAKIFBANK 7 GÜNLÜK (YAPIKREDİ) WORLD (TRY)</td>
                            <td>VP587863</td>
                            <td>000000004163069</td>
                        </tr>
                        <tr role="row" class="even">
                            <td td style="font-size: 13px;" class="sorting_1">54</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/qnb.png")}}
                                    alt="" /></td>
                            <td>HSBC ADVANTAGE 7 GÜNLÜK (TRY)</td>
                            <td>V1807913</td>
                            <td>105600000013987</td>
                        </tr>
                        <tr role="row" class="odd">
                            <td td style="font-size: 13px;" class="sorting_1">55</td>
                            <td style="font-size:13px;"><img width="90px"
                                    src={{Storage::url("bank_logos/teb.jpg")}}
                                    alt="" /></td>
                            <td>TEB GÜNLÜK TİCARİ (TRY)</td>
                            <td>VP371058</td>
                            <td>400371058</td>
                        </tr>
                    </tbody> --}}
                    </table>
                    <nav aria-label="Page navigation example" class="mt-4 d-flex align-items-end justify-content-end">
                        <ul class="pagination" id="pagination">
                            <!-- Sayfalama butonları buraya eklenecek -->
                        </ul>
                    </nav>
                </div>
            </div>
        @endsection

        @push('scripts')
            <!-- jQuery (via CDN) -->
            <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
            <!-- DataTables JS (via CDN) -->
            <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
            <script>
                const data = [{
                        id: 1,
                        name: "John Doe",
                        email: "john@example.com"
                    },
                    {
                        id: 2,
                        name: "Jane Smith",
                        email: "jane@example.com"
                    },
                    {
                        id: 3,
                        name: "Alice Johnson",
                        email: "alice@example.com"
                    },
                    {
                        id: 4,
                        name: "Bob Brown",
                        email: "bob@example.com"
                    },
                    {
                        id: 5,
                        name: "Charlie Lee",
                        email: "charlie@example.com"
                    },
                    {
                        id: 6,
                        name: "David White",
                        email: "david@example.com"
                    },
                    {
                        id: 7,
                        name: "Eva Black",
                        email: "eva@example.com"
                    },
                    {
                        id: 8,
                        name: "Frank Green",
                        email: "frank@example.com"
                    },
                    {
                        id: 9,
                        name: "Grace Blue",
                        email: "grace@example.com"
                    },
                    {
                        id: 10,
                        name: "Helen Red",
                        email: "helen@example.com"
                    },
                    {
                        id: 11,
                        name: "Ivy Yellow",
                        email: "ivy@example.com"
                    },
                    {
                        id: 12,
                        name: "Jack Orange",
                        email: "jack@example.com"
                    },

                ];

                const rowsPerPage = 10;
                let currentPage = 1;

                function renderTable(page) {
                    const start = (page - 1) * rowsPerPage;
                    const end = start + rowsPerPage;
                    const pageData = data.slice(start, end);

                    const tableBody = document.getElementById('table-body');
                    tableBody.innerHTML = '';

                    pageData.forEach(item => {
                        const row = document.createElement('tr');
                        row.innerHTML = `<td>${item.id}</td><td>${item.name}</td><td>${item.email}</td>`;
                        tableBody.appendChild(row);
                    });

                    renderPagination(page);
                }

                function renderPagination(page) {
                    const pagination = document.getElementById('pagination');
                    pagination.innerHTML = '';

                    const totalPages = Math.ceil(data.length / rowsPerPage);

                    const prevPageItem = document.createElement('li');
                    prevPageItem.classList.add('page-item');
                    prevPageItem.innerHTML =
                        `<a class="page-link" href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>`;
                    prevPageItem.addEventListener('click', function(e) {
                        e.preventDefault();
                        if (currentPage > 1) {
                            currentPage--;
                            renderTable(currentPage);
                        }
                    });
                    pagination.appendChild(prevPageItem);

                    for (let i = 1; i <= totalPages; i++) {
                        const pageItem = document.createElement('li');
                        pageItem.classList.add('page-item');
                        pageItem.innerHTML = `<a class="page-link" href="#">${i}</a>`;

                        if (i === page) {
                            pageItem.classList.add('active');
                        }

                        pageItem.addEventListener('click', function(e) {
                            e.preventDefault();
                            currentPage = i;
                            renderTable(currentPage);
                        });

                        pagination.appendChild(pageItem);
                    }

                    const nextPageItem = document.createElement('li');
                    nextPageItem.classList.add('page-item');
                    nextPageItem.innerHTML =
                        `<a class="page-link" href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a>`;
                    nextPageItem.addEventListener('click', function(e) {
                        e.preventDefault();
                        if (currentPage < totalPages) {
                            currentPage++;
                            renderTable(currentPage);
                        }
                    });
                    pagination.appendChild(nextPageItem);
                }

                renderTable(currentPage);
            </script>

            <script>
                $(document).ready(function() {
                    $('#bankTable').DataTable({
                        "pageLength": 10, // Default number of rows
                        "buttons": ["excel", "pdf", "print"],
                        "language": {
                            "lengthMenu": "Sayfa başına _MENU_ kayıt göster",
                            "zeroRecords": "Kayıt bulunamadı",
                            "info": "Toplam _TOTAL_ kayıttan _START_ - _END_ arasındaki kayıtlar gösteriliyor",
                            "infoEmpty": "Kayıt bulunamadı",
                            "infoFiltered": "(Toplam _MAX_ kayıt içerisinden bulunan)",
                            "search": "Ara:",
                            "paginate": {
                                "first": "İlk",
                                "last": "Son",
                                "next": "Sonraki",
                                "previous": "Önceki"
                            }
                        }
                    });
                });
            </script>
        @endpush

        @push('script-libraries')
            <!-- Feather Icon JS -->
            <script src="{{ asset('dashboard/js/feather.min.js') }}"></script>
            <!-- Slimscroll JS -->
            <script src="{{ asset('dashboard/plugins/slimscroll/jquery.slimscroll.min.js') }}"></script>
            <!-- Chart JS -->
            <script src="{{ asset('dashboard/plugins/apexchart/apexcharts.min.js') }}"></script>
            <script src="{{ asset('dashboard/plugins/apexchart/chart-data.js') }}"></script>
        @endpush