Pages.dev Template Admin + Copy

index.php - Nanti Isi Yang Ini

<?php
$data = json_decode(file_get_contents(__DIR__.'/data.json'), true);
?>
<!doctype html>
<html amp lang="id-ID">
<head>
    <meta data-auto charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="preconnect" href="https://cdn.ampproject.org">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="shortcut icon" href="https://pmagustus.xyz/gambar/images/1767952535_6960d097dcd12.png" />
    <title>PMTOTO - Zona Live Draw Taiwan Realtime & Data Togel Taiwan | Prediksi Taiwan Presisi</title>
    <meta name="description" content="PMTOTO menghadirkan Live Draw Taiwan terkini, Prediksi Taiwan jitu, dan Data Togel Taiwan lengkap, memastikan pemain mendapat informasi akurat dan update setiap hari.">
    <meta name="og:image" content="https://pmagustus.xyz/gambar/images/1769051335_697194c73609a.webp" />
    <link rel="canonical" href="https://ventsbreak.co.uk/" />
    <meta name="google" content="notranslate">
    <meta name="robots" content="index, follow">
    <link rel="preload" href="https://pmagustus.xyz/gambar/images/1769051335_697194c73609a.webp" as="image">
    <meta name="rating" content="general">
    <meta name="geo.region" content="id_ID">
    <meta name="googlebot" content="index,follow">
    <meta name="geo.country" content="id">
    <meta name="language" content="Id-ID">
    <meta name="distribution" content="global">
    <meta name="geo.placename" content="Indonesia">
    <meta name="author" content="PMTOTO">
    <meta name="publisher" content="PMTOTO">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="id_ID">
    <meta property="og:locale:alternate" content="id_ID">
    <meta property="og:title" content="PMTOTO - Zona Live Draw Taiwan Realtime & Data Togel Taiwan | Prediksi Taiwan Presisi">
    <meta property="og:description" content="PMTOTO menghadirkan Live Draw Taiwan terkini, Prediksi Taiwan jitu, dan Data Togel Taiwan lengkap, memastikan pemain mendapat informasi akurat dan update setiap hari.">
    <meta property="og:url" content="https://ventsbreak.co.uk/">
    <meta property="og:site_name" content="PMTOTO">
    <meta property="og:image" content="https://pmagustus.xyz/gambar/images/1769051335_697194c73609a.webp">
    <meta property="og:image:alt" content="PMTOTO">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@PMTOTO">
    <meta name="twitter:creator" content="@PMTOTO">
    <meta name="twitter:domain" content="https://twitter.com/PMTOTO">
    <meta name="twitter:title" content="PMTOTO - Zona Live Draw Taiwan Realtime & Data Togel Taiwan | Prediksi Taiwan Presisi">
    <meta name="twitter:description" content="PMTOTO menghadirkan Live Draw Taiwan terkini, Prediksi Taiwan jitu, dan Data Togel Taiwan lengkap, memastikan pemain mendapat informasi akurat dan update setiap hari.">
    <meta name="twitter:image" content="https://pmagustus.xyz/gambar/images/1769051335_697194c73609a.webp">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
    <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
    <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
     <style amp-boilerplate>body {-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;animation: -amp-start 8s steps(1, end) 0s 1 normal both}@-webkit-keyframes -amp-start {from {visibility: hidden}to {visibility: visible}}@-moz-keyframes -amp-start {from {visibility: hidden}to {visibility: visible}}@-ms-keyframes -amp-start {from {visibility: hidden}to {visibility: visible}}@-o-keyframes -amp-start {from {visibility: hidden}to {visibility: visible}}@keyframes -amp-start {from {visibility: hidden}to {visibility: visible}}</style><noscript><style amp-boilerplate>body {-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none}</style></noscript>
    <style amp-custom>
body{
  margin:0;
  font-family:Arial;
  color:#fff;
  background:
    linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),
    url("https://pmagustus.xyz/gambar/images/1768032818_69620a3253454.webp")
    center/cover no-repeat fixed;
}

/* TOP */
.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px;
  background:#000;
  border-bottom:2px solid #facc15
}

.logo{
  width:220px;
  height:73px;
  background:url("https://pmagustus.xyz/gambar/images/1767952553_6960d0a9aad25.gif")
  center/contain no-repeat;
}

.livechat{
  background:#facc15;
  color:#000;
  padding:8px 14px;
  border-radius:20px;
  font-weight:700;
  text-decoration:none
}

/* SLIDER AMP */
.slider amp-carousel {
  width:100%;
  aspect-ratio:5/5; /* 840x480 */
  overflow:hidden;
}

.slider amp-img {
  width:100%;
  height:100%;
  object-fit:cover;
}

/* LINKS */
.links{padding:15px}

.btn{
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(145deg,#facc15,#f59e0b);
  color:#000;
  text-decoration:none;
  padding:15px 18px;
  margin:12px 0;
  border-radius:40px;
  font-weight:800;
  animation:shake 4s infinite;
}

.btn img{
  width:50px;
  height:50px;
}

@keyframes shake{
  0%,100%{transform:translateX(0)}
  2%{transform:translateX(-2px)}
  4%{transform:translateX(2px)}
}

/* ARTICLE */
.article{
  background:#111;
  margin:15px;
  padding:15px;
  border-radius:12px;
  font-size:14px
}
</style>
</head>

<body>

<div class="slider">
  <amp-carousel width="840" height="480" layout="responsive" type="slides" autoplay delay="4000" loop>
    <?php foreach($data['banners'] as $img): ?>
      <amp-img src="<?=$img?>" width="840" height="480" layout="responsive" alt="banner"></amp-img>
    <?php endforeach; ?>
  </amp-carousel>
</div>

<div class="links">
<?php foreach($data['links'] as $l): ?>
  <a class="btn" href="<?=$l['url']?>" target="_blank">
    <img src="<?=$l['icon']?>" alt="">
    <?=$l['label']?>
  </a>
<?php endforeach; ?>
</div>

</body>
</html>

NANTI GANTI CANONICAL - PMAGUSTUS SESUAI DOMAIn

<?php
// Ambil data.json utama dari folder link-alternatif
$data = json_decode(file_get_contents(__DIR__.'/../link-alternatif/data.json'), true);
if (!$data) die("Data tidak ditemukan");

<!doctype html>
<html amp lang="id-ID">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="preconnect" href="https://cdn.ampproject.org">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="shortcut icon" href="https://pmagustus.xyz/gambar/images/1767952535_6960d097dcd12.png" />
    <title>PMTOTO - Zona Live Draw Taiwan Realtime & Data Togel Taiwan | Prediksi Taiwan Presisi</title>
    <meta name="description" content="PMTOTO menghadirkan Live Draw Taiwan terkini, Prediksi Taiwan jitu, dan Data Togel Taiwan lengkap, memastikan pemain mendapat informasi akurat dan update setiap hari.">
    <meta property="og:image" content="https://pmagustus.xyz/gambar/images/1769051335_697194c73609a.webp" />
    <link rel="canonical" href="https://ventsbreak.co.uk/" />
    <meta name="robots" content="index, follow">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <style amp-custom>
        body{
            margin:0;
            font-family:Arial;
            color:#fff;
            background:
                linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),
                url("https://pmagustus.xyz/gambar/images/1768032818_69620a3253454.webp")
                center/cover no-repeat fixed;
        }
        .topbar{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:14px;
            background:#000;
            border-bottom:2px solid #facc15;
        }
        .logo{
            width:220px;
            height:73px;
            background:url("https://pmagustus.xyz/gambar/images/1767952553_6960d0a9aad25.gif") center/contain no-repeat;
        }
        .livechat{
            background:#facc15;
            color:#000;
            padding:8px 14px;
            border-radius:20px;
            font-weight:700;
            text-decoration:none;
        }
        .slider amp-carousel {
            width:100%;
            aspect-ratio:5/5;
            overflow:hidden;
        }
        .slider amp-img {
            width:100%;
            height:100%;
            object-fit:cover;
        }
        .links{padding:15px}
        .btn{
            display:flex;
            align-items:center;
            gap:12px;
            background:linear-gradient(145deg,#facc15,#f59e0b);
            color:#000;
            text-decoration:none;
            padding:15px 18px;
            margin:12px 0;
            border-radius:40px;
            font-weight:800;
            animation:shake 4s infinite;
        }
        .btn img{
            width:50px;
            height:50px;
        }
        @keyframes shake{
            0%,100%{transform:translateX(0)}
            2%{transform:translateX(-2px)}
            4%{transform:translateX(2px)}
        }
        .article{
            background:#111;
            margin:15px;
            padding:15px;
            border-radius:12px;
            font-size:14px;
        }
    </style>
</head>

<body>
    <div class="topbar">
        <div class="logo"></div>
        <a class="livechat" href="<?=htmlspecialchars($data['livechat'])?>" target="_blank">LIVE CHAT</a>
    </div>

<div class="slider">
        <amp-carousel width="840" height="480" layout="responsive" type="slides" autoplay delay="4000" loop>
            <?php foreach($data['banners'] as $img): ?>
                <amp-img src="<?=htmlspecialchars($img)?>" width="840" height="480" layout="responsive" alt="banner"></amp-img>
            <?php endforeach; ?>
        </amp-carousel>
    </div>

<div class="links">
        <?php foreach($data['links'] as $l): ?>
    <a class="btn" href="<?=htmlspecialchars($l['url'])?>" target="_blank">
        <?php if(!empty($l['icon'])): ?>
            <img src="<?=htmlspecialchars($l['icon'])?>" alt="<?=htmlspecialchars($l['label'])?>">
        <?php endif; ?>
        <span><?=htmlspecialchars($l['label'])?></span>
    </a>
<?php endforeach; ?>

</div>

Tombol 3 - Isi Script/Content Admin

{
    "profile": {
        "title": "PMTOTO OFFICIAL",
        "description": "Link resmi & alternatif PMTOTO terbaru"
    },
    "livechat": "https:\/\/go.unipin.vip\/go\/livechat",
    "banners": [
        "https:\/\/pmagustus.xyz\/gambar\/images\/1769051335_697194c73609a.webp",
        "https:\/\/pmagustus.xyz\/gambar\/images\/1769051362_697194e2dc84d.webp",
        "https:\/\/pmagustus.xyz\/gambar\/images\/1768709182_696c5c3e6e85c.webp",
        "https:\/\/pmagustus.xyz\/gambar\/images\/1768624195_696b104387406.webp",
        "https:\/\/pmagustus.xyz\/gambar\/images\/1768624154_696b101a2cb66.webp"
    ],
    "links": [
        {
            "label": "PMTOTO LINK ALTERNATIF 1",
            "url": "https:\/\/dua3.kaptenpm.com\/register?referral_code=albert89",
            "icon": "https:\/\/pmagustus.xyz\/gambar\/images\/1767952535_6960d097dcd12.png"
        },
        {
            "label": "PMTOTO LINK ALTERNATIF 2",
            "url": "https:\/\/kessoku.kaptenpm.com\/register?referral_code=albert89",
            "icon": "https:\/\/media.tenor.com\/uG9H9qWU-TwAAAAj\/bocchi-bocchi-the-rock.gif"
        },
        {
            "label": "PMTOTO LINK ALTERNATIF 3",
            "url": "https:\/\/bocchi.kaptenpm.com\/register?referral_code=albert89",
            "icon": "https:\/\/media.tenor.com\/Mdz2s-fOMggAAAAi\/the-fragrant-flower-blooms-with-dignity-kaoruko-waguri.gif"
        },
        {
            "label": "WHATSAPP OFFICIAL",
            "url": "https:\/\/go.unipin.vip\/go\/officialpmtoto",
            "icon": "https:\/\/media.tenor.com\/yaXn9TTINV0AAAAi\/aset-whatsapp.gif"
        },
        {
            "label": "TELEGRAM OFFICIAL",
            "url": "https:\/\/t.me\/pmtotoindonesia",
            "icon": "https:\/\/media.tenor.com\/WIXSgCuCt38AAAAi\/tele.gif"
        },
        {
            "label": "LIVECHAT OFFICIAL",
            "url": "https:\/\/go.unipin.vip\/go\/livechat",
            "icon": "https:\/\/media.tenor.com\/S65c088OseQAAAAi\/livechat.gif"
        },
        {
            "label": "RTP ASLI HEBAT",
            "url": "https:\/\/go.unipin.vip\/go\/rtp-aseli",
            "icon": "https:\/\/media.tenor.com\/wyppcWIVhCIAAAAi\/rtp.gif"
        },
        {
            "label": "PREDIKSI AKURAT",
            "url": "https:\/\/prediksi.pmgembira.xyz\/",
            "icon": "https:\/\/media.tenor.com\/6Q1BoQ9kffkAAAAi\/bocchi-the-rock-btr.gif"
        }
    ],
    "article": "<h3><a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> Situs Slot Online Terpercaya dengan Pelayanan Profesional<\/h3>\r\n<p>\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> merupakan situs\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">slot online<\/a> terpercaya yang menghadirkan berbagai permainan berkualitas tinggi dengan sistem modern dan aman. Setiap pemain dapat menikmati pengalaman bermain yang stabil, cepat, serta didukung layanan pelanggan profesional selama 24 jam nonstop. Dengan komitmen terhadap kenyamanan dan keamanan,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> terus menjadi pilihan utama para pecinta\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">slot online<\/a>.\r\n<\/p>\r\n\r\n<h3>Permainan <a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">Slot Online<\/a> Lengkap dan Mudah Dimainkan<\/h3>\r\n<p>\r\nDi <a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a>, tersedia beragam pilihan permainan\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">slot online<\/a> dari provider ternama yang telah terbukti fair dan transparan. Mulai dari slot klasik hingga slot video modern dengan fitur bonus menarik, semua dapat diakses dengan mudah melalui perangkat desktop maupun mobile tanpa hambatan.\r\n<\/p>\r\n\r\n<h3>Situs <a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">Togel Online<\/a> Terpercaya dengan Data Akurat<\/h3>\r\n<p>\r\nSelain slot,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> juga dikenal sebagai situs\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">togel online<\/a> terpercaya yang menyediakan pasaran populer dengan data keluaran yang akurat dan selalu diperbarui. Sistem pencatatan dilakukan secara real-time sehingga pemain dapat memasang angka dengan lebih percaya diri dan nyaman.\r\n<\/p>\r\n\r\n<h3>Keamanan Data dan Transaksi Terjamin<\/h3>\r\n<p>\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> menggunakan sistem keamanan berlapis untuk melindungi seluruh data pribadi dan transaksi pemain. Setiap proses deposit maupun penarikan dirancang agar cepat, aman, dan transparan, sehingga pemain dapat fokus menikmati permainan tanpa rasa khawatir.\r\n<\/p>\r\n\r\n<h3>Bonus dan Promo Menarik Setiap Hari<\/h3>\r\n<p>\r\nSebagai situs\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">slot online<\/a>,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">casino online<\/a>, dan\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">togel online<\/a> terpercaya,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> rutin menghadirkan berbagai bonus dan promo menarik. Mulai dari bonus member baru, cashback, hingga promo harian yang dirancang untuk memberikan nilai lebih bagi setiap pemain yang bergabung.\r\n<\/p>\r\n\r\n<h3>Customer Service Aktif 24 Jam Nonstop<\/h3>\r\n<p>\r\nTim customer service\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> siap membantu pemain kapan saja melalui berbagai kanal komunikasi. Dengan respon cepat dan solusi yang jelas, setiap kendala dapat diselesaikan dengan profesional demi menjaga kepuasan pemain.\r\n<\/p>\r\n\r\n<h3><a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> Pilihan Tepat untuk Slot dan Togel Online<\/h3>\r\n<p>\r\nDengan kombinasi permainan lengkap,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">slot online<\/a>,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">casino online<\/a>, sistem terpercaya, serta pelayanan maksimal,\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">PMTOTO<\/a> layak menjadi pilihan utama bagi pemain yang mencari situs\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">slot online<\/a> dan\r\n<a href=\"#\" style=\"color:#ffd900;font-weight:800;text-decoration:none;\">togel online<\/a> terpercaya. Bergabunglah dan rasakan pengalaman bermain yang aman, nyaman, dan menyenangkan.\r\n<\/p>\r\n\r\n\r\n<div style=\"text-align:center; color:#ffd900; font-weight:800;text-decoration:none;margin-top:40px; padding-bottom:15px; font-size:14px;\">\r\n    \u00a9 Gotoh Hitori X Kyami X Albert89 \u00a9\r\n<\/div>\r\n\r\n"
}

BUAT ADMIN PHP UNTUK LOGIn

<?php
session_start();
$ID="adminpmtoto"; $PW="pmtoto123"; $TIME=6000;
if(isset($_SESSION['admin']) && time()-($_SESSION['t']??0)>$TIME){session_destroy();header("Location: admin.php");exit;}
if(isset($_POST['login'])){
 if($_POST['u']==$ID && $_POST['p']==$PW){$_SESSION['admin']=1;$_SESSION['t']=time();header("Location: admin.php");exit;}
}
if(isset($_GET['logout'])){session_destroy();header("Location: admin.php");exit;}

$dataFile = __DIR__.'/data.json';
if(!file_exists($dataFile)){
    file_put_contents($dataFile,json_encode([
        "profile"=>["title"=>"PMTOTO OFFICIAL","description"=>"Link resmi & alternatif PMTOTO terbaru"],
        "livechat"=>"https://wa.me/628123456789",
        "banners"=>[],
        "links"=>[],
        "article"=>""
    ],JSON_PRETTY_PRINT));
}
$data=json_decode(file_get_contents($dataFile),true);

if(isset($_POST['save']) && isset($_SESSION['admin'])){
    $data['banners'] = array_values(array_filter($_POST['banner'] ?? [], fn($v)=>trim($v)!=''));
    $data['links'] = [];
    if(isset($_POST['link_label'], $_POST['link_url'], $_POST['link_icon'])){
        foreach($_POST['link_label'] as $i=>$label){
            $url = $_POST['link_url'][$i] ?? '';
            $icon = $_POST['link_icon'][$i] ?? '';
            if(trim($label) || trim($url)){
                $data['links'][] = ['label'=>trim($label),'url'=>trim($url),'icon'=>trim($icon)];
            }
        }
    }
    $data['article'] = $_POST['article'] ?? '';
    file_put_contents($dataFile,json_encode($data,JSON_PRETTY_PRINT));
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Admin Panel</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* Background */
body {
    background: url('https://pmagustus.xyz/gambar/images/1768390464_69677f40172d9.webp') no-repeat center center fixed;
    background-size: cover;
    font-family: Arial, sans-serif;
    margin:0;
    padding:0;
    color:#fff;
}
.container {
    max-width: 1000px;
    margin: 40px auto;
    padding: 20px;
    background: rgba(0,0,0,0.7);
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
h2,h3 {color:#ffc600;margin-bottom:10px;}
form {display:flex;flex-direction:column;gap:25px;}
.card {
    background: rgba(255,255,255,0.05);
    padding:15px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.card input {flex:1;padding:8px 10px;background:#222;color:#fff;border-radius:8px;border:none;}
.card button.remove {background:red;color:#fff;padding:6px 10px;font-size:13px;border-radius:6px;cursor:pointer;transition:.3s;}
.card button.remove:hover {background:#ff5555;}
.add-btn {
    background:#00bfff;color:#111;padding:10px 15px;border:none;border-radius:12px;font-weight:bold;cursor:pointer;transition:.3s;width:fit-content;
}
.add-btn:hover {background:#33ccff;}
button[name="save"] {
    background:#ffc600;color:#111;font-weight:bold;padding:12px 20px;border-radius:12px;border:none;cursor:pointer;font-size:16px;transition:.3s;
}
button[name="save"]:hover {background:#ffea00;}
textarea {width:100%;min-height:150px;padding:10px 12px;border-radius:12px;background:#222;color:#fff;border:none;}
.logout {display:inline-block;margin-top:20px;color:#ffc600;text-decoration:none;font-weight:bold;transition:.3s;}
.logout:hover {color:#ffea00;}
.login-box {max-width:350px;margin:100px auto;background: rgba(0,0,0,0.7);padding:20px;border-radius:16px;}
.login-box input {margin-bottom:10px;}
.login-box button {width:100%;padding:10px;border-radius:10px;border:none;background:#ffc600;color:#111;font-weight:bold;cursor:pointer;transition:.3s;}
.login-box button:hover {background:#ffea00;}
.icon-preview {color:#ffc600; font-size:18px; margin-right:5px;}
</style>
</head>
<body>
<div class="container">
<?php if(!isset($_SESSION['admin'])): ?>
<div class="login-box">
<h2>Login Admin</h2>
<form method="post">
<input name="u" placeholder="ID">
<input name="p" type="password" placeholder="PW">
<button name="login">Login</button>
</form>
</div>
<?php else: ?>
<h2>Admin Panel</h2>
<form method="post" id="adminForm">

<h3>Banners</h3>
<div id="bannerList">
<?php if(!empty($data['banners'])):
    foreach($data['banners'] as $b): ?>
<div class="card">
<input name="banner[]" value="<?=htmlspecialchars($b)?>" placeholder="URL Banner">
<button type="button" class="remove"><i class="fas fa-trash"></i> Hapus</button>
</div>
<?php endforeach; else: ?>
<div class="card">
<input name="banner[]" placeholder="URL Banner">
<button type="button" class="remove"><i class="fas fa-trash"></i> Hapus</button>
</div>
<?php endif; ?>
</div>
<button type="button" class="add-btn" onclick="addBanner()"><i class="fas fa-plus"></i> Tambah Banner</button>

<h3>Links</h3>
<div id="linkList">
<?php if(!empty($data['links'])):
    foreach($data['links'] as $l): ?>
<div class="card">
<span class="icon-preview"><i class="<?=htmlspecialchars($l['icon'] ?? '')?>"></i></span>
<input name="link_label[]" value="<?=htmlspecialchars($l['label'])?>" placeholder="Label Link">
<input name="link_url[]" value="<?=htmlspecialchars($l['url'])?>" placeholder="URL Link">
<input name="link_icon[]" value="<?=htmlspecialchars($l['icon'] ?? '')?>" placeholder="Icon (class FontAwesome)">
<button type="button" class="remove"><i class="fas fa-trash"></i> Hapus</button>
</div>
<?php endforeach; else: ?>
<div class="card">
<input name="link_label[]" placeholder="Label Link">
<input name="link_url[]" placeholder="URL Link">
<input name="link_icon[]" placeholder="Icon (class FontAwesome)">
<button type="button" class="remove"><i class="fas fa-trash"></i> Hapus</button>
</div>
<?php endif; ?>
</div>
<button type="button" class="add-btn" onclick="addLink()"><i class="fas fa-plus"></i> Tambah Link</button>

<h3>Artikel</h3>
<div class="card">
<textarea name="article"><?=htmlspecialchars($data['article'])?>