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


@section('title',panel_setting_title())



@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>{{__('Para Çekme Yöntemleri')}}</h5>
                <div class="list-btn">
                    <ul class="filter-list">

                        <li>
                            <a class="btn btn-primary" href="{{ route('admin.dashboard.cekimYontemi.createOrStore') }}">
                                <i class="fa fa-plus-circle me-2" aria-hidden="true"></i>Ekle
                            </a>

                        </li>

                    </ul>
                </div>
            </div>
                <div class="row">

            </div>
                <div class="col-md-12 table-div mt-4">
                    <table id="example" class="display" style="width:100%; margin-top: 25px;">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>İsim</th>
                                <th>Açıklama</th>
                                <th>Komisyon</th>
                                <th>Oluşturma Tarihi</th>
                                <th>Güncelleme Tarihi</th>
                                <th>İşlemler</th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach($methods as $method)
                            <tr>
                                <td>{{ $method->id }}</td>
                                <td>{{ $method->name }}</td>
                                <td>{{ $method->description }}</td>
                                <td>{{ $method->commission }}</td>
                                <td>{{ $method->created_at }}</td>
                                <td>{{ $method->updated_at }}</td>
                                <td>


                                    <a href="{{ route('admin.dashboard.cekimYontemi.viewCurrency', $method->id) }}" class="btn btn-primary">Görüntüle</a>
                                    <a href="{{ route('admin.dashboard.cekimYontemi.edit', $method->id) }}" class="btn btn-success">Düzenle</a>
                                    <form action="{{ route('admin.dashboard.cekimYontemi.destroy', $method->id) }}" method="POST" style="display:inline-block;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger" onclick="return confirm('Bu yöntemi silmek istediğinizden emin misiniz?')">Sil</button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </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