@extends('admin.layouts.admin')
@section('title','Cấu hình hệ thống')
@section('content')
<div class="row">
    <div class="card">
        <div class="mb-3">
            <ul class="nav nav-pills mb-2 nav-fill p-3" id="apiTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link active" id="1-tab" data-bs-toggle="tab" data-bs-target="#tab-1" type="button" role="tab" aria-controls="tab-10" aria-selected="true">
                        
                        Website
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link" id="2-tab" data-bs-toggle="tab" data-bs-target="#tab-2" type="button" role="tab" aria-controls="tab-14" aria-selected="false">
                        
                        Thông tin Admin
                    </button>
                </li>
               
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link" id="4-tab" data-bs-toggle="tab" data-bs-target="#tab-4" type="button" role="tab" aria-controls="tab-15" aria-selected="false">
                        
                        Thông báo nổi
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link" id="5-tab" data-bs-toggle="tab" data-bs-target="#tab-5" type="button" role="tab" aria-controls="tab-15" aria-selected="false">
                         
                        Giao diện hiển thị
                    </button>
                </li>
               
                <li class="nav-item" role="presentation">
                    <button class="nav-link tab-link" id="7-tab" data-bs-toggle="tab" data-bs-target="#tab-7" type="button" role="tab" aria-controls="tab-15" aria-selected="false">
                        
                        Cấu hình Bot Telegram
                    </button>
                </li>
            </ul>
            <div class="tab-content" id="apiTabContent">
                <div class="tab-pane fade active show" id="tab-1" role="tabpanel">
                    <div class="card custom-card">
                        <div class="card-header">
                             <div class="ribbon ribbon-primary ribbon-clip">WEBSITE</div>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.website.update') }}" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-floating mb-3">
                                            <select name="maintain" id="maintain" class="form-select">
                                            <option value="off"
                                            {{ siteValue('maintain') == 'off' ? 'selected' : '' }}>Tắt
                                            </option>
                                            <option value="on"
                                            {{ siteValue('maintain') == 'on' ? 'selected' : '' }}>Bật
                                            </option>
                                            </select>
                                            <label for="logo">Bảo trì dịch vụ</label>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-floating mb-3">
                                            <select name="mode_status" id="mode_status" class="form-select">
                                            <option value="off"
                                            {{ siteValue('mode_status') == 'off' ? 'selected' : '' }}>Tắt
                                            </option>
                                            <option value="on"
                                            {{ siteValue('mode_status') == 'on' ? 'selected' : '' }}>Bật
                                            </option>
                                            </select>
                                            <label for="logo">Đã bán, hoành thành, tỷ lệ </label>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-floating mb-3">
                                            <select name="service_icon" id="service_icon" class="form-select">
                                            <option value="off"
                                            {{ siteValue('service_icon') == 'off' ? 'selected' : '' }}>Tắt
                                            </option>
                                            <option value="on"
                                            {{ siteValue('service_icon') == 'on' ? 'selected' : '' }}>Bật
                                            </option>
                                            </select>
                                            <label for="logo">Icon dịch vụ</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <select name="price_sort" id="price_sort" class="form-select">
                                            <option value="off"
                                            {{ siteValue('price_sort') == 'off' ? 'selected' : '' }}>Tắt
                                            </option>
                                            <option value="on"
                                            {{ siteValue('price_sort') == 'on' ? 'selected' : '' }}>Bật
                                            </option>
                                            </select>
                                            <label for="logo">Sắp xếp máy chủ theo giá tiền</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="madon" name="madon"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('madon') }}">
                                            <label for="madon">Cấu hình mã đơn</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-floating mb-3">
                                            <select name="confirm_payment" id="confirm_payment" class="form-select">
                                            <option value="on"
                                            {{ siteValue('confirm_payment') == 'on' ? 'selected' : '' }}>Bật
                                            </option>
                                            <option value="off"
                                            {{ siteValue('confirm_payment') == 'off' ? 'selected' : '' }}>Tắt
                                            </option>
                                            </select>
                                            <label for="confirm_payment">Xác nhận khi thanh toán</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="collaborator" name="collaborator" placeholder="Nhập dữ liệu" value="{{ siteValue('collaborator') }}">
                                            <label for="collaborator">Mức nạp Cộng Tác Viên</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="agency" name="agency" placeholder="Nhập dữ liệu" value="{{ siteValue('agency') }}">
                                            <label for="agency">Mức nạp Đại Lý</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="distributor" name="distributor" placeholder="Nhập dữ liệu" value="{{ siteValue('distributor') }}">
                                            <label for="distributor">Mức nạp Nhà Phân Phối</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control " name="price" value="{{ siteValue('price') }}" placeholder="Name">
                                            <label><span class=" ps-3">Chiết khấu thành viên</span></label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control " name="price_collaborator" value="{{ siteValue('price_collaborator') }}" placeholder="Name">
                                            <label><span class=" ps-3">Chiết khấu CTV</span></label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control " name="price_agency" value="{{ siteValue('price_agency') }}" placeholder="Name">
                                            <label><span class=" ps-3">Chiết khấu đại lý</span></label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control " name="price_distributor" value="{{ siteValue('price_distributor') }}" placeholder="Name">
                                            <label><span class=" ps-3">Chiết khấu nhà phân phối</span></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="name_site" name="name_site"
                                        placeholder="Nhập dữ liệu" value="{{ siteValue('name_site') }}">
                                    <label for="name_site">Tên website</label>
                                </div>
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="title" name="title"
                                        placeholder="Nhập dữ liệu" value="{{ siteValue('title') }}">
                                    <label for="title">Tiêu đề</label>
                                </div>
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="description" name="description"
                                        placeholder="Nhập dữ liệu" value="{{ siteValue('description') }}">
                                    <label for="description">Mô tả</label>
                                </div>
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="keywords" name="keywords"
                                        placeholder="Nhập dữ liệu" value="{{ siteValue('keywords') }}">
                                    <label for="keywords">Từ khoá</label>
                                </div>
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="author" name="author"
                                        placeholder="Nhập dữ liệu" value="{{ siteValue('author') }}">
                                    <label for="author">Author</label>
                                </div>
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="thumbnail" name="thumbnail"
                                        placeholder="Nhập dữ liệu" value="{{ siteValue('thumbnail') }}">
                                    <label for="thumbnail">Thumbnail</label>
                                </div>
                                <div class="col-md-12">
                                        <div class="form-floating mb-3">
                                            <textarea class="form-control" id="script_head" name="script_head"
                                                style="height: 150px;"
                                                placeholder="Nhập dữ liệu">{{ siteValue('script_head') }}</textarea>
                                            <label for="script_head">Script head</label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-floating mb-3">
                                            <textarea class="form-control" id="script_body" name="script_body"
                                                style="height: 150px;"
                                                placeholder="Nhập dữ liệu">{{ siteValue('script_body') }}</textarea>
                                            <label for="scipt_body">Script Body</label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-floating mb-3">
                                            <textarea class="form-control" id="script_footer" name="script_footer"
                                                style="height: 150px;"
                                                placeholder="Nhập dữ liệu">{{ siteValue('script_footer') }}</textarea>
                                            <label for="script_footer">Script Footer</label>
                                        </div>
                                    </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Lưu dữ liệu</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tab-2" role="tabpanel">
                    <div class="card custom-card">
                        <div class="card-header">
                            <div class="ribbon ribbon-primary ribbon-clip">ADMIN</div>
                        </div>
                        <div class="card-body">
                            <form id="website-update" action="{{ route('admin.website.update') }}" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="nameadmin" name="nameadmin"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('nameadmin') }}">
                                            <label for="nameadmin">Tên admin</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="avatar_admin" name="avatar_admin"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('avatar_admin') }}">
                                            <label for="avatar_admin">Avatar Admin</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="facebook" name="facebook"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('facebook') }}">
                                            <label for="facebook">Facebook</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="Zalo" name="Zalo"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('zalo') }}">
                                            <label for="Zalo">Zalo</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram" name="telegram"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('telegram') }}">
                                            <label for="telegram">telegram</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Lưu dữ liệu</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                 
                <div class="tab-pane fade text-muted" id="tab-4" role="tabpanel">
                    <div class="card custom-card">
                        <div class="card-header">
                            <div class="ribbon ribbon-primary ribbon-clip">THÔNG BÁO NỔI</div>
                        </div>
                        <div class="card-body ">
                            <form action="{{ route('admin.website.update') }}" method="POST">
                                @csrf
                                <div class="form-group mb-3">
                                    <label for="notice">Thông báo hệ Nổi</label>
                                    <textarea type="text" class="form-control" id="notice" name="notice"
                                        placeholder="Nhập dữ liệu">{{ siteValue('notice') }}</textarea>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Lưu dữ liệu</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade text-muted" id="tab-5" role="tabpanel">
                    <div class="card custom-card">
                        <div class="card-header">
                             <div class="ribbon ribbon-primary ribbon-clip">GIAO DIỆN HIỂN THỊ</div>
                        </div>
                        <div class="card-body ">
                            <form action="{{ route('admin.website.update') }}" method="POST">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <select name="status_massorder" id="status_massorder" class="form-select">
                                            <option value="on"
                                            {{ siteValue('status_massorder') == 'on' ? 'selected' : '' }}>Hiện
                                            </option>
                                            <option value="off"
                                            {{ siteValue('status_massorder') == 'off' ? 'selected' : '' }}>Ẩn
                                            </option>
                                            </select>
                                            <label for="status_massorder">Đặt hàng số lượng lớn</label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <select name="status_neworder" id="status_neworder" class="form-select">
                                            <option value="on"
                                            {{ siteValue('status_neworder') == 'on' ? 'selected' : '' }}>Hiện
                                            </option>
                                            <option value="off"
                                            {{ siteValue('status_neworder') == 'off' ? 'selected' : '' }}>Ẩn
                                            </option>
                                            </select>
                                            <label for="status_neworder">Đặt hàng dạng smm</label>
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <select name="status_orderv1" id="status_orderv1" class="form-select">
                                            <option value="on"
                                            {{ siteValue('status_orderv1') == 'on' ? 'selected' : '' }}>Hiện
                                            </option>
                                            <option value="off"
                                            {{ siteValue('status_orderv1') == 'off' ? 'selected' : '' }}>Ẩn
                                            </option>
                                            </select>
                                            <label for="status_orderv1">Đặt hàng dạng v1</label>
                                        </div>
                                    </div>
                            
                                    <div class="col-md-3">
                                        <div class="form-floating mb-3">
                                            <select name="landing" id="landing" class="form-select">
                                                <option value="">-- Chọn Landing --</option>
                                                <option value="off"
                                                {{ siteValue('landing') == 'off' ? 'selected' : '' }}>Ẩn Landing
                                                </option>
                                                <option value="0"
                                                {{ siteValue('landing') == '0' ? 'selected' : '' }}>Mặc định
                                                </option>
                                                <option value="1"
                                                {{ siteValue('landing') == '1' ? 'selected' : '' }}>Landing 1
                                                </option>
                                                <option value="2"
                                                {{ siteValue('landing') == '2' ? 'selected' : '' }}>Landing 2
                                                </option>
                                                <option value="3"
                                                {{ siteValue('landing') == '3' ? 'selected' : '' }}>Landing 3
                                                </option>
                                                <option value="4"
                                                {{ siteValue('landing') == '4' ? 'selected' : '' }}>Landing 4
                                                </option>
                                                <option value="5"
                                                {{ siteValue('landing') == '5' ? 'selected' : '' }}>Landing 5
                                                </option>
                                            </select>
                                            <label for="landing">Landing website</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <!-- Mặc định -->
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://i.imgur.com/LEU07nD.png" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">Mặc định</h4>
                                    </div>
                                    <!-- Tùy chọn 1 -->
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://cdn.nmhpanel.com/imgs/theme-Default.png?v=5" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">1</h4>
                                    </div>
                                    <!-- Tùy chọn 2 -->
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://cdn.nmhpanel.com/imgs/theme-1.png?v=5" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">2</h4>
                                    </div>
                                    <!-- Tùy chọn 3 -->
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://cdn.nmhpanel.com/imgs/theme-3.png?v=5" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">3</h4>
                                    </div>
                                    <!-- Tùy chọn 4 -->
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://cdn.nmhpanel.com/imgs/theme-5.png?v=5" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">4</h4>
                                    </div>
                                    
                                    
                                    
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://cdn.nmhpanel.com/imgs/theme-3.png?v=5" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">3</h4>
                                    </div>
                                    <!-- Tùy chọn 4 -->
                                    <div class="col-lg-2 col-sm-6 text-center">
                                        <div class="card overlay overflow-hidden">
                                            <div class="card-body  p-0">
                                                <div class="overlay-wrapper">
                                                    <img src="https://i.imgur.com/ooLBLuA.png" class="w-100 rounded">
                                                </div>
                                            </div>
                                        </div>
                                        <h4 class="card-body ">5</h4>
                                    </div>
                                </div>
                                @csrf
                                <!--
                                    <div class="form-floating mb-3">
                                         <select name="theme" id="theme" class="form-select">
                                                    <option value="">-- Chọn màu --</option>
                                                    <option value="dark"
                                                        {{ siteValue('theme') == 'dark' ? 'selected' : '' }}>Tối
                                                    </option>
                                                    <option value="light"
                                                        {{ siteValue('theme') == 'light' ? 'selected' : '' }}>Sáng
                                                    </option>
                                                </select>
                                        <label for="logo">Màu website</label>
                                    </div>
                                    -->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="logo" name="logo" placeholder="Nhập dữ liệu"
                                                value="{{ siteValue('logo') }}">
                                            <label for="logo">Logo</label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="favicon" name="favicon"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('favicon') }}">
                                            <label for="favicon">Favicon</label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <button type="submit" class="btn btn-primary">Lưu dữ liệu</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                
                <div class="tab-pane fade text-muted" id="tab-7" role="tabpanel">
                    
<div class="row mb-5">
    <div class="col-md-12">
        <div class="card">
                <div class="card-header">
                    <h5>Cấu hình Bot Discord</h5>
                </div>
                <div class="card-body">
        <form action="{{ route('admin.website.update') }}" method="POST">
                        @csrf
        <div class="form-floating mb-3">
            <input type="text" class="form-control" id="webhook_discord"
                name="webhook_discord" placeholder="Nhập dữ liệu"
                value="{{ siteValue('webhook_discord') }}">
            <label for="webhook_discord">Link Webhook</label>
        </div>
        
        <div class="">
            <button type="submit" class="btn btn-primary"  >Set Webhook</button>
        </div>
        </form></div></div>
    </div>
    
</div>
                    <div class="card custom-card">
                        <div class="card-header">
                            <div class="ribbon ribbon-primary ribbon-clip">CẤU HÌNH BOT TELEGRAM</div>
                        </div>
                        <div class="card-body ">
                            <form action="{{ route('admin.website.update') }}" method="POST">
                                @csrf
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        <h6 class="mb-3">Bot thông báo</h6>
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_bot_token"
                                                name="telegram_bot_token" placeholder="Nhập dữ liệu"
                                                value="{{ siteValue('telegram_bot_token') }}">
                                            <label for="telegram_bot_token">Token Bot</label>
                                        </div>
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_chat_id" name="telegram_chat_id"
                                                placeholder="Nhập dữ liệu" value="{{ siteValue('telegram_chat_id') }}">
                                            <label for="telegram_chat_id">Chat ID</label>
                                        </div>
                                        @if (getDomain() == env('APP_MAIN_SITE'))
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_chat_id_dontay" name="telegram_chat_id_dontay"
                                                placeholder="Nhập dữ liệu" value="{{ site('telegram_chat_id_dontay') }}">
                                            <label for="telegram_chat_id_dontay">Chat ID đơn tay</label>
                                        </div>
                                        <div class="form-floating mb-3" hidden>
                                            <input type="text" class="form-control" id="telegram_chat_id_box" name="telegram_chat_id_box"
                                                placeholder="Nhập dữ liệu" value="{{ site('telegram_chat_id_box') }}">
                                            <label for="telegram_chat_id_box">Chat ID cập nhật giá</label>
                                        </div>
                                        @endif
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_bot_username"
                                                name="telegram_bot_username" placeholder="Nhập dữ liệu"
                                                value="{{ siteValue('telegram_bot_username') }}">
                                            <label for="telegram_bot_username">Username Bot</label>
                                        </div>
                                        <div class="">
                                            <button type="submit" class="btn btn-primary">Lưu cấu hình</button>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <h6 class="mb-3">Bot chat</h6>
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_bot_chat_token"
                                                name="telegram_bot_chat_token" placeholder="Nhập dữ liệu"
                                                value="{{ siteValue('telegram_bot_chat_token') }}">
                                            <label for="telegram_bot_chat_token">Token Bot</label>
                                        </div>
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_bot_chat_id"
                                                name="telegram_bot_chat_id" placeholder="Nhập dữ liệu"
                                                value="{{ siteValue('telegram_bot_chat_id') }}">
                                            <label for="telegram_bot_chat_id">Chat ID</label>
                                        </div>
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" id="telegram_bot_chat_username"
                                                name="telegram_bot_chat_username" placeholder="Nhập dữ liệu"
                                                value="{{ siteValue('telegram_bot_chat_username') }}">
                                            <label for="telegram_bot_chat_username">Username Bot</label>
                                        </div>
                                        <div class="">
                                            <button type="button" class="btn btn-primary" id="btn-setWebhook">Set Webhook</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<form action="{{ route('admin.website.update') }}" method="POST" id="theme" hidden>
    @csrf 
    <div class="row">
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title">Dynamic Pagination</div>
                </div>
                <div class="card-body">
                    <div class="zoom-img">
                        <img src="https://cdn.nmhpanel.com/imgs/theme-Default.png?v=5" alt="">
                        <button type="button" class="btn btn-sm btn-primary" onclick="applyLanding(1)">Áp dụng</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection
@section('script')
<script>
    $(document).ready(function() {
        $('#btn-setWebhook').click(function() {
            $.ajax({
                url: "{{ route('admin.telegram.set-webhook') }}",
                type: 'GET',
                dataType: 'json',
                beforeSend: function() {
                    $('#btn-setWebhook').html('Đang xử lý...');
                },
                complete: function() {
                    $('#btn-setWebhook').html('Set Webhook');
                },
                success: function(response) {
                    if (response.status == 'success') {
                        Swal.fire({
                            icon: 'success',
                            title: 'Thành công',
                            text: response.message,
                        });
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Thất bại',
                            text: response.message,
                        });
                    }
                },
                error: function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Thất bại',
                        text: 'Có lỗi xảy ra, vui lòng thử lại sau',
                    });
                }
            });
        });
    });
    
</script>
 <script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>

    <script>
        ClassicEditor
            .create(document.querySelector('#notice'))
            .catch(error => {
                console.error(error);
            });

    </script>

<script>
    function applyLanding(id) {
        var landingInput = document.getElementById('landing');
        landingInput.value = id;
        Swal.fire({
            title: 'Thành công!',
            text: 'Cập nhật landing ' + landingInput.value,
            icon: 'success',
            confirmButtonText: 'Đồng ý',
            timer: 1000,
            showConfirmButton: false, 
            willClose: () => {
                document.getElementById('theme').submit(); 
            }
        });
    }
</script>
@endsection