<?php
require_once __DIR__ . '/helpers.php';
requireLogin();
?>
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>অর্ডার দিন - Steadfast</title>
    <link rel="stylesheet" href="style.css">
</head>
<body class="standalone-page">
<div class="container">
    <div class="nav-wrap">
    <nav id="main-nav">
        <a href="index.php">হোম</a>
        <a href="order.php" class="active">অর্ডার</a>
        <a href="status.php">স্ট্যাটাস</a>
        <a href="balance.php">ব্যালেন্স</a>
        <a href="payments.php">পেমেন্ট</a>
        <a href="returns.php">রিটার্ন</a>
        <a href="return_create.php">রিটার্ন রিকোয়েস্ট</a>
        <a href="police.php">পুলিশ স্টেশন</a>
        <a href="settings.php">সেটিংস</a>
        <span class="nav-user"><?php echo htmlspecialchars($_SESSION['user_email']); ?></span>
        <a href="auth.php?action=logout" class="nav-logout">লগআউট</a>
        <button type="button" class="nav-toggle" id="nav-toggle" aria-label="মেনু">☰</button>
    </nav>
    </div>
    <script>(function(){ var t=document.getElementById('nav-toggle'); var n=document.getElementById('main-nav'); if(t&&n) t.addEventListener('click',function(){ n.classList.toggle('open'); }); })();</script>
    <h1>অর্ডার দিন</h1>
    <div id="order-msg" class="msg" style="display:none;"></div>
    <div class="card">
        <form id="form-order">
            <label>ইনভয়েস (ইউনিক)</label>
            <input type="text" name="invoice" required placeholder="যেমন: ORD-001">
            <label>প্রাপকের নাম</label>
            <input type="text" name="recipient_name" required placeholder="প্রাপকের পূর্ণ নাম">
            <label>প্রাপকের ফোন (১১ অঙ্ক)</label>
            <input type="text" name="recipient_phone" required placeholder="01712345678" maxlength="11">
            <label>প্রাপকের ঠিকানা</label>
            <textarea name="recipient_address" required rows="3" placeholder="বাড়ি নম্বর, রাস্তা, এলাকা, শহর"></textarea>
            <label>ক্যাশ অন ডেলিভারি (BDT)</label>
            <input type="number" name="cod_amount" required min="0" value="0" placeholder="0">
            <label>নোট (ঐচ্ছিক)</label>
            <input type="text" name="note" placeholder="যেমন: ৩ PM এর মধ্যে ডেলিভারি দিন">
            <label>বিকল্প ফোন (ঐচ্ছিক, ১১ অঙ্ক)</label>
            <input type="text" name="alternative_phone" placeholder="01712345678" maxlength="11">
            <label>প্রাপকের ইমেইল (ঐচ্ছিক)</label>
            <input type="email" name="recipient_email" placeholder="name@example.com">
            <label>পণ্যের বিবরণ (ঐচ্ছিক)</label>
            <input type="text" name="item_description" placeholder="পণ্যের তথ্য">
            <label>মোট লট (ঐচ্ছিক)</label>
            <input type="number" name="total_lot" min="0" step="1" placeholder="0">
            <label>ডেলিভারি টাইপ</label>
            <select name="delivery_type">
                <option value="0">হোম ডেলিভারি</option>
                <option value="1">হাব পিকআপ</option>
            </select>
            <button type="submit" id="btn-submit">অর্ডার সাবমিট করুন</button>
        </form>
    </div>
    <div id="order-result" class="card" style="display:none;">
        <h2>ফলাফল</h2>
        <div id="order-result-body"></div>
        <p class="toggle-raw" id="order-toggle-raw">Raw JSON দেখুন</p>
        <pre id="order-raw" class="pre-wrap" style="display:none;"></pre>
    </div>
</div>
<script>
document.getElementById('form-order').addEventListener('submit', async function(e) {
    e.preventDefault();
    var msg = document.getElementById('order-msg');
    var resultCard = document.getElementById('order-result');
    var resultBody = document.getElementById('order-result-body');
    var rawPre = document.getElementById('order-raw');
    var btn = document.getElementById('btn-submit');
    msg.style.display = 'none';
    btn.disabled = true;
    btn.classList.add('btn-loading');
    btn.textContent = 'লোড হচ্ছে...';
    var formData = new FormData(this);
    formData.append('action', 'create_order');
    try {
        var res = await fetch('api.php', { method: 'POST', body: formData, credentials: 'same-origin' });
        var data = await res.json();
        rawPre.textContent = JSON.stringify(data, null, 2);
        resultCard.style.display = 'block';
        if (data.success) {
            msg.style.display = 'block';
            msg.className = 'msg success';
            msg.textContent = data.message || ('অর্ডার সফল। ট্র্যাকিং কোড: ' + (data.tracking_code || ''));
            resultBody.innerHTML = '<p><strong>ট্র্যাকিং কোড:</strong> ' + (data.tracking_code || '') + '</p><p><strong>কনসাইনমেন্ট ID:</strong> ' + (data.consignment_id || '') + '</p><p><strong>স্ট্যাটাস:</strong> ' + (data.status_text || '') + '</p>';
        } else {
            msg.style.display = 'block';
            msg.className = 'msg error';
            msg.textContent = data.message || 'অর্ডার ব্যর্থ';
            resultBody.innerHTML = '<p class="msg error">' + (data.message || 'কোনো প্রতিক্রিয়া নেই।') + '</p>';
        }
    } catch (err) {
        msg.style.display = 'block';
        msg.className = 'msg error';
        msg.textContent = 'নেটওয়ার্ক ত্রুটি। আবার চেষ্টা করুন।';
        resultCard.style.display = 'block';
        resultBody.innerHTML = '';
    }
    btn.disabled = false;
    btn.classList.remove('btn-loading');
    btn.textContent = 'অর্ডার সাবমিট করুন';
});
document.getElementById('order-toggle-raw').addEventListener('click', function() {
    var pre = document.getElementById('order-raw');
    pre.style.display = pre.style.display === 'none' ? 'block' : 'none';
    this.textContent = pre.style.display === 'none' ? 'Raw JSON দেখুন' : 'Raw JSON লুকান';
});
</script>
</body>
</html>
