@extends('clay.layouts.master')
@section('title', 'Chat Ayarları')
@section('content')
    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row gy-6">
        <div class="col col-7">
            <div class="card">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <h5 class="mb-0">Chat Ayarları</h5>
                    {{--                <small class="text-body-secondary float-end">Default label</small>--}}
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('clay.settings.chat.update') }}">
                        @csrf
                        <div class="row mb-6">
                            <label class="col-sm-4 col-form-label" for="chat_id">Public Chat ID</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="chat_id" id="chat_id" value="{{ $settings->chat_id }}" placeholder="Chat Grup ID">
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label class="col-sm-4 col-form-label" for="private_chat_id">Private Chat ID</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="private_chat_id" id="private_chat_id" value="{{ $settings->private_chat_id }}" placeholder="Özel Chat Grup ID">
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label class="col-sm-4 col-form-label" for="bot_token">Bot Token</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="bot_token" id="bot_token" value="{{ $settings->bot_token }}" placeholder="Telegram Bot Token">
                            </div>
                        </div>
                        <div class="row mb-6">
                            <label class="col-sm-4 col-form-label" for="chat_code">Chat Code (Tawk.to JS Script)</label>
                            <div class="col-sm-8">
                                <textarea id="chat_code" name="chat_code" rows="8" class="form-control" placeholder="Tawk.to JS" aria-label="Tawk.to JS" aria-describedby="basic-icon-default-message2">{{ $settings->chat_code }}</textarea>
                            </div>
                        </div>
                        <div class="row justify-content-end">
                            <div class="col-sm-8">
                                <button type="submit" class="btn w-100 btn-primary">Güncelle</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col col-5">
            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="mb-0">Telegram Bot Bilgileri</h5>
                    {{ print_r($botInformation['result']) }}
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Telegram WebHook</h5>
                    <h6>Otomatik ödeme onayı için tüm webhook kayıtlarının aynı olması gerekmektedir. Değil ise güncelle butonuna basınız.</h6>
                </div>
                <div class="card-body">
                    <div class="row mb-6">
                        <label class="col-sm-4 col-form-label" for="script_webhook">Script Webhook</label>
                        <div class="col-sm-8">
                            <input type="text" readonly="" class="form-control-plaintext" id="script_webhook" value="{{ route('webhooks.telegram') }}">
                        </div>
                    </div>
                    <div class="row mb-6">
                        <label class="col-sm-4 col-form-label" for="db_webhook">Veritabanı Kaydı</label>
                        <div class="col-sm-8">
                            <input type="text" readonly="" class="form-control-plaintext" id="db_webhook" value="{{ $settings->chat_webhook == "" ? "Kayıt Yok" : $settings->chat_webhook }}">
                        </div>
                    </div>
                    <div class="row mb-6">
                        <label class="col-sm-4 col-form-label" for="telegram_webhook">Telegram Kaydı</label>
                        <div class="col-sm-8">
                            <input type="text" readonly="" class="form-control-plaintext" id="telegram_webhook" value="{{ $webhook['result']['url'] == "" ? 'Tanımlı değil' : $webhook['result']['url'] }}">
                        </div>
                    </div>
                    <button type="submit" class="btn update-webhook w-100 btn-primary">Güncelle</button>
                </div>
            </div>
            <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
            <script>
                $(document).ready(function() {
                    $('.update-webhook').on('click', function() {
                        let webhookUrl = "{{ route('webhooks.telegram') }}";

                        $.ajax({
                            url: "{{ route('clay.settings.chat.webhook.update') }}", // Güncelleme için backend'deki route
                            type: "POST",
                            data: {
                                _token: "{{ csrf_token() }}",
                                webhook: webhookUrl
                            },
                            success: function(response) {
                                if(response.success) {
                                    alert("Webhook başarıyla güncellendi!");
                                    location.reload(); // Sayfayı yenileyerek yeni değerleri göster
                                } else {
                                    alert("Güncelleme sırasında hata oluştu!");
                                }
                            },
                            error: function() {
                                alert("İşlem başarısız oldu, tekrar deneyin!");
                            }
                        });
                    });
                });
            </script>
        </div>
    </div>
@endsection