@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 -->
    <link rel="stylesheet" href="{{asset('dashboard/plugins/datatables/datatables.min.css')}}">
@endpush



@push('styles')

@endpush

@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
            <div class="content-page-header">

                <h5>{{__('Fraud Kuralları')}}</h5>
                <div class="list-btn">
                    <ul class="filter-list">

                        <li>
                            <a class="btn btn-primary" href="#" disabled=""><i class="fa fa-plus-circle me-2" aria-hidden="true"></i>Kural Ekle</a>
                        </li>

                    </ul>
                </div>
            </div>
                <div class="row">
                    <div class="col-md-3 mb-3">
                          <input type="date"
                            class="form-control" name="" id="" aria-describedby="helpId" placeholder="">
                    </div>
                    <div class="col-md-3 mb-3">
                              <select class="form-select" name="" id="">
                                <option>Tarih aralığında filtrele</option>
                                <option>Aktivasyon Tarihi</option>
                                <option>Oluşturma Tarihi</option>
                                <option>Güncelleme Tarihi</option>
                              </select>
                    </div>
                    <div class="col-md-3 mb-3">
                        <select class="form-select" name="" id="">
                            <option>Para Birimi</option>
                            <option>₺</option>
                            <option>$</option>
                            <option>€</option>
                          </select>
                    </div>
                    <div class="col-md-3 mb-3">
                        <select class="form-select" name="" id="">
                            <option>Durum</option>
                            <option>Aktif</option>
                            <option>Etkisiz</option>
                          </select>
                    </div>
                    <div class="col-md-3 mb-3">
                            <input type="text"
                              class="form-control" name="" id="" aria-describedby="helpId" placeholder="Şirket Adı">
                    </div>
                    <div class="col-md-3 mb-3">
                        <select class="form-select" name="" id="">
                            <option>Entegratör</option>
                          </select>
                    </div>
                    <div class="col-md-3 mb-3">
                        <select class="form-select" name="" id="">
                            <option>Müşteri Yöneticisi</option>
                            <option>---İSİM---</option>
                          </select>
                    </div>
                    <div class="col-md-3 mb-3">
                        <select class="form-select" name="" id="">
                            <option>Tür</option>
                            <option>----İSİM---</option>
                          </select>
                    </div>
                    <div class="col-md-3 mb-3">
                            <input type="text"
                              class="form-control" name="" id="" aria-describedby="helpId" placeholder="Üye İşyeri Adı">
                    </div>
                    <div class="col-md-3 mb-3">
                            <input type="text"
                              class="form-control" name="" id="" aria-describedby="helpId" placeholder="Kullanıcı Adı">
                    </div>
                    <div class="col-md-3 mb-3">
                            <input type="text"
                              class="form-control" name="" id="" aria-describedby="helpId" placeholder="Yetkili Kişi Numarası">
                    </div>
                    <div class="col-md-3 mb-3">
                            <input type="text"
                              class="form-control" name="" id="" aria-describedby="helpId" placeholder="Yetkili Kişi E-Posta">
                    </div>

                        <a class="btn btn-primary" href="#" disabled="" style="width: 25%;margin: auto;">Filtreyi Kaydet</a>

            </div>
                <div class="col-md-12 table-div mt-4">
                    <table id="example" class="display" style="width:100%; margin-top: 25px;">
                        <thead>
                            <tr>
                                <th>İşlemler</th>
                                <th>ID</th>
                                <th>Yetkili Adı</th>
                                <th>Üye İşyeri Adı</th>
                                <th>Şirket Adı</th>
                                <th>Entegratör</th>
                                <th>Telefon Numarası</th>
                                <th>E-Posta Adresi</th>
                                <th>Kullanıcı E-Posta Adresi</th>
                                <th>Kullanıcı Adı</th>
                                <th>Para Birimi</th>
                                <th>Durum</th>
                                <th>Güncelleme Tarihi</th>
                                <th>Kullanılabilir Bakiye</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                                <td>2011-04-25</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>
                                <td>---</td>

                            </tr>
                        </tbody>

                    </table>
                </div>
        </div>
    </div>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script>
var table = new DataTable('#example', {
    language: {
        url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
    },
});
</script>
<style>
    .dataTables_length label:before {
    content: "";
    margin-right: 5px;
    font-size: 12px;
}
.dataTables_length label:after {
    content: "";
    margin-left: 5px;
    font-size: 12px;
}
#example_wrapper {
    margin: 25px 10px 25px 10px;
}
.table-div {
    background-color: white;
    border-radius: 25px;
    box-shadow:  0px 0px 15px -7px rgba(0, 0, 0, 1);
    overflow: auto;width: 97%;
    margin-left: 25px;
}
</style>
@endsection


@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

@push('scripts')

@endpush