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

@section('title', panel_setting_title('Kur'))

@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') }}">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <link rel="stylesheet" href="{{ asset("dashboard/css/dashboard.css") }}">
@endpush
<style>
    .sidebar {
        overflow-y: auto !important;
        max-height: 100vh;
        /* Ekran boyutuna göre yükseklik ayarla */
    }
</style>
@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="fas fa-money-bill svg-icon fs-4"></i>

                                </div>
                                <div>
                                    <h1 class=" fs-3 fw-semibold mb-0 text-white-primary-color">Döviz Yönetimi</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">
                                                    Finansal Tanımlar </a>
                                            </li>
                                            <li class="text-white-primary-color breadcrumb-item  text-opacity-75 active"
                                                aria-current="page">
                                                Döviz Yönetimi</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">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            {{--
                            <div class="row mb-4 justify-content-between">
                                <div class="col-sm-4 d-flex align-items-center gap-2">
                                    <label class="mb-0 text-nowrap mr-2">Toplu eylem</label>
                                    <select id="bulkaction" class="selectpicker show-tick form-control mr-2" title="Toplu eylem" data-style="btn-solid" data-width="150px">
                                        <option value="movetotrash">Çöp kutusuna taşıyın</option>
                                    </select>
                                    <button id="applybtn" class="btn btn-primary">Uygula</button>
                                </div>
                                <div class="col-sm-3">
                                    <div class="input-group-icon input-group-icon-left mr-3 d-flex">
                                        <input class="form-control form-control-rounded form-control-solid" id="key-search" type="text" placeholder="Ara">
                                    </div>
                                </div>
                            </div>
                            --}}
                            <div class=" border-0 overflow-hidden rounded-4 p-3">
                                <div class="d-flex align-items-center justify-content-between flex-wrap">
                                    <div>
                                        <div class="d-flex align-items-center">
                                            <div class="bg-white bg-opacity-10 rounded-3 p-2 ">
                                                <i class="fa-solid fa-wallet fs-6 text-primary-custom"></i>
                                            </div>
                                            <div>
                                                <h6 class=" fw-semibold mb-0 text-primary-custom ">Döviz Yönetimi</h6>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- button --}}
                                    <div class="text-lg-end ">
                                        <a class="btn btn-outline-primary-custom rounded-3 px-4 py-2 d-inline-flex align-items-center gap-2"
                                            onclick="openModal('addCommissionCurrencyModal')" href="javascript:void(0)">
                                            <span><i class="fa-solid fa-circle-plus  me-2"></i>Ekle</span>
                                        </a>
                                    </div>
                                    {{-- button --}}
                                </div>
                                <hr class="custom-border-bottom">
                                <div class="table-responsive">
                                    <table class="table align-middle mb-0">
                                        <thead>
                                            <tr class="bg-light border-0">
                                                <th class="custom-th">ID</th>
                                                <th class="custom-th">Kur Adı</th>
                                                <th class="custom-th">Sembol</th>
                                                <th class="custom-th">Kod</th>
                                                <th class="custom-th">Para Yatırma
                                                    ve Çekme
                                                    İçin Max AML Tutarı</th>
                                                <th class="custom-th">Para
                                                    Transferi İçin
                                                    Max AML Tutarı</th>
                                                <th class="custom-th">Toplam Para
                                                    Transferi
                                                    İçin Max AML Tutarı</th>
                                                <th class="custom-th">İşlemler</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($ccurrencies as $item)
                                                <tr>
                                                    <td style="font-size: 13px;">{{ $item->id }}</td>
                                                    <td style="font-size: 13px;">{{ $item->currency->short_name }}</td>
                                                    <td style="font-size: 13px;">{{ $item->currency->symbol }}</td>
                                                    <td style="font-size: 13px;">{{ $item->currency->name }}</td>
                                                    <td style="font-size: 13px;">{{ $item->max_aml_for_money }}</td>
                                                    <td style="font-size: 13px;">{{ $item->max_aml_for_money_transfer }}
                                                    </td>
                                                    <td style="font-size: 13px;">
                                                        {{ $item->max_aml_for_total_money_transfer }}</td>

                                                    <td class="d-flex align-items-center">
                                                        <a href="javascript:void(0)"
                                                            class="btn bg-primary-custom  rounded-circle editCommissionCurrency"
                                                            data-modal="editCommissionCurrencyModal"
                                                            data-id="{{ $item->id }}"><i
                                                                class="fa-solid fa-pen-to-square "></i></a>
                                                        <a href='{{ route('admin.dashboard.komisyon.kur.delete', ['id' => $item->id]) }}'
                                                            class="btn bg-danger-custom rounded-circle"
                                                            style="margin-left:5px"
                                                            onclick="return confirm('Silmek istediğinize emin misiniz?')"><i
                                                                class="fa-solid fa-trash"></i></a>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" style="text-align:center">Veri Bulunamadı</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <hr>


            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">

                            {{--
                                <div class="row mb-4 justify-content-between">
                                    <div class="col-sm-4 d-flex align-items-center gap-2">
                                        <label class="mb-0 text-nowrap mr-2">Toplu eylem</label>
                                        <select id="bulkaction" class="selectpicker show-tick form-control mr-2" title="Toplu eylem" data-style="btn-solid" data-width="150px">
                                            <option value="movetotrash">Çöp kutusuna taşıyın</option>
                                        </select>
                                        <button id="applybtn" class="btn btn-primary">Uygula</button>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="input-group-icon input-group-icon-left mr-3 d-flex">
                                            <input class="form-control form-control-rounded form-control-solid" id="key-search" type="text" placeholder="Ara">
                                        </div>
                                    </div>
                                </div> --}}
                            <div class=" rounded-4 overflow-hidden p-3 border-0">
                                <div class="d-flex align-items-center justify-content-between flex-wrap">
                                    <div>
                                        <div class="d-flex align-items-center">
                                            <div class="bg-white bg-opacity-10 rounded-3 p-2 ">
                                                <i class=" fs-6 text-primary-custom"></i>
                                            </div>
                                            <div>
                                                <h6 class=" fw-semibold mb-0 text-primary-custom ">Döviz Kuru Yönetimi</h6>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- button --}}
                                    <div class="text-lg-end ">
                                        <a class="btn btn-outline-primary-custom rounded-3 px-4 py-2 d-inline-flex align-items-center gap-2"
                                            onclick="openModal('addCurrencyRateModal')" href="javascript:void(0)">
                                            <span><i class="fa-solid fa-circle-plus  me-2"></i>Ekle</span>
                                        </a>
                                    </div>
                                    {{-- button --}}
                                </div>
                                <hr class="custom-border-bottom">
                                <div class="table-responsive">
                                    <table class="table align-middle mb-0">
                                        <thead>
                                            <tr class="bg-light border-0">
                                                <th th class="custom-th">ID</th>
                                                <th th class="custom-th">İlk Para
                                                    Birimi</th>
                                                <th th class="custom-th">İkinci Para
                                                    Birimi
                                                </th>
                                                <th th class="custom-th">İkinci Para
                                                    Biriminin
                                                    Birinci Para Birimine Oranı</th>
                                                <th th class="custom-th">Güncelleme
                                                    Tarihi
                                                </th>
                                                <th th class="custom-th">İşlemleri
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($exchanges as $item)
                                                <tr>
                                                    <td style="font-size: 13px;">{{ $item->id }}</td>
                                                    <td style="font-size: 13px;">{{ $item->firstCurrency->short_name }}
                                                    </td>
                                                    <td style="font-size: 13px;">{{ $item->secondCurrency->short_name }}
                                                    </td>
                                                    <td style="font-size: 13px;">{{ $item->rate }}</td>
                                                    <td style="font-size: 13px;">{{ $item->created_at }}</td>

                                                    <td class="d-flex align-items-center">
                                                        <a href="javascript:void(0)"
                                                            class="btn bg-primary-custom  rounded-circle editCurrencyRate"
                                                            data-id="{{ $item->id }}"
                                                            data-modal="editCurrencyRateModal"><i
                                                                class="fa-solid fa-pen-to-square"></i></a>
                                                        <a href='{{ route('admin.dashboard.komisyon.kur.exchange.delete', ['id' => $item->id]) }}'
                                                            class="btn bg-danger-custom rounded-circle "
                                                            style="margin-left:5px"
                                                            onclick="return confirm('Silmek istediğinize emin misiniz?')"><i
                                                                class="fa-solid fa-trash"></i></a>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" style="text-align:center">Veri Bulunamadı</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    @include('admin.components.modals.add-commission-currency', ['currencies' => $currencies])
    @include('admin.components.modals.edit-commission-currency', ['currencies' => $currencies])
    @include('admin.components.modals.add-currency-rate', ['currencies' => $currencies])
    @include('admin.components.modals.edit-currency-rate', ['currencies' => $currencies])
    <div class="modalbg"
        style="display:none;z-index:9999;top:0;left:0;position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.356)">
    </div>

@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>
    <!-- Datatable JS -->
    <script src="{{ asset('dashboard/plugins/datatables/datatables.min.js') }}"></script>
    <!-- Daterangepicker JS ve Moment JS -->
    <script src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

    <script src="{{ asset('dashboard/js/modal.js?v=2') }}"></script>
@endpush

@push('scripts')
    <script>
        $(".editCommissionCurrency").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../commission/kur/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#" + el.data('modal') + " #id").val(el.data('id'));
                    $.each(data, function(index, item) {
                        $("#" + el.data('modal') + " #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });

        $(".editCurrencyRate").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../commission/kur/exchange/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#" + el.data('modal') + " #id").val(el.data('id'));
                    $.each(data, function(index, item) {
                        $("#" + el.data('modal') + " #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });
    </script>
    <script>
        function validateCurrencies() {
            var firstCurrency = document.getElementById('first_currency').value;
            var secondCurrency = document.getElementById('second_currency').value;
            if (firstCurrency === secondCurrency) {
                alert('İlk Para Birimi ve İkinci Para Birimi aynı olamaz.');
                return false;
            }
            return true;
        }
    </script>
@endpush