<?php
// Page configuration
$page_title = "ตั้งค่าระบบ (Pro Version)";
ob_start();
?>

<div class="row">
    <div class="col-md-12">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title"><i class="bi bi-stars"></i> อัพเกรดเป็น Pro Version</h3>
            </div>
            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-md-12 text-center">
                        <h2>ขอขอบคุณที่ใช้งาน eAccount Lite</h2>
                        <p class="lead">อัพเกรดเป็น Pro Version เพื่อรับฟีเจอร์เพิ่มเติมและไม่มีข้อจำกัด</p>
                        <a href="https://itoffside.com/eaccount-pro" target="_blank" class="btn btn-primary btn-lg text-white px-5">
                            <i class="bi bi-arrow-up-circle"></i> อัพเกรดเป็น Pro Version
                        </a>
                    </div>
                </div>
                
                <div class="row mb-5">
                    <div class="col-md-6">
                        <div class="card bg-light">
                            <div class="card-header text-center">
                                <h3>Lite Version</h3>
                                <p>เวอร์ชันปัจจุบันของคุณ</p>
                                <div class="price-tag p-2 mb-2 rounded shadow-sm" style="background-color: rgba(255,255,255,0.6);">
                                    <span class="d-block text-danger">0 บาท</span>
                                    <span class="display-5 fw-bold text-success">ฟรี</span>
                                </div>
                                <p class="text-dark fw-bold mt-2 mb-0"><i class="bi bi-infinity"></i> ใช้งานได้ฟรีตลอดไป</p>
                            </div>
                            <div class="card-body">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item"><i class="bi bi-check-circle text-success"></i> บันทึกใบกำกับภาษี/ใบเสร็จรับเงิน</li>
                                    <li class="list-group-item"><i class="bi bi-check-circle text-success"></i> บันทึกใบสั่งซื้อ</li>
                                    <li class="list-group-item"><i class="bi bi-check-circle text-success"></i> จัดการข้อมูลสินค้า</li>
                                    <li class="list-group-item"><i class="bi bi-check-circle text-success"></i> จัดการข้อมูลลูกค้า</li>
                                    <li class="list-group-item"><i class="bi bi-x-circle text-danger"></i> <span class="text-muted">จัดการข้อมูลผู้จำหน่าย</span></li>
                                    <li class="list-group-item"><i class="bi bi-x-circle text-danger"></i> <span class="text-muted">พิมพ์ใบกำกับภาษีแบบเต็มรูปแบบ</span></li>
                                    <li class="list-group-item"><i class="bi bi-x-circle text-danger"></i> <span class="text-muted">พิมพ์ใบสั่งซื้อแบบเต็มรูปแบบ</span></li>
                                    <li class="list-group-item"><i class="bi bi-x-circle text-danger"></i> <span class="text-muted">รายงานสินค้าคงเหลือ</span></li>
                                    <li class="list-group-item"><i class="bi bi-x-circle text-danger"></i> <span class="text-muted">รายงานยอดขาย</span></li>
                                    <li class="list-group-item"><i class="bi bi-x-circle text-danger"></i> <span class="text-muted">การตั้งค่าระบบ</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card text-white">
                            <div class="card-header text-center bg-gradient" style="background-color: #f8d14c;">
                                <h3 class="text-dark fw-bold">Pro Version</h3>
                                <p class="text-dark">อัพเกรดเพื่อรับฟีเจอร์เพิ่มเติม</p>
                                <div class="price-tag p-2 mb-2 rounded shadow-sm" style="background-color: rgba(255,255,255,0.6);">
                                    <span class="d-block text-danger"><del>2,490 บาท</del></span>
                                    <span class="display-5 fw-bold text-success">1,890 บาท</span>
                                    <span class="badge bg-danger position-absolute translate-middle p-2 rounded-pill" style="top: 0; right: 50px;">ลด 25%</span>
                                </div>
                                <p class="text-dark fw-bold mt-2 mb-0"><i class="bi bi-alarm"></i> โปรโมชั่นพิเศษ - เวลาจำกัด!</p>
                            </div>
                            <div class="card-body">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> บันทึกใบกำกับภาษี/ใบเสร็จรับเงิน</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> บันทึกใบสั่งซื้อ</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> จัดการข้อมูลสินค้า</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> จัดการข้อมูลลูกค้า</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> จัดการข้อมูลผู้จำหน่าย</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> พิมพ์ใบกำกับภาษีแบบเต็มรูปแบบ</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> พิมพ์ใบสั่งซื้อแบบเต็มรูปแบบ</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> รายงานสินค้าคงเหลือ</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> รายงานยอดขาย</li>
                                    <li class="list-group-item bg-success bg-opacity-25 bg-gradient"><i class="bi bi-check-circle"></i> การตั้งค่าระบบเต็มรูปแบบ</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 text-center">
                    <div class="demo-box p-4 mb-4 bg-light rounded shadow-sm">
                        <h4 class="text-primary mb-3"><i class="bi bi-display"></i> ทดลองใช้งาน Pro Version</h4>
                        <div class="d-flex justify-content-center align-items-center">
                            <div class="demo-credentials bg-white p-3 rounded border">
                                <p class="mb-2"><i class="bi bi-link-45deg"></i> <a href="https://eaccount.itoffside.com/admin/" target="_blank" class="text-decoration-none">https://eaccount.itoffside.com/admin/</a></p>
                                <p class="mb-1"><i class="bi bi-person-fill"></i> Username: <span class="fw-bold">todo</span></p>
                                <p class="mb-0"><i class="bi bi-key-fill"></i> Password: <span class="fw-bold">passpass</span></p>
                            </div>
                        </div>
                        <a href="https://eaccount.itoffside.com/admin/" target="_blank" class="btn btn-outline-primary mt-3">
                            <i class="bi bi-box-arrow-up-right"></i> เข้าสู่ระบบทดลองใช้งาน
                        </a>
                    </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 text-center">
                        <h3>ฟีเจอร์เพิ่มเติมเฉพาะ Pro Version</h3>
                        <div class="row mt-4">
                            <div class="col-md-4">
                                <div class="card mb-4">
                                    <div class="card-body text-center">
                                        <i class="bi bi-graph-up-arrow fs-1 text-primary mb-3"></i>
                                        <h4>รายงานขั้นสูง</h4>
                                        <p>ใบกำกับภาษี-ใบสั่งซื้อ, สินค้าคงเหลือ, และรายงานยอดขายรายวัน/รายเดือน/รายปี</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card mb-4">
                                    <div class="card-body text-center">
                                        <i class="bi bi-gear-fill fs-1 text-primary mb-3"></i>
                                        <h4>ตั้งค่าระบบ</h4>
                                        <p>ปรับแต่งโลโก้, ข้อมูลบริษัท, อีเมล และการตั้งค่าใบกำกับภาษี</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card mb-4">
                                    <div class="card-body text-center">
                                        <i class="bi bi-currency-exchange fs-1 text-primary mb-3"></i>
                                        <h4>การจัดการข้อมูลไม่จำกัด</h4>
                                        <p>บริหารจัดการลูกค้า, ผู้จัดจำหน่ายจำนวนไม่จำกัด, สินค้าเพิ่มได้ไหม่จำกัด</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-12 text-center">
                        <a href="https://itoffside.com/eaccount-pro" target="_blank" class="btn btn-primary btn-lg text-white px-5">
                            <i class="bi bi-arrow-up-circle"></i> อัพเกรดเป็น Pro Version
                        </a>
                        <p class="mt-3">มีคำถามเพิ่มเติม? <a href="https://itoffside.com/contact" target="_blank">ติดต่อเรา</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<?php
$content = ob_get_clean();
include 'template_master.php';
?>