chart-pro

Sleeping

App Files Files Community

CORVO-AI commited on Aug 30, 2025

Commit

cef421c

verified ·

1 Parent(s): 121e4b0

Upload 2 files

Browse files

Files changed (2) hide show

templates/dashboard.html +0 -0
templates/settings.html +1150 -0

templates/dashboard.html ADDED Viewed

The diff for this file is too large to render. See raw diff

templates/settings.html ADDED Viewed

	@@ -0,0 +1,1150 @@

+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>إعدادات نظام تحليل الفوركس الذكي</title>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --primary: #2c3e50;
+            --primary-light: #34495e;
+            --primary-dark: #1a2530;
+            --secondary: #3498db;
+            --secondary-light: #5dade2;
+            --secondary-dark: #2980b9;
+            --accent: #f39c12;
+            --accent-light: #f5b041;
+            --accent-dark: #d68910;
+            --success: #2ecc71;
+            --success-light: #58d68d;
+            --success-dark: #27ae60;
+            --danger: #e74c3c;
+            --danger-light: #ec7063;
+            --danger-dark: #c0392b;
+            --warning: #f1c40f;
+            --warning-light: #f4d03f;
+            --warning-dark: #d4ac0d;
+            --info: #1abc9c;
+            --info-light: #48c9b0;
+            --info-dark: #16a085;
+            --text: #ecf0f1;
+            --text-dark: #bdc3c7;
+            --text-darker: #95a5a6;
+            --background: #121a24;
+            --card-bg: #1e2a38;
+            --card-border: #2c3e50;
+            --card-highlight: #3a506b;
+            --shadow-color: rgba(0, 0, 0, 0.5);
+            --glow-color: rgba(52, 152, 219, 0.4);
+        }
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Tajawal', sans-serif;
+        }
+        body {
+            background: var(--background);
+            color: var(--text);
+            min-height: 100vh;
+            overflow-x: hidden;
+        }
+        /* Scrollbar Styling */
+        ::-webkit-scrollbar {
+            width: 8px;
+            height: 8px;
+        }
+        ::-webkit-scrollbar-track {
+            background: var(--primary-dark);
+            border-radius: 4px;
+        }
+        ::-webkit-scrollbar-thumb {
+            background: var(--secondary-dark);
+            border-radius: 4px;
+        }
+        ::-webkit-scrollbar-thumb:hover {
+            background: var(--secondary);
+        }
+        /* Password Modal */
+        .password-modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.85);
+            backdrop-filter: blur(10px);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+            opacity: 1;
+            transition: opacity 0.5s ease;
+        }
+        .password-modal.hidden {
+            opacity: 0;
+            pointer-events: none;
+        }
+        .password-box {
+            background: var(--card-bg);
+            padding: 40px;
+            border-radius: 20px;
+            text-align: center;
+            box-shadow: 0 20px 40px var(--shadow-color);
+            max-width: 400px;
+            width: 90%;
+            border: 1px solid var(--card-border);
+            transform: translateY(0);
+            transition: transform 0.5s ease;
+            position: relative;
+            overflow: hidden;
+        }
+        .password-box::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, var(--secondary-dark) 0%, transparent 70%);
+            opacity: 0.1;
+            z-index: -1;
+            animation: pulse 15s infinite;
+        }
+        @keyframes pulse {
+            0% { transform: translate(0, 0); opacity: 0.1; }
+            50% { transform: translate(-30px, -30px); opacity: 0.15; }
+            100% { transform: translate(0, 0); opacity: 0.1; }
+        }
+        .password-modal.hidden .password-box {
+            transform: translateY(50px);
+        }
+        .password-box h2 {
+            color: var(--text);
+            margin-bottom: 30px;
+            font-size: 28px;
+            position: relative;
+            display: inline-block;
+        }
+        .password-box h2::after {
+            content: '';
+            position: absolute;
+            bottom: -10px;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: linear-gradient(to right, transparent, var(--secondary), transparent);
+        }
+        .password-input {
+            width: 100%;
+            padding: 16px 20px;
+            border: 2px solid var(--card-border);
+            background: var(--primary-dark);
+            border-radius: 12px;
+            font-size: 16px;
+            margin-bottom: 25px;
+            text-align: center;
+            color: var(--text);
+            transition: all 0.3s ease;
+            outline: none;
+        }
+        .password-input:focus {
+            border-color: var(--secondary);
+            box-shadow: 0 0 0 3px var(--glow-color);
+        }
+        .password-btn {
+            background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
+            color: white;
+            border: none;
+            padding: 16px 30px;
+            border-radius: 12px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            width: 100%;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+        .password-btn::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+            transition: all 0.5s ease;
+        }
+        .password-btn:hover::before {
+            left: 100%;
+        }
+        .password-btn:hover {
+            background: linear-gradient(135deg, var(--secondary-light), var(--secondary));
+            transform: translateY(-2px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+            opacity: 0;
+            transform: translateY(20px);
+            transition: opacity 0.5s ease, transform 0.5s ease;
+        }
+        .container.visible {
+            opacity: 1;
+            transform: translateY(0);
+        }
+        .container.hidden {
+            display: none !important;
+        }
+        .header {
+            padding: 20px 0;
+            border-bottom: 1px solid var(--card-border);
+            margin-bottom: 30px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            flex-wrap: wrap;
+            gap: 20px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+        .logo-icon {
+            font-size: 40px;
+            color: var(--accent);
+            background: var(--primary-dark);
+            width: 70px;
+            height: 70px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 16px;
+            position: relative;
+            overflow: hidden;
+        }
+        .logo-icon::after {
+            content: '';
+            position: absolute;
+            width: 100%;
+            height: 30%;
+            background: linear-gradient(to bottom, var(--accent-light), transparent);
+            top: 0;
+            left: 0;
+            opacity: 0.3;
+        }
+        .logo-text h1 {
+            font-size: clamp(24px, 5vw, 32px);
+            font-weight: 700;
+            margin-bottom: 5px;
+            background: linear-gradient(to right, var(--secondary-light), var(--accent-light));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            position: relative;
+        }
+        .logo-text p {
+            font-size: 14px;
+            color: var(--text-dark);
+            font-weight: 500;
+        }
+        .back-btn {
+            background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
+            color: white;
+            padding: 12px 25px;
+            border: none;
+            border-radius: 12px;
+            text-decoration: none;
+            font-size: 16px;
+            font-weight: 600;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+        .back-btn::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+            transition: all 0.5s ease;
+        }
+        .back-btn:hover::before {
+            left: 100%;
+        }
+        .back-btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+        }
+        .settings-section {
+            background: var(--card-bg);
+            border-radius: 20px;
+            padding: 30px;
+            margin-bottom: 30px;
+            box-shadow: 0 15px 35px var(--shadow-color);
+            border: 1px solid var(--card-border);
+            position: relative;
+            overflow: hidden;
+        }
+        .settings-section::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 5px;
+            background: linear-gradient(to right, var(--secondary), var(--accent));
+        }
+        .section-header {
+            display: flex;
+            align-items: center;
+            margin-bottom: 25px;
+            padding-bottom: 15px;
+            border-bottom: 1px solid var(--card-border);
+        }
+        .section-title {
+            font-size: 22px;
+            font-weight: 700;
+            color: var(--text);
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        .section-title i {
+            color: var(--accent);
+            font-size: 24px;
+        }
+        .form-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 25px;
+        }
+        .form-group {
+            margin-bottom: 20px;
+        }
+        .form-group label {
+            display: block;
+            font-weight: 600;
+            margin-bottom: 10px;
+            color: var(--text);
+            font-size: 15px;
+        }
+        .form-control {
+            width: 100%;
+            padding: 15px;
+            border: 2px solid var(--card-border);
+            background: var(--primary-dark);
+            border-radius: 12px;
+            font-size: 15px;
+            color: var(--text);
+            transition: all 0.3s ease;
+            outline: none;
+        }
+        .form-control:focus {
+            border-color: var(--secondary);
+            box-shadow: 0 0 0 3px var(--glow-color);
+        }
+        select.form-control {
+            appearance: none;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23bdc3c7' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
+            background-repeat: no-repeat;
+            background-position: left 15px center;
+            background-size: 16px 16px;
+            padding-left: 40px;
+        }
+        .input-group {
+            display: flex;
+            gap: 10px;
+        }
+        .input-group .form-control {
+            flex: 1;
+        }
+        .input-group-text {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0 15px;
+            color: var(--text-dark);
+            font-size: 15px;
+        }
+        .checkbox-group {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-top: 10px;
+            cursor: pointer;
+        }
+        .checkbox-group input[type="checkbox"] {
+            appearance: none;
+            -webkit-appearance: none;
+            width: 22px;
+            height: 22px;
+            background: var(--primary-dark);
+            border: 2px solid var(--card-border);
+            border-radius: 6px;
+            position: relative;
+            cursor: pointer;
+            transition: all 0.3s ease;
+        }
+        .checkbox-group input[type="checkbox"]:checked {
+            background: var(--secondary);
+            border-color: var(--secondary);
+        }
+        .checkbox-group input[type="checkbox"]:checked::after {
+            content: '✓';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: white;
+            font-size: 14px;
+            font-weight: bold;
+        }
+        .checkbox-group input[type="checkbox"]:focus {
+            box-shadow: 0 0 0 3px var(--glow-color);
+        }
+        .checkbox-group label {
+            margin-bottom: 0;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .checkbox-group label i {
+            color: var(--secondary);
+        }
+        .pairs-selector {
+            margin-top: 30px;
+        }
+        .pairs-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+            gap: 15px;
+            margin-top: 20px;
+        }
+        .pair-item {
+            position: relative;
+            background: var(--primary-dark);
+            border: 2px solid var(--card-border);
+            border-radius: 12px;
+            padding: 15px 10px;
+            text-align: center;
+            transition: all 0.3s ease;
+            cursor: pointer;
+            overflow: hidden;
+        }
+        .pair-item:hover {
+            transform: translateY(-3px);
+            border-color: var(--secondary-light);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+        }
+        .pair-item input[type="checkbox"] {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+            height: 0;
+            width: 0;
+        }
+        .pair-item input[type="checkbox"]:checked + .pair-label {
+            color: var(--secondary-light);
+            font-weight: bold;
+        }
+        .pair-item input[type="checkbox"]:checked ~ .pair-checkmark {
+            opacity: 1;
+            transform: scale(1);
+        }
+        .pair-item input[type="checkbox"]:checked ~ .pair-bg {
+            opacity: 0.15;
+        }
+        .pair-label {
+            position: relative;
+            z-index: 2;
+            font-weight: 600;
+            color: var(--text);
+            transition: all 0.3s ease;
+        }
+        .pair-checkmark {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            width: 20px;
+            height: 20px;
+            background: var(--secondary);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-size: 12px;
+            opacity: 0;
+            transform: scale(0);
+            transition: all 0.3s ease;
+            z-index: 2;
+        }
+        .pair-bg {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: var(--secondary);
+            opacity: 0;
+            transition: all 0.3s ease;
+            z-index: 1;
+        }
+        .save-btn {
+            background: linear-gradient(135deg, var(--success), var(--success-dark));
+            color: white;
+            border: none;
+            padding: 16px 30px;
+            border-radius: 12px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            margin-top: 30px;
+            position: relative;
+            overflow: hidden;
+        }
+        .save-btn::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+            transition: all 0.5s ease;
+        }
+        .save-btn:hover::before {
+            left: 100%;
+        }
+        .save-btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+        }
+        .notification {
+            position: fixed;
+            bottom: 30px;
+            right: 30px;
+            background: var(--card-bg);
+            border-radius: 12px;
+            padding: 20px;
+            box-shadow: 0 10px 30px var(--shadow-color);
+            border-right: 4px solid var(--secondary);
+            max-width: 350px;
+            transform: translateX(400px);
+            opacity: 0;
+            transition: all 0.5s ease;
+            z-index: 1000;
+            display: flex;
+            align-items: flex-start;
+            gap: 15px;
+        }
+        .notification.show {
+            transform: translateX(0);
+            opacity: 1;
+        }
+        .notification-icon {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background: rgba(52, 152, 219, 0.2);
+            color: var(--secondary);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 18px;
+            flex-shrink: 0;
+        }
+        .notification-content {
+            flex-grow: 1;
+        }
+        .notification-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 5px;
+            color: var(--text);
+        }
+        .notification-message {
+            font-size: 14px;
+            color: var(--text-dark);
+        }
+        .notification-close {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            color: var(--text-darker);
+            cursor: pointer;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .notification-close:hover {
+            color: var(--text);
+        }
+        .notification.success .notification-icon {
+            background: rgba(46, 204, 113, 0.2);
+            color: var(--success);
+        }
+        .notification.success {
+            border-right-color: var(--success);
+        }
+        .notification.error .notification-icon {
+            background: rgba(231, 76, 60, 0.2);
+            color: var(--danger);
+        }
+        .notification.error {
+            border-right-color: var(--danger);
+        }
+        .notification.warning .notification-icon {
+            background: rgba(241, 196, 15, 0.2);
+            color: var(--warning);
+        }
+        .notification.warning {
+            border-right-color: var(--warning);
+        }
+        /* Admin section */
+        .admin-section {
+            margin-top: 50px;
+            padding-top: 30px;
+            border-top: 1px dashed var(--card-border);
+        }
+        .admin-title {
+            color: var(--danger-light);
+            font-size: 18px;
+            margin-bottom: 20px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .admin-form {
+            background: rgba(231, 76, 60, 0.1);
+            border: 1px dashed var(--danger);
+            border-radius: 12px;
+            padding: 20px;
+        }
+        /* Mobile Responsiveness */
+        @media (max-width: 768px) {
+            .container {
+                padding: 15px;
+            }
+            .header {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+            .logo {
+                width: 100%;
+                justify-content: center;
+            }
+            .back-btn {
+                width: 100%;
+                justify-content: center;
+            }
+            .form-grid {
+                grid-template-columns: 1fr;
+                gap: 15px;
+            }
+            .pairs-grid {
+                grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+            }
+            .save-btn {
+                width: 100%;
+                justify-content: center;
+            }
+            .notification {
+                left: 20px;
+                right: 20px;
+                max-width: none;
+            }
+        }
+        @media (max-width: 480px) {
+            .container {
+                padding: 10px;
+            }
+            .settings-section {
+                padding: 20px 15px;
+            }
+            .section-title {
+                font-size: 18px;
+            }
+            .pairs-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            .input-group {
+                flex-direction: column;
+            }
+            .password-box {
+                padding: 30px 20px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Password Modal -->
+    <div class="password-modal" id="passwordModal">
+        <div class="password-box">
+            <h2><i class="fas fa-lock"></i> تسجيل الدخول</h2>
+            <input type="password" class="password-input" id="passwordInput" placeholder="أدخل كلمة المرور">
+            <button class="password-btn" onclick="checkPassword()">
+                <i class="fas fa-sign-in-alt"></i> دخول
+            </button>
+        </div>
+    </div>
+    <!-- Notification -->
+    <div class="notification" id="notification">
+        <div class="notification-icon">
+            <i class="fas fa-info-circle"></i>
+        </div>
+        <div class="notification-content">
+            <div class="notification-title" id="notificationTitle">تم التحديث</div>
+            <div class="notification-message" id="notificationMessage">تم تحديث البيانات بنجاح</div>
+        </div>
+        <div class="notification-close" onclick="hideNotification()">
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
+    <div class="container hidden" id="mainContent">
+        <div class="header">
+            <div class="logo">
+                <div class="logo-icon">
+                    <i class="fas fa-cog"></i>
+                </div>
+                <div class="logo-text">
+                    <h1>إعدادات نظام تحليل الفوركس</h1>
+                    <p>تخصيص معلمات التداول وأزواج العملات</p>
+                </div>
+            </div>
+            <a href="/" class="back-btn">
+                <i class="fas fa-arrow-right"></i> العودة إلى لوحة التحكم
+            </a>
+        </div>
+        <form method="POST" action="/update-settings" id="settingsForm">
+            <div class="settings-section">
+                <div class="section-header">
+                    <div class="section-title">
+                        <i class="fas fa-chart-bar"></i> معلمات التداول
+                    </div>
+                </div>
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label>نطاق وقف الخس��رة (نقاط):</label>
+                        <div class="input-group">
+                            <input type="number" name="stop_loss_min" value="{{ settings.stop_loss_min }}" min="10" max="100" class="form-control" placeholder="الحد الأدنى">
+                            <div class="input-group-text">إلى</div>
+                            <input type="number" name="stop_loss_max" value="{{ settings.stop_loss_max }}" min="10" max="100" class="form-control" placeholder="الحد الأقصى">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label>نطاق جني الأرباح (نقاط):</label>
+                        <div class="input-group">
+                            <input type="number" name="take_profit_min" value="{{ settings.take_profit_min }}" min="20" max="200" class="form-control" placeholder="الحد الأدنى">
+                            <div class="input-group-text">إلى</div>
+                            <input type="number" name="take_profit_max" value="{{ settings.take_profit_max }}" min="20" max="200" class="form-control" placeholder="الحد الأقصى">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label><i class="fas fa-clock"></i> مدة الصفقة القصوى (ساعات):</label>
+                        <input type="number" name="max_trade_duration" value="{{ settings.max_trade_duration }}" min="1" max="24" class="form-control">
+                    </div>
+                    <div class="form-group">
+                        <label><i class="fas fa-percentage"></i> نسبة المخاطرة (%):</label>
+                        <input type="number" step="0.1" name="risk_percentage" value="{{ settings.risk_percentage }}" min="0.5" max="10" class="form-control">
+                    </div>
+                    <div class="form-group">
+                        <label><i class="fas fa-bullseye"></i> الحد الأدنى للثقة (%):</label>
+                        <input type="number" name="min_confidence" value="{{ settings.min_confidence }}" min="50" max="95" class="form-control">
+                    </div>
+                    <div class="form-group">
+                        <label><i class="fas fa-arrows-alt-h"></i> اتجاه التداول:</label>
+                        <select name="trade_direction" class="form-control">
+                            <option value="both" {% if settings.trade_direction == 'both' %}selected{% endif %}>شراء وبيع</option>
+                            <option value="buy" {% if settings.trade_direction == 'buy' %}selected{% endif %}>شراء فقط</option>
+                            <option value="sell" {% if settings.trade_direction == 'sell' %}selected{% endif %}>بيع فقط</option>
+                        </select>
+                    </div>
+                    <div class="form-group">
+                        <label><i class="fas fa-hashtag"></i> الحد الأقصى للصفقات اليومية:</label>
+                        <input type="number" name="max_daily_trades" value="{{ settings.max_daily_trades }}" min="1" max="20" class="form-control">
+                    </div>
+                    <div class="form-group">
+                        <label><i class="fas fa-business-time"></i> ساعات التداول:</label>
+                        <div class="input-group">
+                            <input type="number" name="trading_hours_start" value="{{ settings.trading_hours_start }}" min="0" max="23" class="form-control" placeholder="البداية">
+                            <div class="input-group-text">إلى</div>
+                            <input type="number" name="trading_hours_end" value="{{ settings.trading_hours_end }}" min="0" max="23" class="form-control" placeholder="النهاية">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label>نطاق السبريد (نقاط):</label>
+                        <div class="input-group">
+                            <input type="number" step="0.1" name="min_spread" value="{{ settings.min_spread }}" min="0" max="10" class="form-control" placeholder="الحد الأدنى">
+                            <div class="input-group-text">إلى</div>
+                            <input type="number" step="0.1" name="max_spread" value="{{ settings.max_spread }}" min="0" max="20" class="form-control" placeholder="الحد الأقصى">
+                        </div>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="checkbox-group">
+                        <input type="checkbox" name="avoid_news_events" id="avoid_news" {% if settings.avoid_news_events %}checked{% endif %}>
+                        <label for="avoid_news"><i class="fas fa-newspaper"></i> تجنب التداول خلال الأخبار الاقتصادية</label>
+                    </div>
+                </div>
+            </div>
+            <div class="settings-section">
+                <div class="section-header">
+                    <div class="section-title">
+                        <i class="fas fa-coins"></i> أزواج العملات للتحليل
+                    </div>
+                </div>
+                <p>اختر من 2 إلى 8 أزواج عملات للتحليل التلقائي</p>
+                <div class="pairs-grid">
+                    {% for pair in all_pairs %}
+                    <div class="pair-item">
+                        <input type="checkbox" id="pair-{{ pair }}" name="selected_pairs" value="{{ pair }}" {% if pair in selected_pairs %}checked{% endif %}>
+                        <label class="pair-label" for="pair-{{ pair }}">{{ pair }}</label>
+                        <div class="pair-checkmark"><i class="fas fa-check"></i></div>
+                        <div class="pair-bg"></div>
+                    </div>
+                    {% endfor %}
+                </div>
+                <div class="form-group" style="margin-top: 30px;">
+                    <button type="submit" class="save-btn">
+                        <i class="fas fa-save"></i> حفظ الإعدادات
+                    </button>
+                </div>
+            </div>
+        </form>
+        <div class="admin-section">
+            <div class="section-header">
+                <div class="section-title">
+                    <i class="fas fa-user-shield"></i> إعدادات المطور
+                </div>
+            </div>
+            <div class="admin-controls">
+                <div class="admin-control-item">
+                    <label>تعديل الفاصل الزمني للتحليل (بالدقائق):</label>
+                    <div class="input-group">
+                        <input type="number" id="analysisInterval" value="{{ analysis_interval }}" min="5" max="240" class="form-control">
+                        <input type="password" id="adminPassword" placeholder="كلمة مرور المشرف" class="form-control">
+                        <button type="button" id="updateIntervalBtn" class="admin-btn">
+                            <i class="fas fa-save"></i> تحديث
+                        </button>
+                    </div>
+                    <small class="form-text">الفاصل الزمني الحالي: {{ analysis_interval }} دقيقة</small>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        let isAuthenticated = false;
+        // Check if user is already authenticated
+        function checkAuthStatus() {
+            const authStatus = localStorage.getItem('forex_auth');
+            if (authStatus === 'authenticated') {
+                isAuthenticated = true;
+                showMainContent();
+            } else {
+                showPasswordModal();
+            }
+        }
+        function showPasswordModal() {
+            document.getElementById('passwordModal').classList.remove('hidden');
+            document.getElementById('mainContent').classList.add('hidden');
+            document.getElementById('passwordInput').focus();
+        }
+        function showMainContent() {
+            document.getElementById('passwordModal').classList.add('hidden');
+            // Delay showing content for animation
+            setTimeout(() => {
+                document.getElementById('mainContent').classList.remove('hidden');
+                setTimeout(() => {
+                    document.getElementById('mainContent').classList.add('visible');
+                }, 100);
+            }, 300);
+        }
+        function checkPassword() {
+            const password = document.getElementById('passwordInput').value;
+            if (password === 'hakim1234') {
+                isAuthenticated = true;
+                localStorage.setItem('forex_auth', 'authenticated');
+                showMainContent();
+            } else {
+                showNotification('خطأ', 'كلمة المرور غير صحيحة!', 'error');
+                document.getElementById('passwordInput').value = '';
+            }
+        }
+        function showNotification(title, message, type = 'info') {
+            const notification = document.getElementById('notification');
+            const notificationTitle = document.getElementById('notificationTitle');
+            const notificationMessage = document.getElementById('notificationMessage');
+            const notificationIcon = notification.querySelector('.notification-icon i');
+            // Set notification content
+            notificationTitle.textContent = title;
+            notificationMessage.textContent = message;
+            // Set notification type
+            notification.className = 'notification';
+            notification.classList.add(type);
+            // Set icon based on type
+            switch(type) {
+                case 'success':
+                    notificationIcon.className = 'fas fa-check-circle';
+                    break;
+                case 'error':
+                    notificationIcon.className = 'fas fa-exclamation-circle';
+                    break;
+                case 'warning':
+                    notificationIcon.className = 'fas fa-exclamation-triangle';
+                    break;
+                default:
+                    notificationIcon.className = 'fas fa-info-circle';
+            }
+            // Show notification
+            notification.classList.add('show');
+            // Auto hide after 5 seconds
+            setTimeout(hideNotification, 5000);
+        }
+        function hideNotification() {
+            const notification = document.getElementById('notification');
+            notification.classList.remove('show');
+        }
+        function validatePairsSelection() {
+            const selectedPairs = document.querySelectorAll('input[name="selected_pairs"]:checked');
+            if (selectedPairs.length < 2 || selectedPairs.length > 8) {
+                showNotification('خطأ', 'يجب اختيار من 2 إلى 8 أزواج عملات', 'error');
+                return false;
+            }
+            return true;
+        }
+        function updateAnalysisInterval() {
+            const password = document.getElementById('adminPassword').value;
+            const interval = document.getElementById('analysisInterval').value;
+            if (!password || !interval) {
+                showNotification('خطأ', 'يرجى إدخال كلمة المرور والفاصل الزمني', 'error');
+                return;
+            }
+            const formData = new FormData();
+            formData.append('admin_password', password);
+            formData.append('analysis_interval', interval);
+            fetch('/update-interval', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    showNotification('تم التحديث', data.message, 'success');
+                    document.getElementById('adminPassword').value = '';
+                    // Update displayed interval
+                    document.querySelector('.form-text').textContent = `الفاصل الزمني الحالي: ${data.new_interval} دقيقة`;
+                } else {
+                    showNotification('خطأ', data.message, 'error');
+                }
+            })
+            .catch(error => {
+                showNotification('خطأ', 'حدث خطأ أثناء تحديث الفاصل الزمني', 'error');
+                console.error('Error updating interval:', error);
+            });
+        }
+        // Enter key for password
+        document.addEventListener('keypress', function(e) {
+            if (e.key === 'Enter' && !isAuthenticated) {
+                checkPassword();
+            }
+        });
+        // Initialize on page load
+        document.addEventListener('DOMContentLoaded', function() {
+            checkAuthStatus();
+            // Add form validation
+            document.getElementById('settingsForm').addEventListener('submit', function(e) {
+                if (!validatePairsSelection()) {
+                    e.preventDefault();
+                } else {
+                    showNotification('جاري المعالجة', 'جاري حفظ الإعدادات...', 'info');
+                }
+            });
+            // Add event listener for update interval button
+            document.getElementById('updateIntervalBtn').addEventListener('click', updateAnalysisInterval);
+            // Add event listeners for pair selection items to improve UX
+            document.querySelectorAll('.pair-item').forEach(item => {
+                item.addEventListener('click', function(e) {
+                    // If the click was directly on the checkbox, don't interfere
+                    if (e.target.type === 'checkbox') return;
+                    // Otherwise toggle the checkbox
+                    const checkbox = this.querySelector('input[type="checkbox"]');
+                    checkbox.checked = !checkbox.checked;
+                    // Visual feedback
+                    if (checkbox.checked) {
+                        this.classList.add('selected');
+                    } else {
+                        this.classList.remove('selected');
+                    }
+                });
+                // Set initial selected state
+                const checkbox = item.querySelector('input[type="checkbox"]');
+                if (checkbox.checked) {
+                    item.classList.add('selected');
+                }
+            });
+        });
+    </script>
+</body>
+</html>