       <!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>پروژه جدید</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="container" id="process-form">
        <h1>تعریف پروژه جدید</h1>
        <form action="/process" method="POST" onsubmit="showLoading()">
            <label for="text">متن ورودی خود را وارد کنید:</label>
            <textarea id="text" name="text" required placeholder="متن خود را اینجا پیست کنید..."></textarea>

            <label for="target_segments">تعداد سگمنت‌های نهایی (اختیاری):</label>
            <input type="number" id="target_segments" name="target_segments" placeholder="مثلا: 5" min="1">

            <button type="submit">شروع پردازش (Bottom-Up)</button>
        </form>
    </div>

    <!-- بخش لودینگ (پنهان در حالت عادی) -->
    <div class="container" id="loading-section" style="display: none; text-align: center;">
        <h2>در حال پردازش متن و ساخت درخت...</h2>
        <p>لطفا صبور باشید. این عملیات ممکن است چند دقیقه طول بکشد.</p>
        <img src="{{ url_for('static', filename='images/loading.gif') }}" alt="Loading" style="width: 50px;">
    </div>

    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>
