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

@section('title', panel_setting_title("Kar Raporu"))

@push('style-libraries')
    <!-- Feather CSS -->
    <link rel="stylesheet" href="{{asset('dashboard/plugins/feather/feather.css')}}">
    <!-- Datatables CSS -->
    <link rel="stylesheet" href="{{asset('dashboard/plugins/datatables/datatables.min.css')}}">
    <link rel="stylesheet" href="{{ asset("dashboard/css/dashboard.css") }}">
@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-file svg-icon fs-4"></i>
                                            </div>
                                            <div>
                                                <h1 class=" fs-3 fw-semibold mb-0 text-white-primary-color">Kar Raporu</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">
                                                                Raporlar </a>
                                                        </li>
                                                        <li class="text-white-primary-color breadcrumb-item  text-opacity-75 active"
                                                            aria-current="page">
                                                            Kar Raporu </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 -->

            <!-- Kar Listesi -->

            <div class="card">
                <div class="card-body align-items-center">
                    <div class="row  align-items-center">
                        <div class="col-lg-3 col-12 mb-lg-0  mb-2">
                            <div class="form-floating">
                                <input type="date" class="form-control" id="date" >
                                <label for="date">Tarih</label>
                              </div>
                        </div>
                        <div class="col-lg-3 col-12 mb-lg-0 mb-2">
                            <div class="form-floating">
                                <select class="form-select" id="ture" >
                                  <option selected>Tür</option>
                                  <option value="1">1</option>
                                  <option value="2">2</option>
                                  <option value="3">3</option>
                                </select>
                                <label for="ture">Tür</label>
                              </div>
                        </div>
                        <div class="col-lg-3 col-12 mb-lg-0  mb-2">
                            <div class="form-floating">
                                <select class="form-select" id="user-company-name">
                                  <option selected>Üye İş Yeri Adı</option>
                                  <option value="1">İş Yeri 1</option>
                                  <option value="2">İş Yeri 2</option>
                                  <option value="3">İş Yeri 3</option>
                                </select>
                                <label for="user-company-name">Üye İş Yeri Adı</label>
                              </div>

                        </div>
                        <div class="col-lg-3 mb-lg-0 mb-2 d-flex text-end align-items-end  gap-3 justify-conent-end ms-auto">
                            <div class="d-flex align-items-end text-end gap-3 justify-conent-end ms-auto">
                                <div class="">
                                    <button class="text-nowrap btn btn-primary-custom py-3 w-100"><i class="fa-solid fa-save me-2"></i>Kaydet
                                        </button>
                                </div>
                                <div class="">
                                    <button class="text-nowrap rounded-2  btn btn-info-custom py-3 w-100"><i class="fa-solid fa-list me-2"></i>Dışarı Aktar
                                        Geçmişi</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

                    <!-- Tarih Bilgisi -->
                    <div class="row mb-4">
                        <div class="col">
                            <span class="text-muted">Tarih aralığı: 2024/12/04 00:00:00 - 2024/12/04 23:59:59</span>
                        </div>
                    </div>

                    <!-- Kar Tablosu -->
                    <div class="card border-0 rounded-4 overflow-hidden p-3">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                            <thead >
                                <tr class="bg-light border-0">
                                    <th class="custom-th">Üye İş Yeri Adı</th>
                                    <th class="custom-th">Kar Tutarı</th>
                                    <th class="custom-th">İşlem Tarihi</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td  style="font-size: 13px" colspan="3" class="text-center">Veri bulunamadı</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- /Kar Listesi -->

@endsection

@push('script-libraries')
    <!-- Datatable JS -->
    <script src="{{asset('dashboard/plugins/datatables/datatables.min.js')}}"></script>
    <!-- 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>
@endpush

@push('scripts')
<script>
    $(window).on('load', function() {
        // DataTable'ı başlat
        if (!$.fn.DataTable.isDataTable('#profitTable')) {
            $('#profitTable').DataTable({
                "destroy": true,
                "pageLength": 10,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": false,
                "responsive": true,
                "language": {
                    "url": "//cdn.datatables.net/plug-ins/1.11.3/i18n/Turkish.json"
                }
            });
        }

        // Slimscroll'u yeniden başlat
        $('.sidebar').slimScroll({
            height: '100%',
            wheelStep: 10,
            alwaysVisible: true
        });
    });
</script>
@endpush