@extends('layout.public')
@php
    $activeEnv = session('env', 'uat'); // default UAT
@endphp
@section('title')
    {{ strtoupper($activeEnv) }} Graph Process Dashboard
@endsection

@section('style')
    <style>
        .log-console {
            background: #000;
            color: #0f0;
            padding: 15px;
            height: 250px;
            overflow-y: auto;
            font-size: 13px;
            font-family: "Courier New", monospace;
            border-radius: 8px;
            border: 1px solid #333;
        }
        .card-box {
            border: 1px solid #ddd;
            padding: 12px;
            border-radius: 8px;
            background: #ffffff;
            height: 100%;
        }
        .log-header {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;
        }
    </style>
@endsection

@section('main')
    <main>
        <div class="row mt-6">
            <!-- BillPaymentCV -->
            <div class="col-md-3 mb-4">
                <div class="card-box">
                    <div class="log-header text-warning">BillPaymentCV Log</div>
                    <div id="BillPaymentCV-log" class="log-console">Loading...</div>
                </div>
            </div>
            <!-- CheckBillCV -->
            <div class="col-md-3 mb-4">
                <div class="card-box">
                    <div class="log-header text-warning">CheckBillCV Log</div>
                    <div id="CheckBillCV-log" class="log-console">Loading...</div>
                </div>
            </div>
            <!-- QueryBillStatus -->
            <div class="col-md-3 mb-4">
                <div class="card-box">
                    <div class="log-header text-warning">QueryBillStatus Log</div>
                    <div id="QueryBillStatus-log" class="log-console">Loading...</div>
                </div>
            </div>
            <!-- RestAPI -->
            <div class="col-md-3 mb-4">
                <div class="card-box">
                    <div class="log-header text-warning">RestAPI Log</div>
                    <div id="RestAPI-log" class="log-console">Loading...</div>
                </div>
            </div>
            <!-- Check-Bill Callback -->
            <div class="col-md-6 mb-4">
                <div class="card-box">
                    <div class="log-header text-primary">Check-Bill Callback</div>
                    <div id="Check-Bill-Callback" class="log-console">Loading...</div>
                </div>
            </div>
            <!-- Pay-Bill Callback -->
            <div class="col-md-6 mb-4">
                <div class="card-box">
                    <div class="log-header text-primary">Pay-Bill Callback</div>
                    <div id="Pay-bill-Callback" class="log-console">Loading...</div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')
    <script>
        // ====== API ENDPOINTS ======
        const API = {};
        @if ($activeEnv === 'uat')
            API.BillPaymentCV = "https://billpayuatcdsl.com/logapi/request_log_BillPaymentCV.php";
        API.CheckBillCV = "https://billpayuatcdsl.com/logapi/request_log_CheckBillCV.php";
        API.QueryBillStatus = "https://billpayuatcdsl.com/logapi/request_log_QueryBillStatus.php";
        API.RestAPI = "https://billpayuatcdsl.com/logapi/request_log_RestAPI.php";
        API.CheckBillCallback = "https://billpayuatcdsl.com/logapi/callback_log_checkbill.php";
        API.PayBillCallback = "https://billpayuatcdsl.com/logapi/callback_log_paybill.php";
        @else
            API.BillPaymentCV = "https://paybil.cdsl.com.bd/logapi/request_log_BillPaymentCV.php";
        API.CheckBillCV = "https://paybil.cdsl.com.bd/logapi/request_log_CheckBillCV.php";
        API.QueryBillStatus = "https://paybil.cdsl.com.bd/logapi/request_log_QueryBillStatus.php";
        API.RestAPI = "https://paybil.cdsl.com.bd/logapi/request_log_RestAPI.php";
        API.CheckBillCallback = "https://paybil.cdsl.com.bd/logapi/callback_log_checkbill.php";
        API.PayBillCallback = "https://paybil.cdsl.com.bd/logapi/callback_log_paybill.php";
        @endif
        // ====== GENERIC FUNCTION TO LOAD LOG ======
        function loadLog(url, elementId) {
            fetch(url)
                .then(res => res.text())
                .then(text => {
                    const box = document.getElementById(elementId);
                    box.innerHTML = text || "No data";
                    box.scrollTop = box.scrollHeight;
                })
                .catch(() => {
                    document.getElementById(elementId).innerHTML =
                        "<span style='color:red;'>Failed to load log.</span>";
                });
        }
        // ====== AUTO REFRESH EVERY 2 SECONDS ======
        setInterval(() => {
            loadLog(API.BillPaymentCV, "BillPaymentCV-log");
            loadLog(API.CheckBillCV, "CheckBillCV-log");
            loadLog(API.QueryBillStatus, "QueryBillStatus-log");
            loadLog(API.RestAPI, "RestAPI-log");
            loadLog(API.CheckBillCallback, "Check-Bill-Callback");
            loadLog(API.PayBillCallback, "Pay-bill-Callback");
        }, 2000);
        // ====== INITIAL LOAD ======
        loadLog(API.BillPaymentCV, "BillPaymentCV-log");
        loadLog(API.CheckBillCV, "CheckBillCV-log");
        loadLog(API.QueryBillStatus, "QueryBillStatus-log");
        loadLog(API.RestAPI, "RestAPI-log");
        loadLog(API.CheckBillCallback, "Check-Bill-Callback");
        loadLog(API.PayBillCallback, "Pay-bill-Callback");
    </script>
@endsection