{"id":653,"date":"2026-01-01T02:55:17","date_gmt":"2025-12-31T23:25:17","guid":{"rendered":"https:\/\/ctpri.ir\/?page_id=653"},"modified":"2026-01-04T04:50:19","modified_gmt":"2026-01-04T01:20:19","slug":"%d9%84%db%8c%d9%86%da%a9-%d9%82%d8%b1%d8%a7%d8%b1%d8%af%d8%a7%d8%af","status":"publish","type":"page","link":"https:\/\/ctpri.ir\/?page_id=653","title":{"rendered":"\u0644\u06cc\u0646\u06a9 \u0642\u0631\u0627\u0631\u062f\u0627\u062f"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f \u0631\u0627\u06cc\u0627\u0646\u0647<\/title>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/signature_pad@4.2.0\/dist\/signature_pad.umd.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body { \n            font-family: 'Tahoma', 'Segoe UI', Arial, sans-serif; \n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            padding: 20px; \n            min-height: 100vh;\n        }\n        \n        .container { \n            max-width: 1000px; \n            margin: auto; \n            background: white; \n            border-radius: 20px; \n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n            overflow: hidden;\n        }\n        \n        .header {\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n            color: white;\n            padding: 40px 30px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .header::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n            animation: pulse 15s infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.1); opacity: 0.8; }\n        }\n        \n        .header h1 {\n            font-size: 28px;\n            margin-bottom: 15px;\n            position: relative;\n            z-index: 1;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n        \n        .header p {\n            font-size: 18px;\n            opacity: 0.95;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .progress-bar {\n            display: flex;\n            justify-content: space-between;\n            padding: 30px 50px;\n            background: #f8f9fa;\n            position: relative;\n        }\n        \n        .progress-step {\n            flex: 1;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .progress-step::before {\n            content: '';\n            position: absolute;\n            top: 20px;\n            right: 50%;\n            width: 100%;\n            height: 3px;\n            background: #e0e0e0;\n            z-index: -1;\n        }\n        \n        .progress-step:last-child::before {\n            display: none;\n        }\n        \n        .step-circle {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: white;\n            border: 3px solid #e0e0e0;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 20px;\n            color: #999;\n            margin-bottom: 10px;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n        \n        .progress-step.active .step-circle {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            border-color: #667eea;\n            color: white;\n            transform: scale(1.1);\n            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\n        }\n        \n        .progress-step.completed .step-circle {\n            background: #28a745;\n            border-color: #28a745;\n            color: white;\n        }\n        \n        .progress-step.completed .step-circle::after {\n            content: '\u2713';\n            position: absolute;\n        }\n        \n        .step-label {\n            font-size: 14px;\n            color: #666;\n            font-weight: 500;\n        }\n        \n        .progress-step.active .step-label {\n            color: #667eea;\n            font-weight: bold;\n        }\n        \n        .content {\n            padding: 40px 50px;\n        }\n        \n        .step { display: none; animation: fadeIn 0.5s ease; }\n        .step.active { display: block; }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        h2 { \n            color: #2a5298; \n            margin-bottom: 30px; \n            font-size: 24px;\n            border-bottom: 3px solid #667eea;\n            padding-bottom: 15px;\n        }\n        \n        .form-group {\n            margin-bottom: 25px;\n        }\n        \n        label { \n            display: block;\n            margin-bottom: 8px;\n            color: #333;\n            font-weight: 600;\n            font-size: 15px;\n        }\n        \n        input, textarea { \n            width: 100%; \n            padding: 14px 18px; \n            border: 2px solid #e0e0e0; \n            border-radius: 10px; \n            font-size: 15px;\n            font-family: 'Tahoma', Arial, sans-serif;\n            transition: all 0.3s ease;\n            background: #fafafa;\n        }\n        \n        input:focus, textarea:focus { \n            outline: none;\n            border-color: #667eea;\n            background: white;\n            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n        }\n        \n        textarea {\n            resize: vertical;\n            min-height: 120px;\n        }\n        \n        button { \n            padding: 14px 30px; \n            margin: 10px 5px; \n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white; \n            border: none; \n            border-radius: 10px; \n            cursor: pointer; \n            font-size: 16px;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\n        }\n        \n        button:hover { \n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\n        }\n        \n        button:active {\n            transform: translateY(0);\n        }\n        \n        button:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        button.secondary {\n            background: linear-gradient(135deg, #868f96 0%, #596164 100%);\n            box-shadow: 0 4px 15px rgba(134, 143, 150, 0.3);\n        }\n        \n        button.save-img { \n            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);\n            font-size: 18px; \n            padding: 18px 40px;\n            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);\n        }\n        \n        .signature-box { \n            border: 3px dashed #667eea; \n            border-radius: 12px; \n            background: #fafafa; \n            margin: 15px 0; \n            height: 200px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .signature-box::before {\n            content: '\u0627\u06cc\u0646\u062c\u0627 \u0627\u0645\u0636\u0627 \u06a9\u0646\u06cc\u062f';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            color: #ccc;\n            font-size: 18px;\n            pointer-events: none;\n            z-index: 0;\n        }\n        \n        canvas { \n            width: 100%; \n            height: 100%; \n            touch-action: none; \n            display: block;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .nav-buttons { \n            text-align: center; \n            margin-top: 40px;\n            padding-top: 30px;\n            border-top: 2px solid #f0f0f0;\n        }\n        \n        #contract-preview {\n            border: 2px solid #e0e0e0;\n            padding: 30px;\n            background: #fafafa;\n            margin: 20px 0;\n            white-space: pre-wrap;\n            text-align: justify;\n            direction: rtl;\n            border-radius: 10px;\n            line-height: 2;\n        }\n        \n        #final-preview { \n            border: 2px solid #e0e0e0; \n            padding: 50px; \n            margin: 30px auto; \n            background: #fff; \n            line-height: 2;\n            font-size: 16px;\n            max-width: 900px;\n            direction: rtl;\n            border-radius: 10px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n        \n        .contract-header {\n            text-align: center;\n            border-bottom: 3px double #2a5298;\n            padding-bottom: 30px;\n            margin-bottom: 40px;\n        }\n        \n        .contract-header h1 {\n            color: #2a5298;\n            font-size: 26px;\n            margin-bottom: 10px;\n            font-weight: bold;\n        }\n        \n        .contract-header h2 {\n            color: #667eea;\n            font-size: 22px;\n            margin-bottom: 20px;\n            border: none;\n            padding: 0;\n        }\n        \n        .contract-number {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 12px 25px;\n            border-radius: 25px;\n            display: inline-block;\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 15px;\n        }\n        \n        #final-preview img { \n            max-height: 120px; \n            margin: 30px 0; \n            display: block; \n            border: 2px solid #e0e0e0;\n            border-radius: 8px;\n            padding: 10px;\n            background: white;\n        }\n        \n        .loading { \n            display: none; \n            text-align: center; \n            margin: 20px; \n            color: #667eea; \n            font-weight: bold;\n            font-size: 18px;\n        }\n        \n        .loading.active { \n            display: block;\n            animation: pulse 1.5s infinite;\n        }\n        \n        .signature-section {\n            margin-top: 25px;\n            padding: 20px;\n            background: #f8f9fa;\n            border-radius: 10px;\n        }\n        \n        .signature-section h3 {\n            color: #2a5298;\n            margin-bottom: 15px;\n            font-size: 18px;\n        }\n        \n        .party-info-box {\n            background: #f8f9fa;\n            padding: 25px;\n            border-radius: 10px;\n            margin-bottom: 30px;\n        }\n        \n        .party-info-box h3 {\n            color: #2a5298;\n            margin-bottom: 20px;\n            font-size: 18px;\n        }\n        \n        .party-card {\n            background: white;\n            padding: 20px;\n            border-radius: 8px;\n            margin-bottom: 15px;\n        }\n        \n        .party-card h4 {\n            margin-bottom: 15px;\n            font-size: 16px;\n        }\n        \n        .party-card p {\n            line-height: 2;\n            color: #333;\n        }\n        \n        .accept-terms-box {\n            background: #fff3cd;\n            border: 2px solid #ffc107;\n            border-radius: 10px;\n            padding: 20px;\n            margin-top: 30px;\n            text-align: center;\n        }\n        \n        .accept-terms-box label {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 16px;\n            color: #333;\n        }\n        \n        .accept-terms-box input[type=\"checkbox\"] {\n            width: 20px;\n            height: 20px;\n            margin-left: 10px;\n            cursor: pointer;\n        }\n        \n                    @media print {\n\n    \/* \u274c \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u06a9\u0644 \u0633\u0627\u06cc\u062a *\/\n    body * {\n        visibility: hidden !important;\n    }\n\n    \/* \u2705 \u0641\u0642\u0637 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u062f\u06cc\u062f\u0647 \u0634\u0648\u062f *\/\n    #final-preview,\n    #final-preview * {\n        visibility: visible !important;\n    }\n\n    \/* \ud83d\udcc4 \u062a\u0646\u0638\u06cc\u0645 \u0645\u0648\u0642\u0639\u06cc\u062a \u0642\u0631\u0627\u0631\u062f\u0627\u062f *\/\n    #final-preview {\n        position: absolute;\n        top: 0;\n        right: 0;\n        left: 0;\n        width: 100%;\n        padding: 30px;\n        margin: 0;\n        border: none;\n        box-shadow: none;\n        background: white;\n    }\n\n    \/* \u274c \u062d\u0630\u0641 margin \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0645\u0631\u0648\u0631\u06af\u0631 *\/\n    @page {\n        margin: 0;\n    }\n\n    body {\n        margin: 0;\n        padding: 0;\n        background: white;\n    }\n}\n\/* ========== Responsive Design for Mobile ========== *\/\n        @media screen and (max-width: 768px) {\n            body {\n                padding: 10px;\n            }\n            \n            .container {\n                border-radius: 15px;\n            }\n            \n            .header {\n                padding: 25px 15px;\n            }\n            \n            .header h1 {\n                font-size: 20px;\n                margin-bottom: 10px;\n            }\n            \n            .header p {\n                font-size: 14px;\n            }\n            \n            .progress-bar {\n                padding: 20px 15px;\n                flex-wrap: nowrap;\n                overflow-x: auto;\n            }\n            \n            .progress-step {\n                min-width: 70px;\n            }\n            \n            .step-circle {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n                margin-bottom: 8px;\n            }\n            \n            .step-label {\n                font-size: 11px;\n            }\n            \n            .content {\n                padding: 20px 15px;\n            }\n            \n            h2 {\n                font-size: 18px;\n                margin-bottom: 20px;\n                padding-bottom: 10px;\n            }\n            \n            .form-group {\n                margin-bottom: 20px;\n            }\n            \n            label {\n                font-size: 14px;\n                margin-bottom: 6px;\n            }\n            \n            input, textarea {\n                padding: 12px 14px;\n                font-size: 14px;\n            }\n            \n            textarea {\n                min-height: 150px;\n            }\n            \n            button {\n                padding: 12px 20px;\n                margin: 8px 3px;\n                font-size: 14px;\n                width: auto;\n            }\n            \n            button.save-img {\n                font-size: 15px;\n                padding: 14px 25px;\n                width: 100%;\n                margin: 10px 0;\n            }\n            \n            .nav-buttons {\n                margin-top: 25px;\n                padding-top: 20px;\n            }\n            \n            .nav-buttons button {\n                display: block;\n                width: 100%;\n                margin: 8px 0;\n            }\n            \n            #contract-preview {\n                padding: 15px;\n                font-size: 13px;\n                line-height: 1.8;\n            }\n            \n            #final-preview {\n                padding: 20px;\n                font-size: 13px;\n                line-height: 1.8;\n                margin: 15px auto;\n            }\n            \n            .contract-header h1 {\n                font-size: 18px;\n            }\n            \n            .contract-header h2 {\n                font-size: 16px;\n            }\n            \n            .contract-number {\n                padding: 10px 20px;\n                font-size: 13px;\n            }\n            \n            .signature-box {\n                height: 150px;\n                margin: 10px 0;\n            }\n            \n            .signature-box::before {\n                font-size: 14px;\n            }\n            \n            .signature-section {\n                margin-top: 20px;\n                padding: 15px;\n            }\n            \n            .signature-section h3 {\n                font-size: 15px;\n                margin-bottom: 10px;\n            }\n            \n            .party-info-box {\n                padding: 15px;\n                margin-bottom: 20px;\n            }\n            \n            .party-info-box h3 {\n                font-size: 15px;\n                margin-bottom: 15px;\n            }\n            \n            .party-card {\n                padding: 12px;\n                margin-bottom: 12px;\n            }\n            \n            .party-card h4 {\n                font-size: 14px;\n                margin-bottom: 10px;\n            }\n            \n            .party-card p {\n                font-size: 13px;\n                line-height: 1.8;\n            }\n            \n            .accept-terms-box {\n                padding: 15px;\n                margin-top: 20px;\n            }\n            \n            .accept-terms-box label {\n                font-size: 13px;\n            }\n            \n            .accept-terms-box input[type=\"checkbox\"] {\n                width: 18px;\n                height: 18px;\n            }\n            \n            #final-preview img {\n                max-height: 100px;\n                margin: 15px 0;\n            }\n            \n            .loading {\n                font-size: 15px;\n            }\n        }\n        \n        @media screen and (max-width: 480px) {\n            .header h1 {\n                font-size: 18px;\n            }\n            \n            .header p {\n                font-size: 13px;\n            }\n            \n            .step-circle {\n                width: 35px;\n                height: 35px;\n                font-size: 14px;\n            }\n            \n            .step-label {\n                font-size: 10px;\n            }\n            \n            h2 {\n                font-size: 16px;\n            }\n            \n            label {\n                font-size: 13px;\n            }\n            \n            input, textarea {\n                padding: 10px 12px;\n                font-size: 13px;\n            }\n            \n            button {\n                padding: 10px 16px;\n                font-size: 13px;\n            }\n            \n            #contract-preview, #final-preview {\n                font-size: 12px;\n                padding: 12px;\n            }\n            \n            .contract-header h1 {\n                font-size: 16px;\n            }\n            \n            .contract-header h2 {\n                font-size: 14px;\n            }\n            \n            .contract-number {\n                font-size: 12px;\n                padding: 8px 15px;\n            }\n            \n            .signature-box {\n                height: 120px;\n            }\n        \n    \n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <h1>\u0634\u0631\u06a9\u062a \u062a\u0639\u0627\u0648\u0646\u06cc \u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f \u0631\u0627\u06cc\u0627\u0646\u0647 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646<\/h1>\n            <p>\u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u0648\u0632\u0627\u0631\u062a \u062a\u0639\u0627\u0648\u0646 \u060c \u06a9\u0627\u0631 \u0648 \u0631\u0641\u0627\u0647 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/p>\n            <p>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc<\/p>\n        <\/div>\n        \n        <div class=\"progress-bar\">\n            <div class=\"progress-step active\" data-step=\"1\">\n                <div class=\"step-circle\">\u06f1<\/div>\n                <div class=\"step-label\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0637\u0631\u0641\u06cc\u0646<\/div>\n            <\/div>\n            <div class=\"progress-step\" data-step=\"2\">\n                <div class=\"step-circle\">\u06f2<\/div>\n                <div class=\"step-label\">\u0645\u062a\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/div>\n            <\/div>\n            <div class=\"progress-step\" data-step=\"3\">\n                <div class=\"step-circle\">\u06f3<\/div>\n                <div class=\"step-label\">\u0627\u0645\u0636\u0627\u06cc \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/div>\n            <\/div>\n            <div class=\"progress-step\" data-step=\"4\">\n                <div class=\"step-circle\">\u06f4<\/div>\n                <div class=\"step-label\">\u062f\u0627\u0646\u0644\u0648\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"content\">\n            <div id=\"step1\" class=\"step active\">\n                <h2>\u0645\u0631\u062d\u0644\u0647 1 :<\/h2>\n                <h2>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0634\u0631\u06a9\u062a ( \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ) :<\/h2>\n                <div class=\"form-group\">\n                    <label>\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a :<\/label>\n                    <input type=\"text\" id=\"company-name\" value=\"\u0634\u0631\u06a9\u062a \u062a\u0639\u0627\u0648\u0646\u06cc \u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f \u0631\u0627\u06cc\u0627\u0646\u0647 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646 \u060c \u0628\u0647 \u0634\u0645\u0627\u0631\u0647 \u062b\u0628\u062a 256844\" readonly>\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u0622\u062f\u0631\u0633 \u0634\u0631\u06a9\u062a :<\/label>\n                    <input type=\"text\" id=\"company-address\" value=\"\u062a\u0647\u0631\u0627\u0646 \u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0648\u062d\u06cc\u062f \u062f\u0633\u062a\u06af\u0631\u062f\u06cc ( \u0638\u0641\u0631 ) \u060c \u067e\u0644\u0627\u06a9 197 \u060c \u0637\u0628\u0642\u0647 1 \u060c \u0648\u0627\u062d\u062f 3\" readonly>\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u062a\u0644\u0641\u0646 \u0648 \u0627\u06cc\u0645\u06cc\u0644 \u0634\u0631\u06a9\u062a :<\/label>\n                    <input type=\"text\" id=\"company-contact\" value=\"02122912061  09351681852  09212530881   Email: info@ctpri.ir    Email: taavonipasargadrayanehiranian@gmail.com\" readonly>\n                <\/div>\n                <div class=\"form-group\">\n                    <h2>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0634\u062a\u0631\u06cc ( \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ) :<\/h2>\n                    <label>\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0645\u0634\u062a\u0631\u06cc :<\/label>\n                    <input type=\"text\" id=\"customer-name\" placeholder=\"Enter the customer's first and last name\">\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u06a9\u062f \u0645\u0644\u06cc \u0645\u0634\u062a\u0631\u06cc :<\/label>\n                    <input type=\"text\" id=\"customer-national-code\" placeholder=\"Enter the customer's national code\">\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u0622\u062f\u0631\u0633 \u0645\u0634\u062a\u0631\u06cc :<\/label>\n                    <input type=\"text\" id=\"customer-address\" placeholder=\"Enter the customer's address.\">\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 :<\/label>\n                    <input type=\"text\" id=\"customer-mobile\" placeholder=\"Enter the customer's mobile number\">\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u062a\u0644\u0641\u0646 \u062b\u0627\u0628\u062a :<\/label>\n                    <input type=\"text\" id=\"customer-phone\" placeholder=\"Enter the landline number with the city code ( example: 02112345678 )\">\n                <\/div>\n                <div class=\"nav-buttons\">\n                    <button onclick=\"nextStep(2)\">\u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u2190<\/button>\n                <\/div>\n            <\/div>\n            \n            <div id=\"step2\" class=\"step\">\n                <h2>\u0645\u0631\u062d\u0644\u0647 2 :<\/h2>\n                <h2>\u0645\u0648\u0636\u0648\u0639 \u0648 \u0645\u062a\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/h2>\n                <div class=\"form-group\">\n                    <label>\u0645\u0648\u0636\u0648\u0639 \u0642\u0631\u0627\u0631\u062f\u0627\u062f :<\/label>\n                    <input type=\"text\" id=\"contract-subject\" value=\"\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u0627\u0631\u0627\u0626\u0647 \u06a9\u0644\u06cc\u0647 \u062e\u062f\u0645\u0627\u062a \u062f\u0631 \u0627\u0645\u0648\u0631 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u062e\u0630 \u067e\u0630\u06cc\u0631\u0634 \u0627\u0632 \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u060c \u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc \u0627\u06cc\u0646 \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0647\u0627 \u0631\u0627 \u062f\u0627\u0631\u062f .\" readonly>\n                    <br><br>\n                    <input type=\"text\" id=\"contract-subject2\" value=\"\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u0627\u0631\u0627\u0626\u0647 \u06a9\u0644\u06cc\u0647 \u062e\u062f\u0645\u0627\u062a \u062f\u0631 \u0627\u0645\u0648\u0631 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0631\u0632\u0648\u0645\u0647 ( CV ) \u060c \u0627\u0646\u06af\u06cc\u0632\u0647 \u0646\u0627\u0645\u0647 (  SOP  ) \u060c \u062a\u0648\u0635\u06cc\u0647 \u0646\u0627\u0645\u0647 (  Reference Letter )\" readonly>\n                <\/div>\n                <div class=\"form-group\">\n                    <label>\u0645\u062a\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f :<\/label>\n                    <textarea id=\"contract-text\" rows=\"15\" readonly>According to this contract, both parties are committed and obligated to comply with all the terms and provisions of this agreement.\n\n**A) Subject of the Contract:**\n\n**A.1)** Providing consultation and all related services concerning obtaining admission from universities for which the First Party holds official representation\n(Obtaining admission at the Bachelor&#8217;s or Master&#8217;s degree level).\n\n**A.2)** Providing consulting services for the preparation of documents such as a Resume (CV), Motivation Letter, and Reference Letter\n(if requested by the university from the applicant).\n\n\n**B) Contract Fee:**\n\nThe total amount of this contract is two thousand five hundred euros (\u20ac2,500), which the Second Party to the contract (Employer \/ Applicant) is obligated to pay in two installments.\n\n\n**C) Terms and Method of Payment:**\n\n**C.1)** The Second Party to the contract undertakes to pay the amount of one thousand five hundred euros (\u20ac1,500) to the First Party at the commencement of work or no later than 48 hours after signing this contract.\n\n**C.2)** The Second Party is obligated and committed to paying the remaining amount of one thousand euros (\u20ac1,000) to the First Party two weeks after signing this contract.\n\n\n**D) Other Terms of the Contract:**\n\n**D.1)** The Second Party to the contract is required to prepare all documents required and requested by the university for admission to the Bachelor&#8217;s or Master&#8217;s degree programs and submit them to the First Party.\nThe required documents include, but are not limited to, the following:\n\n* Resume (CV)\n* Motivation Letter and Reference Letter (if requested by the university)\n* Affidavit and declaration of place of residence\n* Medical health certificate\n* Original and translated high school transcripts\n* Original and translated high school diploma certificate\n* Original and translated Bachelor&#8217;s degree certificate and transcripts\n* Copy of passport\n* Original and translated national identification card\n* Original and translated birth certificate, along with explanations if applicable\n* Any other documents requested by the university from the applicant that are not mentioned in this contract\n\n**Note 1:** All documents of the Second Party (Applicant) must be translated into English and the official language of the destination country. For university enrollment purposes, the original translated documents must be submitted to the university upon arrival in the destination country.\nAdditionally, all applicant documents must be approved and legalized by the embassy of the destination country in the country where the applicant has applied for a visa.\n\n**D.2)** In the event that the Second Party fails to fulfill its obligations, the First Party shall be entitled to terminate the contract. In such a case, no amounts paid shall be refunded to the Second Party.\n\n**D.3)** All costs, including but not limited to:\n\n* Purchase of travel insurance\n* Purchase of airline tickets\n* Accommodation costs in the destination country, hotel reservation fees, or student dormitory expenses\n* Deposit of funds into the account of the destination country&#8217;s embassy\n* Translation of all documents required by the university\n* Recognition or equivalency of educational qualifications\n* Translation of all documents required by the destination country&#8217;s embassy\n\nshall be the sole responsibility of the Second Party to the contract (Applicant).\n\n**Note 2:** In the event that the embassy of the destination country rejects the student&#8217;s study visa application, the university shall refund the paid tuition fee to the applicant, and the amount shall be returned to the applicant&#8217;s account.\n\n**D.4)** The sole authority responsible for deciding on and issuing study visas is the embassy of the destination country. If the student&#8217;s study visa application is rejected by the embassy, the First Party shall bear no responsibility for such rejection, and no fees shall be refunded.\n\n**D.5)** In the event that the First Party fails to secure admission for the Second Party from any university, and it is determined that such failure is due to the fault, negligence, or omission of the Second Party (for any reason whatsoever), the service fee in the amount of \u20ac2,500 (two thousand five hundred euros) shall be non-refundable.\nHowever, if it is determined that the failure to obtain admission is due to the fault or negligence of the First Party, the full service fee of \u20ac2,500 (two thousand five hundred euros) shall be fully refunded to the Second Party.\n\n\n&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;\n\n\u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u060c \u0637\u0631\u0641\u06cc\u0646 \u0645\u062a\u0639\u0647\u062f \u0648 \u0645\u0644\u0632\u0645 \u0628\u0647 \u0631\u0639\u0627\u06cc\u062a \u06a9\u0644\u06cc\u0647 \u0645\u0641\u0627\u062f \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f.\n\n**\u0627\u0644\u0641) \u0645\u0648\u0636\u0648\u0639 \u0642\u0631\u0627\u0631\u062f\u0627\u062f:**\n\n**A.1)** \u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u0627\u0631\u0627\u0626\u0647 \u06a9\u0644\u06cc\u0647 \u062e\u062f\u0645\u0627\u062a \u062f\u0631 \u0627\u0645\u0648\u0631 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u062e\u0630 \u067e\u0630\u06cc\u0631\u0634 \u0627\u0632 \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u060c \u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc \u0627\u06cc\u0646 \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0647\u0627 \u0631\u0627 \u062f\u0627\u0631\u062f ( \u062f\u0631\u06cc\u0627\u0641\u062a \u067e\u0630\u06cc\u0631\u0634 \u062f\u0631 \u0645\u0642\u0637\u0639 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc \u06cc\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc \u0627\u0631\u0634\u062f ).\n\n**A.2)** \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062c\u0647\u062a \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062f\u0627\u0631\u06a9\u06cc \u0627\u0632 \u0642\u0628\u06cc\u0644 \u0631\u0632\u0648\u0645\u0647 ( CV )\u060c \u0627\u0646\u06af\u06cc\u0632\u0647\u200c\u0646\u0627\u0645\u0647 ( SOP ) \u0648 \u062a\u0648\u0635\u06cc\u0647\u200c\u0646\u0627\u0645\u0647 ( Reference Letter ) ( \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0627\u0632 \u0633\u0648\u06cc \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0627\u0632 \u0645\u062a\u0642\u0627\u0636\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u062f\u0647 \u0628\u0627\u0634\u062f ).\n\n**\u0628) \u0647\u0632\u06cc\u0646\u0647 \u0642\u0631\u0627\u0631\u062f\u0627\u062f:**\n\n\u0645\u0628\u0644\u063a \u06a9\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u062f\u0648 \u0647\u0632\u0627\u0631 \u0648 \u067e\u0627\u0646\u0635\u062f \u06cc\u0648\u0631\u0648 (2,500 \u06cc\u0648\u0631\u0648) \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0648 \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u0648\u0638\u0641 \u0627\u0633\u062a \u0627\u06cc\u0646 \u0645\u0628\u0644\u063a \u0631\u0627 \u062f\u0631 \u062f\u0648 \u0645\u0631\u062d\u0644\u0647 \u067e\u0631\u062f\u0627\u062e\u062a \u0646\u0645\u0627\u06cc\u062f.\n\n**\u062c) \u0634\u0631\u0627\u06cc\u0637 \u0648 \u0646\u062d\u0648\u0647 \u067e\u0631\u062f\u0627\u062e\u062a \u0645\u0628\u0644\u063a \u0642\u0631\u0627\u0631\u062f\u0627\u062f:**\n\n**C.1)** \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u062a\u0639\u0647\u062f \u0627\u0633\u062a \u0645\u0628\u0644\u063a \u06cc\u06a9 \u0647\u0632\u0627\u0631 \u0648 \u067e\u0627\u0646\u0635\u062f \u06cc\u0648\u0631\u0648 (1,500 \u06cc\u0648\u0631\u0648) \u0631\u0627 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u06cc\u0627 \u062d\u062f\u0627\u06a9\u062b\u0631 \u0638\u0631\u0641 \u0645\u062f\u062a 48 \u0633\u0627\u0639\u062a \u067e\u0633 \u0627\u0632 \u0627\u0645\u0636\u0627\u06cc \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0647 \u0637\u0631\u0641 \u0627\u0648\u0644 \u067e\u0631\u062f\u0627\u062e\u062a \u0646\u0645\u0627\u06cc\u062f.\n\n**C.2)** \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u062a\u0639\u0647\u062f \u0648 \u0645\u0648\u0638\u0641 \u0627\u0633\u062a \u0645\u0628\u0644\u063a \u0628\u0627\u0642\u06cc\u0645\u0627\u0646\u062f\u0647 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0647 \u0645\u06cc\u0632\u0627\u0646 \u06cc\u06a9 \u0647\u0632\u0627\u0631 \u06cc\u0648\u0631\u0648 (1,000 \u06cc\u0648\u0631\u0648) \u0631\u0627 \u062f\u0648 \u0647\u0641\u062a\u0647 \u067e\u0633 \u0627\u0632 \u0627\u0645\u0636\u0627\u06cc \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0647 \u0637\u0631\u0641 \u0627\u0648\u0644 \u067e\u0631\u062f\u0627\u062e\u062a \u0646\u0645\u0627\u06cc\u062f.\n\n**\u062f) \u0633\u0627\u06cc\u0631 \u0645\u0641\u0627\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f:**\n\n**D.1)** \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u0648\u0638\u0641 \u0627\u0633\u062a \u06a9\u0644\u06cc\u0647 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u06cc \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u062c\u0647\u062a \u0627\u062e\u0630 \u067e\u0630\u06cc\u0631\u0634 \u062f\u0631 \u0645\u0642\u0637\u0639 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc \u06cc\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc \u0627\u0631\u0634\u062f \u0631\u0627 \u062a\u0647\u06cc\u0647 \u0648 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u062f. \u0645\u062f\u0627\u0631\u06a9 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u062f:\n\n* \u0631\u0632\u0648\u0645\u0647 (CV)\n* \u0627\u0646\u06af\u06cc\u0632\u0647\u200c\u0646\u0627\u0645\u0647 \u0648 \u062a\u0648\u0635\u06cc\u0647\u200c\u0646\u0627\u0645\u0647 (\u062f\u0631 \u0635\u0648\u0631\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0627\u0646\u0634\u06af\u0627\u0647)\n* \u062a\u0639\u0647\u062f\u0646\u0627\u0645\u0647 \u0648 \u0627\u0638\u0647\u0627\u0631\u0646\u0627\u0645\u0647 \u0645\u062d\u0644 \u0633\u06a9\u0648\u0646\u062a\n* \u06af\u0648\u0627\u0647\u06cc \u0633\u0644\u0627\u0645\u062a \u067e\u0632\u0634\u06a9\u06cc\n* \u0627\u0635\u0644 \u0648 \u062a\u0631\u062c\u0645\u0647 \u0631\u06cc\u0632\u0646\u0645\u0631\u0627\u062a \u062f\u06cc\u067e\u0644\u0645 (\u062f\u0628\u06cc\u0631\u0633\u062a\u0627\u0646)\n* \u0627\u0635\u0644 \u0648 \u062a\u0631\u062c\u0645\u0647 \u0645\u062f\u0631\u06a9 \u062f\u06cc\u067e\u0644\u0645 (\u062f\u0628\u06cc\u0631\u0633\u062a\u0627\u0646)\n* \u0627\u0635\u0644 \u0648 \u062a\u0631\u062c\u0645\u0647 \u0645\u062f\u0631\u06a9 \u0648 \u0631\u06cc\u0632\u0646\u0645\u0631\u0627\u062a \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u06cc\n* \u06a9\u067e\u06cc \u06af\u0630\u0631\u0646\u0627\u0645\u0647\n* \u0627\u0635\u0644 \u0648 \u062a\u0631\u062c\u0645\u0647 \u06a9\u0627\u0631\u062a \u0645\u0644\u06cc\n* \u0627\u0635\u0644 \u0648 \u062a\u0631\u062c\u0645\u0647 \u0634\u0646\u0627\u0633\u0646\u0627\u0645\u0647 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062f\u0631 \u0635\u0648\u0631\u062a \u0648\u062c\u0648\u062f\n* \u0648 \u06a9\u0644\u06cc\u0647 \u0645\u062f\u0627\u0631\u06a9\u06cc \u06a9\u0647 \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0627\u0632 \u0645\u062a\u0642\u0627\u0636\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0646\u0645\u0627\u06cc\u062f \u0648 \u062f\u0631 \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0630\u06a9\u0631 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a\n\n**\u062a\u0628\u0635\u0631\u0647 1:** \u06a9\u0644\u06cc\u0647 \u0645\u062f\u0627\u0631\u06a9 \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f (\u0645\u062a\u0642\u0627\u0636\u06cc) \u0628\u0627\u06cc\u062f \u0628\u0647 \u0632\u0628\u0627\u0646\u200c \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0648 \u0632\u0628\u0627\u0646 \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u062a\u0631\u062c\u0645\u0647 \u0634\u0648\u0646\u062f. \u062c\u0647\u062a \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062f\u0631 \u062f\u0627\u0646\u0634\u06af\u0627\u0647\u060c \u0627\u0635\u0644 \u0645\u062f\u0627\u0631\u06a9 \u062a\u0631\u062c\u0645\u0647\u200c\u0634\u062f\u0647 \u0628\u0627\u06cc\u062f \u067e\u0633 \u0627\u0632 \u0648\u0631\u0648\u062f \u0628\u0647 \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u0628\u0647 \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u062a\u062d\u0648\u06cc\u0644 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f.\n\u0647\u0645\u0686\u0646\u06cc\u0646 \u06a9\u0644\u06cc\u0647 \u0645\u062f\u0627\u0631\u06a9 \u0645\u062a\u0642\u0627\u0636\u06cc \u0628\u0627\u06cc\u062f \u062a\u0648\u0633\u0637 \u0633\u0641\u0627\u0631\u062a \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u062f\u0631 \u06a9\u0634\u0648\u0631\u06cc \u06a9\u0647 \u0645\u062a\u0642\u0627\u0636\u06cc \u062f\u0631 \u0622\u0646 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648\u06cc\u0632\u0627 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u062a\u0623\u06cc\u06cc\u062f \u0648 \u0642\u0627\u0646\u0648\u0646\u06cc\u200c\u0633\u0627\u0632\u06cc (Legalization) \u0634\u0648\u0646\u062f.\n\n**D.2)** \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0647 \u062a\u0639\u0647\u062f\u0627\u062a \u062e\u0648\u062f \u0639\u0645\u0644 \u0646\u0646\u0645\u0627\u06cc\u062f\u060c \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u062c\u0627\u0632 \u0628\u0647 \u0641\u0633\u062e \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0641\u0633\u062e\u060c \u0647\u06cc\u0686\u200c\u06af\u0648\u0646\u0647 \u0648\u062c\u0647\u06cc \u0628\u0647 \u0637\u0631\u0641 \u062f\u0648\u0645 \u0645\u0633\u062a\u0631\u062f \u0646\u062e\u0648\u0627\u0647\u062f \u0634\u062f.\n\n**D.3)** \u06a9\u0644\u06cc\u0647 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627 \u0627\u0632 \u062c\u0645\u0644\u0647:\n\n* \u062e\u0631\u06cc\u062f \u0628\u06cc\u0645\u0647 \u0645\u0633\u0627\u0641\u0631\u062a\u06cc\n* \u062e\u0631\u06cc\u062f \u0628\u0644\u06cc\u062a \u0647\u0648\u0627\u067e\u06cc\u0645\u0627\n* \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u0642\u0627\u0645\u062a \u062f\u0631 \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u06cc\u0627 \u0631\u0632\u0631\u0648 \u0647\u062a\u0644 \u06cc\u0627 \u062e\u0648\u0627\u0628\u06af\u0627\u0647 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u06cc\n* \u0648\u0627\u0631\u06cc\u0632 \u0648\u062c\u0647 \u0628\u0647 \u062d\u0633\u0627\u0628 \u0633\u0641\u0627\u0631\u062a \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f\n* \u062a\u0631\u062c\u0645\u0647 \u06a9\u0644\u06cc\u0647 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u062f\u0627\u0646\u0634\u06af\u0627\u0647\n* \u0645\u0639\u0627\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u0645\u062f\u0627\u0631\u06a9 \u062a\u062d\u0635\u06cc\u0644\u06cc\n* \u0648 \u062a\u0631\u062c\u0645\u0647 \u06a9\u0644\u06cc\u0647 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0633\u0641\u0627\u0631\u062a \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u0628\u0631 \u0639\u0647\u062f\u0647 \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f (\u0645\u062a\u0642\u0627\u0636\u06cc) \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.\n\n**\u062a\u0628\u0635\u0631\u0647 2:** \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0633\u0641\u0627\u0631\u062a \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u0628\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648\u06cc\u0632\u0627\u06cc \u062a\u062d\u0635\u06cc\u0644\u06cc \u062f\u0627\u0646\u0634\u062c\u0648 \u0645\u0648\u0627\u0641\u0642\u062a \u0646\u0646\u0645\u0627\u06cc\u062f\u060c \u062f\u0627\u0646\u0634\u06af\u0627\u0647 \u0634\u0647\u0631\u06cc\u0647 \u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0634\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0645\u062a\u0642\u0627\u0636\u06cc \u0639\u0648\u062f\u062a \u062f\u0627\u062f\u0647 \u0648 \u0645\u0628\u0644\u063a \u0628\u0647 \u062d\u0633\u0627\u0628 \u0645\u062a\u0642\u0627\u0636\u06cc \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.\n\n**D.4)** \u0645\u0631\u062c\u0639 \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0635\u062f\u0648\u0631 \u0648\u06cc\u0632\u0627\u06cc \u062a\u062d\u0635\u06cc\u0644\u06cc\u060c \u0633\u0641\u0627\u0631\u062a \u06a9\u0634\u0648\u0631 \u0645\u0642\u0635\u062f \u0645\u06cc\u200c\u0628\u0627\u0634\u062f \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a \u0631\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648\u06cc\u0632\u0627\u06cc \u062a\u062d\u0635\u06cc\u0644\u06cc \u062f\u0627\u0646\u0634\u062c\u0648 \u062a\u0648\u0633\u0637 \u0633\u0641\u0627\u0631\u062a\u060c \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0647\u06cc\u0686\u200c\u06af\u0648\u0646\u0647 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a\u06cc \u062f\u0631 \u0642\u0628\u0627\u0644 \u0631\u062f \u0648\u06cc\u0632\u0627 \u0646\u062f\u0627\u0634\u062a\u0647 \u0648 \u0647\u06cc\u0686\u200c\u06af\u0648\u0646\u0647 \u0648\u062c\u0647\u06cc \u0645\u0633\u062a\u0631\u062f \u0646\u062e\u0648\u0627\u0647\u062f \u0634\u062f.\n\n**D.5)** \u0686\u0646\u0627\u0646\u0686\u0647 \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0645\u0648\u0641\u0642 \u0628\u0647 \u0627\u062e\u0630 \u067e\u0630\u06cc\u0631\u0634 \u0628\u0631\u0627\u06cc \u0637\u0631\u0641 \u062f\u0648\u0645 \u0627\u0632 \u0647\u06cc\u0686\u200c\u06cc\u06a9 \u0627\u0632 \u062f\u0627\u0646\u0634\u06af\u0627\u0647\u200c\u0647\u0627 \u0646\u06af\u0631\u062f\u062f \u0648 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0642\u0635\u0648\u0631\u060c \u06a9\u0648\u062a\u0627\u0647\u06cc \u06cc\u0627 \u062a\u0642\u0635\u06cc\u0631 \u0637\u0631\u0641 \u062f\u0648\u0645 (\u0628\u0647 \u0647\u0631 \u062f\u0644\u06cc\u0644\u06cc) \u0628\u0648\u062f\u0647 \u0627\u0633\u062a\u060c \u0645\u0628\u0644\u063a \u062e\u062f\u0645\u0627\u062a \u0628\u0647 \u0645\u06cc\u0632\u0627\u0646 2,500 \u06cc\u0648\u0631\u0648 (\u062f\u0648 \u0647\u0632\u0627\u0631 \u0648 \u067e\u0627\u0646\u0635\u062f \u06cc\u0648\u0631\u0648) \u063a\u06cc\u0631\u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u0644\u06cc\u06a9\u0646 \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0639\u062f\u0645 \u0627\u062e\u0630 \u067e\u0630\u06cc\u0631\u0634 \u0646\u0627\u0634\u06cc \u0627\u0632 \u0642\u0635\u0648\u0631 \u06cc\u0627 \u062a\u0642\u0635\u06cc\u0631 \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0627\u0634\u062f\u060c \u06a9\u0644 \u0645\u0628\u0644\u063a \u062e\u062f\u0645\u0627\u062a \u0628\u0647 \u0645\u06cc\u0632\u0627\u0646 2,500 \u06cc\u0648\u0631\u0648 (\u062f\u0648 \u0647\u0632\u0627\u0631 \u0648 \u067e\u0627\u0646\u0635\u062f \u06cc\u0648\u0631\u0648) \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0628\u0647 \u0637\u0631\u0641 \u062f\u0648\u0645 \u0645\u0633\u062a\u0631\u062f \u062e\u0648\u0627\u0647\u062f \u0634\u062f.\n<\/textarea>\n                <\/div>\n                <div class=\"nav-buttons\">\n                    <button class=\"secondary\" onclick=\"prevStep(1)\">\u2192 \u0645\u0631\u062d\u0644\u0647 \u0642\u0628\u0644<\/button>\n                    <button onclick=\"nextStep(3)\">\u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u2190<\/button>\n                <\/div>\n            <\/div>\n            \n            <div id=\"step3\" class=\"step\">\n                <h2>\u0645\u0631\u062d\u0644\u0647 3 :<\/h2>\n                <h2>\u0627\u0645\u0636\u0627\u0621 \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/h2>\n                <div class=\"party-info-box\">\n                    <h3>\ud83d\udccb \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0637\u0631\u0641\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/h3>\n                    \n                    <div class=\"party-card\" style=\"border-right: 4px solid #667eea;\">\n                        <h4 style=\"color: #667eea;\">\u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ( \u0634\u0631\u06a9\u062a ):<\/h4>\n                        <div id=\"party1-info\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"party-card\" style=\"border-right: 4px solid #764ba2;\">\n                        <h4 style=\"color: #764ba2;\">\u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ( \u0645\u0634\u062a\u0631\u06cc ):<\/h4>\n                        <div id=\"party2-info\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <p style=\"color: #666; margin-bottom: 20px;\">\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0642\u0631\u0627\u0631\u062f\u0627\u062f:<\/p>\n                <div id=\"contract-preview\"><\/div>\n                \n                <div class=\"signature-section\">\n                    <h3>\u0627\u0645\u0636\u0627\u0621 \u0634\u0631\u06a9\u062a ( \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f )<\/h3>\n                    <div class=\"signature-box\"><canvas id=\"sig-company\"><\/canvas><\/div>\n                    <button class=\"secondary\" onclick=\"clearSig('company')\">\ud83d\uddd1\ufe0f \u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646<\/button>\n                <\/div>\n                \n                <div class=\"signature-section\">\n                    <h3>\u0627\u0645\u0636\u0627\u0621 \u0645\u0634\u062a\u0631\u06cc ( \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f )<\/h3>\n                    <div class=\"signature-box\"><canvas id=\"sig-customer\"><\/canvas><\/div>\n                    <button class=\"secondary\" onclick=\"clearSig('customer')\">\ud83d\uddd1\ufe0f \u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646<\/button>\n                <\/div>\n                \n                <div class=\"accept-terms-box\">\n                    <label>\n                        <input type=\"checkbox\" id=\"accept-terms\" onchange=\"toggleNextButton()\">\n                        <span style=\"font-weight: bold;\">\u2713 \u06a9\u0644\u06cc\u0647 \u0645\u0641\u0627\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0631\u0627 \u0645\u0637\u0627\u0644\u0639\u0647 \u06a9\u0631\u062f\u0645 \u0648 \u0642\u0628\u0648\u0644 \u062f\u0627\u0631\u0645 \u0648 \u0645\u062a\u0639\u0647\u062f \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u06a9\u0644\u06cc\u0647 \u0645\u0641\u0627\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0647\u0633\u062a\u0645 .<\/span>\n                    <\/label>\n                <\/div>\n                \n                <div class=\"nav-buttons\">\n                    <button class=\"secondary\" onclick=\"prevStep(2)\">\u2192 \u0645\u0631\u062d\u0644\u0647 \u0642\u0628\u0644<\/button>\n                    <button id=\"step3-next-btn\" onclick=\"nextStep(4)\" disabled>\u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u2190<\/button>\n                <\/div>\n            <\/div>\n            \n            <div id=\"step4\" class=\"step\">\n                <h2>\u0645\u0631\u062d\u0644\u0647 4 :<\/h2>\n                <h2>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0646\u0647\u0627\u06cc\u06cc &#8211; \u062f\u0627\u0646\u0644\u0648\u062f<\/h2>\n                <p style=\"color: #666; margin-bottom: 20px; text-align: center;\">\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0634\u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a!<\/p>\n                <div id=\"final-preview\"><\/div>\n                \n                <div class=\"loading\" id=\"loading\">\u23f3 \u062f\u0631 \u062d\u0627\u0644 \u062a\u0648\u0644\u06cc\u062f PDF&#8230; \u0644\u0637\u0641\u0627\u064b \u0635\u0628\u0631 \u06a9\u0646\u06cc\u062f<\/div>\n                \n                <div class=\"nav-buttons\">\n                    <button class=\"save-img\" onclick=\"downloadAsPDF()\">\ud83d\udce5 \u062f\u0627\u0646\u0644\u0648\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f (PDF)<\/button>\n                    <button class=\"secondary\" onclick=\"prevStep(3)\">\u2192 \u0645\u0631\u062d\u0644\u0647 \u0642\u0628\u0644<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentStep = 1;\n        let sigCompany, sigCustomer;\n        let CONTRACT_NUMBER = null;\nlet PDF_DOWNLOAD_URL = null;\n\n\n        \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a EmailJS - \u0628\u0627\u06cc\u062f \u0627\u06cc\u0646 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0633\u0627\u06cc\u062a EmailJS \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f\n        const EMAILJS_PUBLIC_KEY = 'BgGbJHKBNSXjZvaIc'; \/\/ \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f\n        const EMAILJS_SERVICE_ID = 'service_rq4rlij'; \/\/ \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f\n        const EMAILJS_TEMPLATE_ID = 'template_lhtxzc5'; \/\/ \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f\n        \n        \/\/ \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc EmailJS\n        if (typeof emailjs !== 'undefined' && EMAILJS_PUBLIC_KEY !== 'YOUR_PUBLIC_KEY') {\n            emailjs.init(EMAILJS_PUBLIC_KEY);\n        }\n\n       function generateContractNumber() {\n    if (CONTRACT_NUMBER) return CONTRACT_NUMBER;\n\n    const now = new Date();\n    const year = now.getFullYear();\n    const month = String(now.getMonth() + 1).padStart(2, '0');\n\n    const nationalCode =\n        document.getElementById('customer-national-code').value || '000';\n    const lastThreeDigits = nationalCode.slice(-3).padStart(3, '0');\n\n    const random = String(Math.floor(Math.random() * 900) + 100);\n\n    CONTRACT_NUMBER = `${year}${month}${lastThreeDigits}${random}`;\n    return CONTRACT_NUMBER;\n}\n\n        function initSignaturePads() {\n            const canvasCompany = document.getElementById('sig-company');\n            const canvasCustomer = document.getElementById('sig-customer');\n\n            const ratio = Math.max(window.devicePixelRatio || 1, 1);\n            \n            canvasCompany.width = canvasCompany.offsetWidth * ratio;\n            canvasCompany.height = canvasCompany.offsetHeight * ratio;\n            canvasCompany.getContext('2d').scale(ratio, ratio);\n\n            canvasCustomer.width = canvasCustomer.offsetWidth * ratio;\n            canvasCustomer.height = canvasCustomer.offsetHeight * ratio;\n            canvasCustomer.getContext('2d').scale(ratio, ratio);\n\n            sigCompany = new SignaturePad(canvasCompany, { \n                penColor: 'black', \n                backgroundColor: 'rgba(250,250,250,1)',\n                minWidth: 1,\n                maxWidth: 3\n            });\n            \n            sigCustomer = new SignaturePad(canvasCustomer, { \n                penColor: 'black', \n                backgroundColor: 'rgba(250,250,250,1)',\n                minWidth: 1,\n                maxWidth: 3\n            });\n        }\n\n        function updateProgressBar(step) {\n            document.querySelectorAll('.progress-step').forEach((el, index) => {\n                el.classList.remove('active', 'completed');\n                if (index + 1 < step) {\n                    el.classList.add('completed');\n                } else if (index + 1 === step) {\n                    el.classList.add('active');\n                }\n            });\n        }\n\n        function toggleNextButton() {\n            const checkbox = document.getElementById('accept-terms');\n            const nextBtn = document.getElementById('step3-next-btn');\n            \n            if (checkbox.checked) {\n                nextBtn.disabled = false;\n                nextBtn.style.opacity = '1';\n                nextBtn.style.cursor = 'pointer';\n            } else {\n                nextBtn.disabled = true;\n                nextBtn.style.opacity = '0.5';\n                nextBtn.style.cursor = 'not-allowed';\n            }\n        }\n\n        function displayPartyInfo() {\n            \/\/ \u0637\u0631\u0641 \u0627\u0648\u0644 (\u0634\u0631\u06a9\u062a)\n            const party1Info = document.getElementById('party1-info');\n            const companyName = document.getElementById('company-name').value;\n            const companyAddress = document.getElementById('company-address').value;\n            const companyContact = document.getElementById('company-contact').value;\n            \n            party1Info.innerHTML = `\n                <p><strong>\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a:<\/strong> ${companyName}<\/p>\n                <p><strong>\u0622\u062f\u0631\u0633:<\/strong> ${companyAddress}<\/p>\n                <p><strong>\u062a\u0645\u0627\u0633:<\/strong> ${companyContact}<\/p>\n            `;\n            \n            \/\/ \u0637\u0631\u0641 \u062f\u0648\u0645 (\u0645\u0634\u062a\u0631\u06cc)\n            const party2Info = document.getElementById('party2-info');\n            const customerName = document.getElementById('customer-name').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerNationalCode = document.getElementById('customer-national-code').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerAddress = document.getElementById('customer-address').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerMobile = document.getElementById('customer-mobile').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerPhone = document.getElementById('customer-phone').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            \n            party2Info.innerHTML = `\n                <p><strong>\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc:<\/strong> ${customerName}<\/p>\n                <p><strong>\u06a9\u062f \u0645\u0644\u06cc:<\/strong> ${customerNationalCode}<\/p>\n                <p><strong>\u0622\u062f\u0631\u0633:<\/strong> ${customerAddress}<\/p>\n                <p><strong>\u0645\u0648\u0628\u0627\u06cc\u0644:<\/strong> ${customerMobile}<\/p>\n                <p><strong>\u062a\u0644\u0641\u0646 \u062b\u0627\u0628\u062a:<\/strong> ${customerPhone}<\/p>\n            `;\n        }\n\n        function showStep(step) {\n            document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n            document.getElementById('step' + step).classList.add('active');\n            currentStep = step;\n            updateProgressBar(step);\n            \n            if (step === 3) {\n                displayPartyInfo();\n                updatePreview();\n                if (!sigCompany) {\n                    setTimeout(initSignaturePads, 150);\n                }\n                \/\/ \u0631\u06cc\u0633\u062a \u06a9\u0631\u062f\u0646 \u0686\u06a9\u200c\u0628\u0627\u06a9\u0633 \u0648 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u062f\u06a9\u0645\u0647\n                const checkbox = document.getElementById('accept-terms');\n                const nextBtn = document.getElementById('step3-next-btn');\n                if (checkbox) {\n                    checkbox.checked = false;\n                    nextBtn.disabled = true;\n                    nextBtn.style.opacity = '0.5';\n                    nextBtn.style.cursor = 'not-allowed';\n                }\n            }\n            \n            if (step === 4) {\n                updatePreview();\n            }\n            \n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n\n        function nextStep(n) { showStep(n); }\n        function prevStep(n) { showStep(n); }\n\n        function updatePreview() {\n            const companyName = document.getElementById('company-name').value || '\u0634\u0631\u06a9\u062a';\n            const customerName = document.getElementById('customer-name').value || '\u0645\u0634\u062a\u0631\u06cc';\n            let text = document.getElementById('contract-text').value;\n            \n            const today = new Date().toLocaleDateString('fa-IR');\n             const contractNumber = generateContractNumber();\n            \n            text = text.replace(\/{\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a}\/g, companyName)\n                       .replace(\/{\u0646\u0627\u0645 \u0645\u0634\u062a\u0631\u06cc}\/g, customerName);\n            \n            const headerHTML = `\n                <div class=\"contract-header\">\n                    <h1>\u0634\u0631\u06a9\u062a \u062a\u0639\u0627\u0648\u0646\u06cc \u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f \u0631\u0627\u06cc\u0627\u0646\u0647 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646<\/h1>\n                    <h2>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc<\/h2>\n                    <div class=\"contract-number\">\u0634\u0645\u0627\u0631\u0647 \u0642\u0631\u0627\u0631\u062f\u0627\u062f: ${CONTRACT_NUMBER}<\/div>\n                    <div style=\"margin-top: 15px; color: #666; font-size: 15px;\">\u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u0639\u0642\u0627\u062f: ${today}<\/div>\n                <\/div>\n            `;\n            \n            \/\/ \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0637\u0631\u0641\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0645\u0631\u062d\u0644\u0647 4\n            const companyAddress = document.getElementById('company-address').value;\n            const companyContact = document.getElementById('company-contact').value;\n            const customerNationalCode = document.getElementById('customer-national-code').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerAddress = document.getElementById('customer-address').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerMobile = document.getElementById('customer-mobile').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            const customerPhone = document.getElementById('customer-phone').value || '\u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647';\n            \n            const partiesInfoHTML = `\n                <div style=\"background: #f8f9fa; padding: 20px; border-radius: 10px; margin: 30px 0; direction: rtl;\">\n                    <h3 style=\"color: #2a5298; text-align: center; margin-bottom: 20px; font-size: 20px; border-bottom: 2px solid #667eea; padding-bottom: 10px;\">\ud83d\udccb \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0637\u0631\u0641\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f<\/h3>\n                    \n                    <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; border-right: 4px solid #667eea;\">\n                        <h4 style=\"color: #667eea; margin-bottom: 10px; font-size: 16px;\">\u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ( \u0634\u0631\u06a9\u062a ) :<\/h4>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a:<\/strong> ${companyName}<\/p>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u0622\u062f\u0631\u0633:<\/strong> ${companyAddress}<\/p>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u062a\u0645\u0627\u0633:<\/strong> ${companyContact}<\/p>\n                    <\/div>\n                    \n                    <div style=\"background: white; padding: 15px; border-radius: 8px; border-right: 4px solid #764ba2;\">\n                        <h4 style=\"color: #764ba2; margin-bottom: 10px; font-size: 16px;\">\u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ( \u0645\u0634\u062a\u0631\u06cc ) :<\/h4>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc:<\/strong> ${customerName}<\/p>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u06a9\u062f \u0645\u0644\u06cc:<\/strong> ${customerNationalCode}<\/p>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u0622\u062f\u0631\u0633:<\/strong> ${customerAddress}<\/p>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u0645\u0648\u0628\u0627\u06cc\u0644:<\/strong> ${customerMobile}<\/p>\n                        <p style=\"margin: 8px 0; line-height: 1.8;\"><strong>\u062a\u0644\u0641\u0646 \u062b\u0627\u0628\u062a:<\/strong> ${customerPhone}<\/p>\n                    <\/div>\n                <\/div>\n            `;\n            \n            const previewEl = document.getElementById(currentStep === 3 ? 'contract-preview' : 'final-preview');\n            \n            if (currentStep === 3) {\n                previewEl.innerHTML = '<div dir=\"rtl\" style=\"text-align: justify; white-space: pre-wrap; font-family: Tahoma, Arial, sans-serif; line-height: 2;\">' + text + '<\/div>';\n            } else {\n                previewEl.innerHTML = headerHTML + partiesInfoHTML + '<div dir=\"rtl\" style=\"text-align: justify; white-space: pre-wrap; font-family: Tahoma, Arial, sans-serif; line-height: 2; margin-top: 30px;\">' + text + '<\/div>';\n            }\n            \n            if (currentStep === 4 && sigCompany && sigCustomer) {\n                if (!sigCompany.isEmpty()) {\n                    previewEl.innerHTML += '<div style=\"margin-top:60px; direction: rtl;\"><strong style=\"color: #2a5298; font-size: 18px;\">\u0627\u0645\u0636\u0627\u0621 \u0634\u0631\u06a9\u062a ( \u0637\u0631\u0641 \u0627\u0648\u0644 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ) :<\/strong><br><img decoding=\"async\" src=\"' + sigCompany.toDataURL('image\/png') + '\" style=\"max-height: 120px; margin: 20px 0; border: 2px solid #e0e0e0; border-radius: 8px; padding: 10px; background: white;\"><\/div>';\n                }\n                if (!sigCustomer.isEmpty()) {\n                    previewEl.innerHTML += '<div style=\"margin-top:60px; direction: rtl;\"><strong style=\"color: #2a5298; font-size: 18px;\">\u0627\u0645\u0636\u0627\u0621 \u0645\u0634\u062a\u0631\u06cc ( \u0637\u0631\u0641 \u062f\u0648\u0645 \u0642\u0631\u0627\u0631\u062f\u0627\u062f ) :<\/strong><br><img decoding=\"async\" src=\"' + sigCustomer.toDataURL('image\/png') + '\" style=\"max-height: 120px; margin: 20px 0; border: 2px solid #e0e0e0; border-radius: 8px; padding: 10px; background: white;\"><\/div>';\n                }\n                \n                \/\/ \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u062a\u0627\u0631\u06cc\u062e \u0648 \u0633\u0627\u0639\u062a \u0627\u0645\u0636\u0627\n                const now = new Date();\n                const persianDate = now.toLocaleDateString('fa-IR');\n                const persianTime = now.toLocaleTimeString('fa-IR');\n                \n                previewEl.innerHTML += `\n                    <div style=\"margin-top: 40px; padding: 20px; background: #f0f8ff; border: 2px solid #4a90e2; border-radius: 10px; direction: rtl; text-align: center;\">\n                        <p style=\"margin: 10px 0; font-size: 16px; color: #333;\">\n                            \ud83d\udcc5 <strong>\u062a\u0627\u0631\u06cc\u062e \u0627\u0645\u0636\u0627:<\/strong> ${persianDate}\n                        <\/p>\n                        <p style=\"margin: 10px 0; font-size: 16px; color: #333;\">\n                            \ud83d\udd50 <strong>\u0633\u0627\u0639\u062a \u0627\u0645\u0636\u0627:<\/strong> ${persianTime}\n                        <\/p>\n                        <p style=\"margin: 15px 0; padding-top: 15px; border-top: 1px solid #ddd; font-size: 14px; color: #666; line-height: 1.8;\">\n                            \u0627\u06cc\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0627 \u0634\u0645\u0627\u0631\u0647 <strong>${CONTRACT_NUMBER}<\/strong> \u062f\u0631 \u062a\u0627\u0631\u06cc\u062e ${persianDate} \u0633\u0627\u0639\u062a ${persianTime} \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0645\u0646\u0639\u0642\u062f \u06af\u0631\u062f\u06cc\u062f\u0647 \u0627\u0633\u062a\n                        <\/p>\n                    <\/div>\n                `;\n            }\n        }\n\n        function clearSig(type) {\n            if (type === 'company') sigCompany.clear();\n            else sigCustomer.clear();\n        }\n\n        async function downloadAsPDF() {\n            const button = event.target;\n            \n            try {\n                button.disabled = true;\n                button.textContent = '\u23f3 \u062f\u0631 \u062d\u0627\u0644 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc...';\n                \n                updatePreview();\n                await new Promise(resolve => setTimeout(resolve, 500));\n                \n                \/\/ \u0633\u0627\u062e\u062a PDF \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644\n                const element = document.getElementById('final-preview');\n                const canvas = await html2canvas(element, {\n                    scale: 2,\n                    useCORS: true,\n                    backgroundColor: '#ffffff',\n                    logging: false,\n                    letterRendering: true\n                });\n\n                const imgData = canvas.toDataURL('image\/jpeg', 0.95);\n                const { jsPDF } = window.jspdf;\n                const pdf = new jsPDF('p', 'mm', 'a4');\n                const imgWidth = 210;\n                const imgHeight = (canvas.height * imgWidth) \/ canvas.width;\n                pdf.addImage(imgData, 'JPEG', 0, 0, imgWidth, imgHeight);\n                \n                const pdfBlob = pdf.output('blob');\nconst pdfUrl = URL.createObjectURL(pdfBlob);\nPDF_DOWNLOAD_URL = pdfUrl;\n\n                \n                \/\/ \u062a\u0628\u062f\u06cc\u0644 PDF \u0628\u0647 base64 \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644\n                const pdfBase64 = pdf.output('datauristring').split(',')[1];\n                \n                \/\/ \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0627 EmailJS (\u0627\u06af\u0631 \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f)\n                if (typeof emailjs !== 'undefined' && EMAILJS_PUBLIC_KEY !== 'YOUR_PUBLIC_KEY') {\n                    button.textContent = '\ud83d\udce7 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644...';\n                    \n                    const customerName = document.getElementById('customer-name').value || '\u0645\u0634\u062a\u0631\u06cc';\n                    \n                    try {\n                        await emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE_ID, {\n    to_email: 'mousairani07@gmail.com',\n    to_name: '\u0645\u062f\u06cc\u0631\u06cc\u062a',\n    customer_name: customerName,\n    contract_number: CONTRACT_NUMBER,\n    download_link: PDF_DOWNLOAD_URL,\n    message: `\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u062c\u062f\u06cc\u062f \u0628\u0627 \u0634\u0645\u0627\u0631\u0647 ${CONTRACT_NUMBER} \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc ${customerName} \u0627\u06cc\u062c\u0627\u062f \u0634\u062f.`\n});\n\n\n                        \n                        alert('\u2705 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0628\u0647 \u0627\u06cc\u0645\u06cc\u0644 mousairani07@gmail.com \u0627\u0631\u0633\u0627\u0644 \u0634\u062f!');\n                    } catch (emailError) {\n                        console.error('\u062e\u0637\u0627 \u062f\u0631 \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644:', emailError);\n                        alert('\u26a0\ufe0f \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0622\u0645\u0627\u062f\u0647 \u062f\u0627\u0646\u0644\u0648\u062f \u0627\u0633\u062a \u0627\u0645\u0627 \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644 \u0646\u0634\u062f.\\n\u0644\u0637\u0641\u0627\u064b \u062a\u0646\u0638\u06cc\u0645\u0627\u062a EmailJS \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.');\n                    }\n                } else {\n                    console.warn('EmailJS \u062a\u0646\u0638\u06cc\u0645 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a');\n                }\n                \n                \/\/ \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u067e\u0646\u062c\u0631\u0647 \u0686\u0627\u067e \u0628\u0631\u0627\u06cc \u062f\u0627\u0646\u0644\u0648\u062f\n                button.textContent = '\ud83d\udda8\ufe0f \u062f\u0631 \u062d\u0627\u0644 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0627\u0646\u0644\u0648\u062f...';\n                window.print();\n                \n                setTimeout(() => {\n                    alert('\ud83d\udcc4 \u0631\u0627\u0647\u0646\u0645\u0627:\\n\\n1. \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 \u0686\u0627\u067e\u060c \"Save as PDF\" \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\\n2. \u0631\u0648\u06cc \"Save\" \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f\\n\\n' + \n                          (EMAILJS_PUBLIC_KEY !== 'YOUR_PUBLIC_KEY' ? '\u2705 \u06cc\u06a9 \u0646\u0633\u062e\u0647 \u0647\u0645 \u0628\u0647 \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644 \u0634\u062f!' : '\u26a0\ufe0f \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0647 \u0627\u06cc\u0645\u06cc\u0644\u060c EmailJS \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.'));\n                }, 500);\n\n            } catch (error) {\n                console.error('\u062e\u0637\u0627:', error);\n                alert('\u274c \u062e\u0637\u0627 \u062f\u0631 \u062a\u0648\u0644\u06cc\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f: ' + error.message);\n            } finally {\n                button.disabled = false;\n                button.textContent = '\ud83d\udce5 \u062f\u0627\u0646\u0644\u0648\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f (PDF)';\n            }\n        }\n\n        window.onload = () => {\n            showStep(1);\n        };\n\n        window.onresize = () => {\n            if (sigCompany && currentStep >= 3) {\n                const data1 = sigCompany.toData();\n                const data2 = sigCustomer.toData();\n                initSignaturePads();\n                if (data1.length > 0) sigCompany.fromData(data1);\n                if (data2.length > 0) sigCustomer.fromData(data2);\n            }\n        };\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f \u0631\u0627\u06cc\u0627\u0646\u0647 \u0634\u0631\u06a9\u062a \u062a\u0639\u0627\u0648\u0646\u06cc \u067e\u0627\u0633\u0627\u0631\u06af\u0627\u062f \u0631\u0627\u06cc\u0627\u0646\u0647 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646 \u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u0648\u0632\u0627\u0631\u062a \u062a\u0639\u0627\u0648\u0646 \u060c \u06a9\u0627\u0631 \u0648 \u0631\u0641\u0627\u0647 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-653","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ctpri.ir\/index.php?rest_route=\/wp\/v2\/pages\/653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctpri.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctpri.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctpri.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ctpri.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=653"}],"version-history":[{"count":3,"href":"https:\/\/ctpri.ir\/index.php?rest_route=\/wp\/v2\/pages\/653\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/ctpri.ir\/index.php?rest_route=\/wp\/v2\/pages\/653\/revisions\/658"}],"wp:attachment":[{"href":"https:\/\/ctpri.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}