@extends('admin.dashboard.layouts.app')
@section('title', panel_setting_title("Üye İşyeri Görüntüle "))
@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" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <!-- Daterangepicker CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <!-- DataTables CSS -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" />
    <!-- DataTables Buttons CSS -->
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css" />
@endpush
@push('styles')

@endpush

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

                <div class="col-md-12">
                    <div class="card bg-light shadow-sm">
                        <div class="card-body">
                            <div class="col-md-12 content-page-header">
                                <h5>{{ __('Üye İşyeri Görüntüle') }}</h5>
                            </div>
                            <div class="row merchantDetailBoxes p-3">
                                <div class="col-md-3 col-sm-6">
                                    <div class="content">
                                        <div class="detail jextify-content-start">
                                            <p>Üye İşyeri Adı: {{ $merchant->name }}</p>
                                            <p class="mt-3">Üye İşyeri ID: #{{ $merchant->id }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    <div class="content">
                                        <div class="detail">
                                            <p>Kullanılabilir Bakiye</p>
                                            <div class="mt-3">
                                                <span
                                                    style="border-right: 1px solid #fff;padding-right: 5px;margin-right: 5px;">₺
                                                    0.00</span>
                                                <span
                                                    style="border-right: 1px solid #fff;padding-right: 5px;margin-right: 5px;">$
                                                    0.00</span>
                                                <span>€ 0.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    <div class="content">
                                        <div class="detail">
                                            <p>Toplam Bakiye</p>
                                            <div class="mt-3">
                                                <span
                                                    style="border-right: 1px solid #111;padding-right: 5px;margin-right: 5px;">₺
                                                    0.00</span>
                                                <span
                                                    style="border-right: 1px solid #111;padding-right: 5px;margin-right: 5px;">$
                                                    0.00</span>
                                                <span>€ 0.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6">
                                    <div class="content">
                                        <div class="detail">
                                            <p>Risk Kesintisi Bakiye</p>
                                            <div class="mt-3">
                                                <span
                                                    style="border-right: 1px solid #111;padding-right: 5px;margin-right: 5px;">₺
                                                    0.00</span>
                                                <span
                                                    style="border-right: 1px solid #111;padding-right: 5px;margin-right: 5px;">$
                                                    0.00</span>
                                                <span>€ 0.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="card bg-white">
                        <div class="card-body p-0 main-tab-card">
                            @include('admin.dashboard.merchant.sidebar')
                        </div>
                    </div>
                </div>

                <div class="col-md-9">
                    <div class="card bg-white">
                        <div class="card-body">
                            <form id="merchant_information" method="post" action="" enctype="multipart/form-data">
                                @csrf
                                <div class="tab-content main-tab-content">
                                    @include('admin.dashboard.merchant.pages.'.$page)
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('admin.components.modals.add-bank-modal', ['merchant_id' => $merchant->id])
    @include('admin.components.modals.edit-bank-modal', ['merchant_id' => $merchant->id])

    @include('admin.components.modals.add-submerchant-pf', ['merchant_id' => $merchant->id])
    @include('admin.components.modals.edit-submerchant-pf', ['merchant_id' => $merchant->id])

    @include('admin.components.modals.add-merchant-terminal', ['merchant_id' => $merchant->id])
    @include('admin.components.modals.edit-merchant-terminal', ['merchant_id' => $merchant->id])

    @include('admin.components.modals.add-single-payment-commission', [
        'merchant_id' => $merchant->id,
        'banks' => $banks,
        'currencies' => $currencies,
    ])
    @include('admin.components.modals.edit-single-payment-commission', [
        'merchant_id' => $merchant->id,
        'banks' => $banks,
        'currencies' => $currencies,
    ])

    @include('admin.components.modals.add-submerchant', [
        'merchant_id' => $merchant->id,
        'currencies' => $currencies,
    ])
    @include('admin.components.modals.edit-submerchant', [
        'merchant_id' => $merchant->id,
        'currencies' => $currencies,
    ])

    @include('admin.components.modals.add-commercial-card', [
        'merchant_id' => $merchant->id,
        'currencies' => $currencies,
        'cardFamilies' => $cardFamilies,
    ])
    @include('admin.components.modals.edit-commercial-card', [
        'merchant_id' => $merchant->id,
        'currencies' => $currencies,
        'cardFamilies' => $cardFamilies,
    ])

    @include('admin.components.modals.add-notes', ['merchant_id' => $merchant->id])
    @include('admin.components.modals.edit-notes', ['merchant_id' => $merchant->id])
    @include('admin.components.modals.detail-note', ['merchant_id' => $merchant->id])


    <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')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.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>
    <!-- Chart JS -->
    <script src="{{ asset('dashboard/plugins/apexchart/apexcharts.min.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/apexchart/chart-data.js') }}"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.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="https://cdn.jsdelivr.net/npm/sweetalert2@11.15.0/dist/sweetalert2.all.min.js"></script>

    <script src="{{ asset('dashboard/js/modal.js') }}"></script>
    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- DataTables JS -->
    <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
    <!-- DataTables Buttons + HTML5 export JS -->
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>
    <!-- PDF için pdfmake + vfs_fonts ve Excel/CSV için JSZip -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
@endpush

@push('scripts')
    <script>
        $(document).ready(function() {
            /*$('#hesap_dokumu_periyodu').select2();
            $('#announcementMails').select2();
            $('#availableBalanceUpdate').select2();
            $('#mpSuccessAuthUser').select2();
            $('#paymentLinkSuccessAuthUser').select2();
            $('#websiteIntegrationSuccessAuthUser').select2();
                */

        });

        $(".modalbox-close").click(function() {
            $(".modalbox").fadeOut(100);
            $(".modalbg").fadeOut(100);
        });
        $(".modalbg").click(function() {
            $(".modalbox").fadeOut(100);
            $(".modalbg").fadeOut(100);
        });

        function closeModal(modal) {
            $(".modalbox").fadeOut(100);
            $(".modalbg").fadeOut(100);
        }

        function openModal(modal) {
            $(".modalbox").fadeOut(100);
            $(".modalbg").fadeIn(100);
            $("#" + modal).fadeIn(100);
        }

        /****Modal Trigger***/
        $(".addNotes").click(function() {
            openModal($(this).data('modal'));
        });
        $(".addMerchantTerminal").click(function() {
            openModal($(this).data('modal'));
        });
        $(".addCommercialCard").click(function() {
            openModal($(this).data('modal'));
        });

        $(".addSinglePaymentCommission").click(function () {
            openModal($(this).data('modal'));
        });


        $("#addSinglePaymentCommissionModal form").on("submit", function (e) {
    e.preventDefault();

    var form = $(this);
    var formData = form.serialize();
    var actionUrl = form.attr("action");

    var banks = @json($banks);
    var currencies = @json($currencies);

    $.ajax({
        url: actionUrl,
        method: "POST",
        data: formData,
        success: function (response) {
            if (response.success) {
                var newRowData = JSON.parse(response.data.data);
                var bankName = banks.find(b => b.id == newRowData.bank_id)?.name || "Bilinmiyor";
                var currencyName = currencies.find(c => c.id == newRowData.currency_id)?.name || "Bilinmiyor";
                var newRow = `
                    <tr id="row-${response.data.id}">
                        <td>${bankName}</td>
                        <td>${currencyName}</td>
                        <td>${newRowData.card_type === "1" ? "Debit Kartı" : "Kredi Kartı"}</td>
                        <td>%${newRowData.merchant_commission_percentage}</td>
                        <td>${newRowData.merchant_commission_fixed}</td>
                        <td>%${newRowData.end_user_commission_percentage}</td>
                        <td>${newRowData.end_user_commission_fixed}</td>
                        <td>${newRowData.status === "1" ? "Aktif" : "Pasif"}</td>
                        <td>${response.data.created_at.split(' ')[0]}</td>
                        <td>${response.data.updated_at.split(' ')[0]}</td>
                        <td>
                            <a href="javascript:void(0)"
                                class="btn btn-primary text-white btn-sm modalButton editSinglePaymentCommission"
                                data-modal="editSinglePaymentCommissionModal"
                                data-id="${response.data.id}"
                                data-merchantid="${response.data.merchant_id}"
                                style="padding:5px 10px;">Düzenle</a>
                            <a class="btn btn-danger text-white btn-sm deleteSinglePaymentCommission"
                                onclick="return confirm('Silmek istediğinizden emin misiniz?')"
                                style="padding:5px 10px;"
                                data-id="${response.data.id}"
                                href="javascript:void(0)">Sil</a>
                        </td>
                    </tr>
                `;
                $("table tbody").append(newRow);
                closeModal("#addSinglePaymentCommissionModal");
            }
        },
        error: function (xhr) {
            var errorMessage = "Bir hata oluştu.";
            if (xhr.responseJSON && xhr.responseJSON.message) {
                errorMessage = xhr.responseJSON.message;
            }
            alert(errorMessage);
        }
    });
});



        $(".addSubmerchant").click(function() {
            openModal($(this).data('modal'));
        });
        $(".addBank").click(function() {
            openModal($(this).data('modal'));
        });
        $(".addSubmerhantPf").click(function() {
            openModal($(this).data('modal'));
        });
        $(".editBank").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/bank/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#editBankModal #bank_id").val(el.data('id'));
                    $.each(data, function(index, item) {
                        $("#editBankModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });
        $(".editSubmerchantPf").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/submerchant-pf/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#editSubmerchantPfModal #submerchantpf_id").val(el.data('id'));
                    $.each(data, function(index, item) {
                        $("#editSubmerchantPfModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });

        $(".editMerchantTerminal").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/merchant-terminal/" + el.data(
                    'id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#editMerchantTerminalModal #id").val(el.data('id'));
                    $.each(data, function(index, item) {
                        $("#editMerchantTerminalModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });
        $(".editSinglePaymentCommission").click(function() {
            var el = $(this);
            $.ajax({
                url: "../uye-isyeri-detay/" + el.data('merchantid') + "/single-payment-commission/" + el
                    .data('id'),
                method: 'GET',
                success: function(data) {
                    $("#editSinglePaymentCommissionModal #id").val(el.data('id'));
                    $.each(data.data, function(index, item) {
                        $("#editSinglePaymentCommissionModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });

        $("#editSinglePaymentCommissionModal form").on("submit", function(e) {
            e.preventDefault();

            var form = $(this);
            var formData = form.serialize();
            var actionUrl = form.attr("action");
            $.ajax({
                url: actionUrl,
                method: "POST",
                data: formData,
                success: function(response) {
                    if (response.success) {
                        var updatedRow = $("#row-" + response.data.id);
                        var updatedData = response.data.data;

                        updatedRow.find("td:eq(0)").text(updatedData.bank_name);
                        updatedRow.find("td:eq(1)").text(updatedData.currency_name);
                        updatedRow.find("td:eq(2)").text(updatedData.card_type === "1" ? "Debit Kartı" :
                            "Kredi Kartı");
                        updatedRow.find("td:eq(3)").text("%" + updatedData
                            .merchant_commission_percentage);
                        updatedRow.find("td:eq(4)").text(updatedData.merchant_commission_fixed);
                        updatedRow.find("td:eq(5)").text("%" + updatedData
                            .end_user_commission_percentage);
                        updatedRow.find("td:eq(6)").text(updatedData.end_user_commission_fixed);
                        updatedRow.find("td:eq(7)").text(updatedData.status === "1" ? "Aktif" :
                        "Pasif");
                        closeModal("#editSinglePaymentCommissionModal");
                    }
                },
                error: function(xhr) {
                    alert('Bir hata oluştu. Lütfen tekrar deneyin.');
                }
            });
        });
        $(".editCommercialCard").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/commercial-card/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#editCommercialCardModal #commercial_card_id").val(el.data('id'));
                    $.each(data.data, function(index, item) {
                        $("#editCommercialCardModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });

        $(".deleteCommercialCard").click(function() {

            if (!confirm('Silmek istediğinizden emin misiniz?')) {
                return false;
            }

            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

            $.ajax({

                'url': "../uye-isyeri-detay/delete-commercial-card/" + el.data('id'),

                'method': 'GET', // Rota GET olarak tanımlı
                'success': function(response) {
                    if (response == 200) {
                        el.closest('tr').remove();
                    }
                },
                'error': function() {
                    alert('Silme işlemi sırasında bir hata oluştu!');
                }
            });
        });


        $(".editSubmerchant").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/submerchant/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#editSubmerchantModal #submerchant_id").val(el.data('id'));
                    $.each(data.data, function(index, item) {
                        $("#editSubmerchantModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });
        $(".editNote").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/note/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#editNoteModal #note_id").val(el.data('id'));
                    $.each(data.data, function(index, item) {
                        $("#editNoteModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });
        $(".closeNote").click(function() {
            closeModal($(this).data('modal'));
        });
        $(".detailNote").click(function() {
            var el = $(this);
            var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            $.ajax({
                'url': "../uye-isyeri-detay/" + el.data('merchantid') + "/note/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    $("#detailNoteModal .closeNote").attr('data-id', el.data('id'));
                    $.each(data.data, function(index, item) {
                        $("#detailNoteModal #" + index).val(item);
                    });
                    $.each(data, function(index, item) {
                        $("#detailNoteModal #" + index).val(item);
                    });
                    openModal(el.data('modal'));
                }
            });
        });
        /****Modal Trigger***/

        /****Delete Trigger***/
        $(".deleteSubmerchant").click(function() {
            var el = $(this);
            $.ajax({
                'url': "../uye-isyeri-detay/delete-submerchant/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    el.parent('td').parent('tr').fadeOut(300);
                }
            });
        });
        $(".deleteSinglePaymentCommission").click(function() {
            var el = $(this);
            $.ajax({
                'url': "../uye-isyeri-detay/delete-single-payment-commission/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    el.parent('td').parent('tr').fadeOut(300);
                }
            });
        });
        $(".deleteBank").click(function() {
            var el = $(this);
            $.ajax({
                'url': "../uye-isyeri-detay/delete-bank/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    el.parent('td').parent('tr').fadeOut(300);
                }
            });
        });
        $(".deleteSubmerchantpf").click(function() {
            var el = $(this);
            $.ajax({
                'url': "../uye-isyeri-detay/delete-submerchant-pf/" + el.data('id'),
                'data': {},
                'method': 'GET',
                'success': function(data) {
                    el.parent('td').parent('tr').fadeOut(300);
                }
            });
        });
        $(".delblockedCard").click(function() {
            var el = $(this);
            var id = el.data('id');

            // Kullanıcıdan onay alın
            if (confirm('Silmek istediğinizden emin misiniz?')) {
                $.ajax({
                    url: "../kredi-karti-bloke/" + id,
                    method: 'DELETE',
                    data: {
                        '_token': $('meta[name="csrf-token"]').attr('content') // Laravel CSRF token
                    },
                    success: function(data) {
                        // Silme başarılıysa, kartı DOM'dan kaldır
                        el.closest('.row').fadeOut(300, function() {
                            $(this).remove();
                        });
                    },
                    error: function(xhr, status, error) {
                        // Hata durumunda kullanıcıya bilgi ver
                        alert('Kart silinirken bir hata oluştu. Lütfen tekrar deneyin.');
                    }
                });
            }
        });
        $(".deleteMercahntTerminal").click(function() {
            var el = $(this);
            var id = el.data('id');
            $.ajax({
                'url': "../uye-isyeri-detay/delete-merchant-terminal/" + id,
                'data': {},
                'method': 'DELETE',
                'success': function(data) {
                    el.parent('td').parent('tr').fadeOut(300);
                }
            });
        });
        /****Delete Trigger***/

        $(".addblockedCard").click(function() {
            var card_type = $("#card_type").val();
            var from_start_with = $("#from_start_with").val();
            var to_start_with = $("#to_start_with").val();
            var block_reason = null; // Bu değeri formdan dinamik olarak alabilirsiniz

            $.ajax({
                url: "{{ route('admin.dashboard.blockedCard.add') }}", // Yeni route
                type: "POST",
                data: {
                    card_type: card_type,
                    number: from_start_with + "******" + to_start_with,
                    block_type: 'credit_card',
                    merchant_id: {{ $merchant->id }},
                    block_reason: block_reason,
                    json: 1,
                    _token: '{{ csrf_token() }}'
                },
                success: function(data) {
                    if (data.success) {

                        $("#card_type").val('1');
                        $("#from_start_with").val('');
                        $("#to_start_with").val('');


                        var cardTypeMap = {
                            '1': 'Visa',
                            '2': 'Mastercard',
                            '3': 'Amex',
                            '4': 'Diners',
                            '5': 'Discover',
                            '6': 'Jcb',
                            '7': 'Any'
                        };
                        var cardTypeText = cardTypeMap[data.card_type] || 'Unknown';

                        // Numara kısmını böl
                        var numberParts = data.number.split('******');
                        var fromStartWith = numberParts[0];
                        var toStartWith = numberParts[1];

                        // Yeni bloklu kartın HTML'ini oluştur
                        var newRow = '<div class="row mt-4" id="blockedCard-' + data.id + '">' +
                            '<div class="col-sm-3">Kart Tipi' +
                            '<select class="form-control" readonly disabled>' +
                            '<option value="' + data.card_type + '" selected>' + cardTypeText +
                            '</option>' +
                            '</select>' +
                            '</div>' +
                            '<div class="col-sm-4">Başlangıç Bin Numarası' +
                            '<input type="text" class="form-control number-only" value="' +
                            fromStartWith + '" readonly disabled>' +
                            '</div>' +
                            '<div class="col-sm-3">Bitiş Bin Numarası' +
                            '<input type="text" class="form-control number-only" value="' +
                            toStartWith + '" readonly disabled>' +
                            '</div>' +
                            '<div class="col-sm-2"><br>' +
                            '<a href="javascript:void(0)" class="btn btn-danger btn-block w-100 delblockedCard" data-id="' +
                            data.id + '">Sil</a>' +
                            '</div>' +
                            '</div>';

                        // Yeni bloğu DOM'a ekle
                        $("#basic-justified-tab21").append(newRow);
                    } else {
                        alert('Bloke eklenirken bir hata oluştu.');
                    }
                },
                error: function(xhr, status, error) {
                    // Hata yönetimi
                    alert('Bir hata oluştu: ' + error);
                }
            });
        });

        var table = new DataTable('#example', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('#example2', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('#example3', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('#example4', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('#example5', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('#example6', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('#example7', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
        var table = new DataTable('.posTables', {
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/tr.json',
            },
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const tcknInput = document.getElementById('fatura_tckn');
            const vknInput = document.getElementById('fatura_vkn');

            function validateFields() {
                if (tcknInput.value.trim() !== '') {
                    vknInput.removeAttribute('required');
                    tcknInput.setAttribute('required', 'required');
                } else if (vknInput.value.trim() !== '') {
                    tcknInput.removeAttribute('required');
                    vknInput.setAttribute('required', 'required');
                } else {
                    tcknInput.setAttribute('required', 'required');
                    vknInput.setAttribute('required', 'required');
                }
            }

            tcknInput.addEventListener('input', validateFields);
            vknInput.addEventListener('input', validateFields);
        });
    </script>
    <script>
        function selectAllOptions() {
            const selectElement = $('#hesap_dokumu_periyodu');
            selectElement.find('option').prop('selected', true).trigger('change');
        }

        function deselectAllOptions() {
            const selectElement = $('#hesap_dokumu_periyodu');
            selectElement.find('option').prop('selected', false).trigger('change');
        }
    </script>


    <script>
        function clearFilters() {
            document.getElementById('filter_date').value = '';
            document.getElementById('filter_gsm').value = '';
            document.getElementById('filter_minimum').value = '';
            document.getElementById('filter_maksimum').value = '';
            document.getElementById('filter_islem_id').value = '';
            document.getElementById('filter_odeme_araci').selectedIndex = 0;
            document.getElementById('filter_durum').selectedIndex = 0;
            document.getElementById('filter_dpl_id').value = '';
        }
    </script>
    <script>
        $(document).ready(function() {
            $('#dateRange').daterangepicker({
                autoUpdateInput: false,
                locale: {
                    format: 'DD.MM.YYYY',
                    separator: ' - ',
                    applyLabel: 'Seç',
                    cancelLabel: 'Temizle',
                    fromLabel: 'Başlangıç',
                    toLabel: 'Bitiş',
                    customRangeLabel: 'Özel',
                    weekLabel: 'Hf',
                    daysOfWeek: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
                    monthNames: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos',
                        'Eylül', 'Ekim', 'Kasım', 'Aralık'
                    ],
                    firstDay: 1
                }
            });

            // Tarih aralığı seçilince özel moduna geçiş
            $('#dateRange').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD.MM.YYYY') + ' - ' + picker.endDate.format(
                    'DD.MM.YYYY'));
                $('#dateRangeSelect').val("custom"); // "Özel" seçeneğine geç
            });

            $('#dateRange').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val(''); // Temizle seçildiğinde inputu temizle
                $('#dateRangeSelect').val(''); // Tarih aralığı seçeneğini de temizle
            });

            // Tarih aralığı seçenekleri değişiklikleri
            $('#dateRangeSelect').on('change', function() {
                const today = moment();
                let start, end;

                switch (this.value) {
                    case "last7":
                        start = moment().subtract(6, 'days');
                        end = today;
                        break;
                    case "last30":
                        start = moment().subtract(29, 'days');
                        end = today;
                        break;
                    case "thisMonth":
                        start = moment().startOf('month');
                        end = today;
                        break;
                    case "lastMonth":
                        start = moment().subtract(1, 'month').startOf('month');
                        end = moment().subtract(1, 'month').endOf('month');
                        break;
                    default:
                        start = end = null;
                }

                if (start && end) {
                    $('#dateRange').data('daterangepicker').setStartDate(start);
                    $('#dateRange').data('daterangepicker').setEndDate(end);
                    $('#dateRange').val(start.format('DD.MM.YYYY') + ' - ' + end.format('DD.MM.YYYY'));
                }
            });

        });
    </script>

    <script>
        var merchant_data = JSON.parse('{!! json_encode($merchantData) !!}');

        for (const [key, value] of Object.entries(merchant_data)) {
            var input = $('input[name=' + key + ']');
            if (input != null && input.length > 0) {
                if (input.attr('type') != 'checkbox') {
                    input.val(value);
                } else if (input.attr('type') == 'checkbox') {
                    input.attr('checked', 'checked');
                }
            }
            var selectbox = $('select[name=' + key + ']');
            if (selectbox != null && selectbox.length > 0) {
                if ($('select[name=' + key + '] option[value="' + value + '"]').length > 0) {
                    $('select[name=' + key + '] option[value="' + value + '"]').attr('selected', 'selected')
                }
            }
            var textarea = $('textarea[name=' + key + ']');
            if (textarea != null && textarea.length > 0) {
                $('textarea[name=' + key + ']').text(value);
            }
        }
        $('#merchant_information button[type="submit"]').on('click', () => {

            $('#merchant_information').submit();
        })
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const merchantData = @json($merchantData); // Laravel'den gelen JSON verisi

            const tableBody = document.querySelector('#dynamicFieldsTable tbody');
            const noDataRow = document.getElementById('noDataRow');

            if (noDataRow) {
                noDataRow.remove();
            }

            // Dinamik alanları kontrol et ve ekle
            Object.keys(merchantData).forEach(key => {
                if (key.startsWith('dinamik_field_name_')) {
                    const index = key.match(/_(\d+)$/)[1]; // Alanın index'ini al
                    const fieldName = merchantData[`dinamik_field_name_${index}`];
                    const fieldEnable = merchantData[`dinamik_field_enable_${index}`] === "1";
                    const fieldType = merchantData[`dinamik_field_type_${index}`];
                    const fieldMin = merchantData[`dinamik_field_min_${index}`];
                    const fieldMax = merchantData[`dinamik_field_max_${index}`];

                    const newRow = document.createElement('tr');
                    newRow.innerHTML = `
                    <td>
                        <input type="text" class="form-control" name="dinamik_field_name_${index}" value="${fieldName}" placeholder="Alan Adı">
                    </td>
                    <td>
                        <div class="form-group text-center">
                            <label class="ui-switch switch-icon switch-large switch-outline">
                                <input value="1" name="dinamik_field_enable_${index}" type="checkbox" ${fieldEnable ? 'checked' : ''}>
                                <span></span>
                            </label>
                        </div>
                    </td>
                    <td>
                        <select class="form-control" name="dinamik_field_type_${index}">
                            <option value="1" ${fieldType === "1" ? 'selected' : ''}>Alfabetik</option>
                            <option value="2" ${fieldType === "2" ? 'selected' : ''}>Sayısal</option>
                            <option value="3" ${fieldType === "3" ? 'selected' : ''}>Alfa Sayısal</option>
                        </select>
                    </td>
                    <td>
                        <input type="number" class="form-control" name="dinamik_field_min_${index}" value="${fieldMin}" placeholder="Minimum">
                    </td>
                    <td>
                        <input type="number" class="form-control" name="dinamik_field_max_${index}" value="${fieldMax}" placeholder="Maximum">
                    </td>
                    <td>
                        <button type="button" class="btn btn-danger btn-sm remove-row">Sil</button>
                    </td>
                `;
                    tableBody.appendChild(newRow);
                }
            });

            // Eğer hiçbir dinamik alan yoksa, "Veri bulunamadı" satırı eklenir
            if (!tableBody.children.length) {
                const noDataRow = document.createElement('tr');
                noDataRow.id = 'noDataRow';
                noDataRow.innerHTML = `<td colspan="100%" class="text-center">Veri bulunamadı</td>`;
                tableBody.appendChild(noDataRow);
            }

            // Yeni alan ekleme
            let fieldIndex = Object.keys(merchantData).filter(key => key.startsWith('dinamik_field_name_')).length;
            document.getElementById('addNewField').addEventListener('click', function() {
                const newRow = document.createElement('tr');
                newRow.innerHTML = `
                <td>
                    <input type="text" class="form-control" name="dinamik_field_name_${fieldIndex}" placeholder="Alan Adı">
                </td>
                <td>
                    <div class="form-group text-center">
                        <label class="ui-switch switch-icon switch-large switch-outline">
                            <input value="1" name="dinamik_field_enable_${fieldIndex}" type="checkbox">
                            <span></span>
                        </label>
                    </div>
                </td>
                <td>
                    <select class="form-control" name="dinamik_field_type_${fieldIndex}">
                        <option value="1">Alfabetik</option>
                        <option value="2">Sayısal</option>
                        <option value="3">Alfa Sayısal</option>
                    </select>
                </td>
                <td>
                    <input type="number" class="form-control" name="dinamik_field_min_${fieldIndex}" placeholder="Minimum">
                </td>
                <td>
                    <input type="number" class="form-control" name="dinamik_field_max_${fieldIndex}" placeholder="Maximum">
                </td>
                <td>
                    <button type="button" class="btn btn-danger btn-sm remove-row">Sil</button>
                </td>
            `;
                tableBody.appendChild(newRow);
                fieldIndex++;
            });

            // Silme işlemi
            tableBody.addEventListener('click', function(e) {
                if (e.target && e.target.classList.contains('remove-row')) {
                    e.target.closest('tr').remove();
                    if (!tableBody.children.length) {
                        const noDataRow = document.createElement('tr');
                        noDataRow.id = 'noDataRow';
                        noDataRow.innerHTML = `<td colspan="100%" class="text-center">Veri bulunamadı</td>`;
                        tableBody.appendChild(noDataRow);
                    }
                }
            });
        });
    </script>
    {{-- <script>
$(document).ready(function () {
    $('#editBonusAllBtn').on('click', function () {
        const program = $('#program').val();

        if (!program) {
            alert('Lütfen bir program seçin!');
            return;
        }

        $.ajax({
            url: '{{ route('admin.dashboard.get.pos.by.program') }}', // Route tanımı
            type: 'POST',
            data: {
                program: program,
                _token: '{{ csrf_token() }}' // CSRF token
            },
            success: function (data) {
                // Gelen verilerle tabloyu doldur
                const tbody = $('#poses-table tbody');
                tbody.empty(); // Mevcut tabloyu temizle

                if (data.length > 0) {
                    data.forEach(function (posProgram) {
                        const pose = posProgram.pos;
                        if (pose) {
                            tbody.append(`
                                <tr>
                                    <td>${pose.pos_id}</td>
                                    <td>${pose.name}</td>
                                    <td>${posProgram.program}</td>
                                </tr>
                            `);
                        }
                    });
                } else {
                    tbody.append(`
                        <tr>
                            <td colspan="3" class="text-center">Seçilen programa ait POS bulunamadı.</td>
                        </tr>
                    `);
                }
            },
            error: function (xhr, status, error) {
                console.error('Hata:', error);
                alert('Bir hata oluştu. Lütfen tekrar deneyin.');
            }
        });
    });
});

</script> --}}

    <script>
        $(document).ready(function() {
            const merchantId = {{ $merchant->id }};
            let currentPosId = null; // Düzenleme sırasında kullanılacak POS ID

            // Mevcut POS'ları yükle
            function loadExistingPos() {
                $.ajax({
                    url: '{{ route('admin.dashboard.getExistingPos') }}',
                    type: 'GET',
                    data: {
                        merchant_id: merchantId
                    },
                    success: function(data) {
                        const container = $('#existing-pos-container');
                        container.empty();

                        if (data.length === 0) {
                            container.html(
                                '<p class="text-center text-muted">Mevcut POS bulunamadı.</p>');
                            return;
                        }

                        let posListHtml = '<ul class="list-group">';
                        data.forEach((pos) => {
                            posListHtml += `
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span>${pos.name} (POS ID: ${pos.pos_id})</span>
                            <button class="btn btn-sm btn-primary edit-pos-btn" data-pos-id="${pos.pos_id}" data-allow-foreign="${pos.allow_foreign_cards}">
                                Düzenle
                            </button>
                        </li>
                    `;
                        });
                        posListHtml += '</ul>';
                        container.html(posListHtml);
                    },
                    error: function(xhr) {
                        console.error('Mevcut POS\'lar yüklenirken hata oluştu:', xhr.responseText);
                        $('#existing-pos-container').html(
                            '<p class="text-center text-danger">Mevcut POS\'lar yüklenirken bir hata oluştu.</p>'
                        );
                    }
                });
            }

            // Sayfa yüklendiğinde mevcut POS'ları yükle
            loadExistingPos();

            // POS Yükleme Butonu
            $('#editAllBtn').on('click', function() {
                const posId = $('#pos_id').val();

                if (!posId) {
                    alert('Lütfen bir POS seçin!');
                    return;
                }

                currentPosId = posId; // Seçilen POS ID'sini ayarla
                loadPosDetails(posId);
            });

            // POS Detaylarını Yükle
            function loadPosDetails(posId) {
                $.ajax({
                    url: '{{ route('admin.dashboard.getPosDetails') }}',
                    type: 'GET',
                    data: {
                        pos_id: posId,
                        merchant_id: merchantId
                    },
                    success: function(data) {
                        const container = $('#pos-details-container');
                        container.empty();

                        if (!data.installments || Object.keys(data.installments).length === 0) {
                            container.html(
                                '<p class="text-center text-muted">POS detayları bulunamadı.</p>');
                            return;
                        }

                        currentPosId = posId; // Düzenleme sırasında kullanılacak POS ID'sini ayarla

                        let tableHtml = `
                    <h4 class="text-center">POS Detayları</h4>

                    <label>
                        <input type="hidden" name="allow_foreign_cards" value="0" />
                        <input type="checkbox" id="allow_foreign_cards" name="allow_foreign_cards" value="1" ${data.allow_foreign_cards ? 'checked' : ''} />
                        Yabancı Kartlara İzin Ver
                    </label>

                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Taksit</th>
                                <th>Komisyon (%)</th>
                                <th>Sabit Komisyon</th>
                                <th>Son Kullanıcı Komisyon (%)</th>
                                <th>Son Kullanıcı Sabit Komisyon</th>
                                <th>Durum</th>
                            </tr>
                        </thead>
                        <tbody>`;

                        Object.values(data.installments).forEach((installment) => {
                            tableHtml += `
                        <tr>
                            <td>Taksit ${installment.installment_number}</td>
                            <td><input type="text" class="form-control" name="commission[${installment.installment_number}][commission_percentage]" value="${installment.commission_percentage || ''}" /></td>
                            <td><input type="text" class="form-control" name="commission[${installment.installment_number}][fixed_commission]" value="${installment.fixed_commission || ''}" /></td>
                            <td><input type="text" class="form-control" name="commission[${installment.installment_number}][end_user_percentage]" value="${installment.end_user_percentage || ''}" /></td>
                            <td><input type="text" class="form-control" name="commission[${installment.installment_number}][end_user_fixed]" value="${installment.end_user_fixed || ''}" /></td>
                            <td>
                                <label class="switch">
                                    <input type="checkbox" name="commission[${installment.installment_number}][status]" ${installment.status ? 'checked' : ''}>
                                    <span class="slider round"></span>
                                </label>
                            </td>
                        </tr>`;
                        });

                        tableHtml +=
                            `</tbody></table>
                              <button type="button" id="saveChangesBtn" class="btn btn-primary btn-block mt-3">Kaydet</button>`;

                        container.html(tableHtml);
                    },
                    error: function(xhr) {
                        alert('POS detayları yüklenirken bir hata oluştu.');
                        console.error(xhr.responseText);
                    }
                });
            }

            // Düzenle Butonu
            $(document).on('click', '.edit-pos-btn', function() {
                const posId = $(this).data('pos-id');
                currentPosId = posId; // Düzenleme sırasında kullanılacak POS ID'sini ayarla
                loadPosDetails(posId);
            });

            // Kaydet Butonu
            $(document).on('click', '#saveChangesBtn', function() {
                const allowForeignCards = $('#allow_foreign_cards').is(':checked') ? 1 : 0;

                if (!currentPosId) {
                    alert('Lütfen bir POS seçin!');
                    return;
                }

                const formData = {};

                // Input verilerini topla ve formData içine ekle
                $('#pos-details-container :input').each(function() {
                    const name = $(this).attr('name');
                    const value = $(this).is(':checkbox') ? $(this).is(':checked') : $(this).val();

                    if (name) {
                        formData[name] = value === '' ? null : value;
                    }
                });

                console.log('Gönderilen Veriler:', {
                    formData,
                    allowForeignCards
                });

                // AJAX ile backend'e gönder
                $.ajax({
                    url: '{{ route('admin.dashboard.savePosDetails') }}',
                    type: 'POST',
                    data: {
                        pos_id: currentPosId,
                        merchant_id: merchantId,
                        form_data: formData,
                        allow_foreign_cards: allowForeignCards
                    },
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            alert('Veriler başarıyla kaydedildi.');
                            loadExistingPos(); // Mevcut POS'ları yeniden yükle
                        } else {
                            alert('Hata: ' + response.error);
                        }
                    },
                    error: function(xhr) {
                        alert('Kaydetme sırasında hata oluştu. Detay: ' + xhr.responseText);
                        console.error(xhr.responseText);
                    }
                });
            });
        });
    </script>
    <script>
        const pairs = [{
                checkboxId: 'daily_limit_count_try',
                inputId: 'daily_max_no_try'
            },
            {
                checkboxId: 'daily_limit_count_usd',
                inputId: 'daily_max_no_usd'
            },
            {
                checkboxId: 'daily_limit_count_eur',
                inputId: 'daily_max_no_eur'
            },
            {
                checkboxId: 'daily_limit_count_azn',
                inputId: 'daily_max_no_azn'
            },
            {
                checkboxId: 'daily_limit_amount_try',
                inputId: 'daily_max_amount_try'
            },
            {
                checkboxId: 'daily_limit_amount_usd',
                inputId: 'daily_max_amount_usd'
            },
            {
                checkboxId: 'daily_limit_amount_eur',
                inputId: 'daily_max_amount_eur'
            },
            {
                checkboxId: 'daily_limit_amount_azn',
                inputId: 'daily_max_amount_azn'
            },
            {
                checkboxId: 'monthly_limit_amount_try',
                inputId: 'monthly_max_amount_try'
            },
            {
                checkboxId: 'monthly_limit_amount_usd',
                inputId: 'monthly_max_amount_usd'
            },
            {
                checkboxId: 'monthly_limit_amount_eur',
                inputId: 'monthly_max_amount_eur'
            },
            {
                checkboxId: 'monthly_limit_amount_azn',
                inputId: 'monthly_max_amount_azn'
            },
            {
                checkboxId: 'monthly_limit_count_try',
                inputId: 'monthly_max_no_try'
            },
            {
                checkboxId: 'monthly_limit_count_usd',
                inputId: 'monthly_max_no_usd'
            },
            {
                checkboxId: 'monthly_limit_count_eur',
                inputId: 'monthly_max_no_eur'
            },
            {
                checkboxId: 'monthly_limit_count_azn',
                inputId: 'monthly_max_no_azn'
            },
            {
                checkboxId: 'transaction_wise_amount_try',
                inputIds: ['transaction_wise_min_amount_try', 'transaction_wise_max_amount_try']
            },
            {
                checkboxId: 'transaction_wise_amount_usd',
                inputIds: ['transaction_wise_min_amount_usd', 'transaction_wise_max_amount_usd']
            },
            {
                checkboxId: 'transaction_wise_amount_eur',
                inputIds: ['transaction_wise_min_amount_eur', 'transaction_wise_max_amount_eur']
            },
            {
                checkboxId: 'transaction_wise_amount_azn',
                inputIds: ['transaction_wise_min_amount_azn', 'transaction_wise_max_amount_azn']
            },
        ];

        pairs.forEach(pair => {
            const checkbox = document.getElementById(pair.checkboxId);

            if (checkbox) {
                checkbox.addEventListener('change', function() {
                    if (pair.inputId) {
                        // Tek bir input varsa
                        const input = document.getElementById(pair.inputId);
                        if (input) {
                            input.disabled = !this.checked;
                        }
                    } else if (pair.inputIds) {
                        // Birden fazla input varsa
                        pair.inputIds.forEach(inputId => {
                            const input = document.getElementById(inputId);
                            if (input) {
                                input.disabled = !this.checked;
                            }
                        });
                    }
                });
            }
        });
    </script>

    <script>
        // Input alanını ve hedef alanı seç
        const dailyMaxNoInput = document.getElementById('daily_max_no_try');
        const dailyMaxNoDisplay = document.getElementById('daily_max_no_display');

        // Input değiştiğinde hedef alanı güncelle
        dailyMaxNoInput.addEventListener('input', function() {
            dailyMaxNoDisplay.textContent = this.value || '0'; // Değer yoksa '0' göster
        });
    </script>
    <script>
        function uploadFile(input) {
            const file = input.files[0];
            const formData = new FormData();
            formData.append('file_path', file);

            fetch('{{ route('admin.dashboard.upload.doc.file') }}', {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: formData
                })
                .then(response => response.json())
                .then(data => {
                    if (data.status === 'success' && data.file_path) {
                        // Yüklenen dosya yolunu input'a yaz
                        document.getElementById('uploaded_file_path_1').value = data.file_path;

                        // İndir linkini güncelle
                        const downloadLink = document.getElementById('download_link_1');
                        if (downloadLink) {
                            downloadLink.href = data.file_path;
                            downloadLink.download = file.name;
                        }

                        // Eğer resim ise önizlemeyi göster
                        const previewImage = document.getElementById('preview_image');
                        if (previewImage && ['image/png', 'image/jpeg', 'image/webp', 'image/jpg', 'image/tiff']
                            .includes(file.type)) {
                            previewImage.src = data.file_path;
                            previewImage.style.display = 'block';
                        }

                        alert('Dosya başarıyla yüklendi.');
                    } else {
                        alert(data.message || 'Dosya yüklenemedi.');
                    }
                })
                .catch(error => {
                    console.error('Hata:', error);
                    alert('Beklenmeyen bir hata oluştu.');
                });
        }
    </script>
    <script>
        $(document).ready(function() {
            $('#walletRecordsTable').DataTable({

                dom: 'Bfrtip',
                buttons: [{
                        extend: 'excelHtml5',
                        title: 'Cüzdan Kayıtları',
                        text: 'Dışa Aktar'
                    },

                ],
                language: {
                    url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Turkish.json'
                },
                paging: true,
                searching: true,
            });
        });
    </script>
@endpush