@extends('layouts.form')
@section('content')
<form action="{{ route('form.create.step.two.post') }}" enctype="multipart/form-data" method="POST" class="tt-form-lg tt-form-filled rtl">
    @csrf

    @if ($idea->path == 1)
    <h2>تحدي الشعر</h2>
    <hr/>
    <h3>المجال</h3>
    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-check">
                {{-- @checked(old('field', $idea->field)) TRY THIS LATER --}}
                <input type="checkbox" id="c1" name="field[]" value="تأليف الشعر آليًا، بناء على موضوع وقافية محدديْن" />
                <label for="c1"> تأليف الشعر آليًا، بناء على موضوع وقافية محدديْن</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c2" name="field[]"
                    value="تأليف الشعر آليًّا، بناء على مطلع القصيدة أو صدر البيت" />
                <label for="c2"> تأليف الشعر آليًّا، بناء على مطلع القصيدة أو صدر البيت</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c3" name="field[]" value="التعرف على تعرُّف الوزن/البحر" />
                <label for="c3"> التعرف على تعرُّف الوزن/البحر</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c4" name="field[]" value="الكتابة العروضية" />
                <label for="c4"> الكتابة العروضية</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c5" name="field[]" value="كتابة تفعيلات البيت" />
                <label for="c5"> كتابة تفعيلات البيت</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c6" name="field[]" value="التعرف على القافية أو حرف الروي" />
                <label for="c6">التعرف على القافية أو حرف الروي</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c7" name="field[]" value="إكمال الكلمة الأخيرة من البيت بناء على وزن وقافية معطييْن" />
                <label for="c7">إكمال الكلمة الأخيرة من البيت بناء على وزن وقافية معطييْن</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c8" name="field[]" value="التعرف على البيت المكسور" />
                <label for="c8">التعرف على البيت المكسور</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c9" name="field[]" value="تصحيح البيت المكسور" />
                <label for="c9">تصحيح البيت المكسور</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c10" name="field[]" value="التعرف على البيت الأصلي والمنتحل" />
                <label for="c10">التعرف على البيت الأصلي والمنتحل</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c11" name="field[]" value="اكتشاف البيت المكتوب آليًا" />
                <label for="c11">اكتشاف البيت المكتوب آليًا</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c13" name="field[]" value="اكتشاف الزحافات والعلل" />
                <label for="c13">اكتشاف الزحافات والعلل</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c14" name="field[]" value="التعرف على موضوع مجموعة من الأبيات." />
                <label for="c14">التعرف على موضوع مجموعة من الأبيات.</label>
            </div>

            <div class="tt-form-check">
                <input type="checkbox" id="c15" name="field[]" value="أخرى" />
                <label for="c15">أخرى</label>
            </div>

            <div class="tt-form-group">
                <label>أخرى</label>
                <input class="tt-form-control" type="text" id="other_field"
                    name="other_field" value="{{ old('other_field') }}"
                    placeholder="أخرى">
            </div>
        </div>
    </div>
    <hr/>
    @elseif($idea->path == 2)
    <h2>تحدي المعجم</h2>
    <hr/>
    <h3>المجال</h3>
    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-check">
                <input type="checkbox" id="c1" name="field[]" value="استخراج الأصل المعجمي Lemma (الكلمة الأصلية التي تمثل المدخل المعجمي)." />
                <label for="c1">استخراج الأصل المعجمي Lemma (الكلمة الأصلية التي تمثل المدخل المعجمي).</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c2" name="field[]" value="اختيار الدلالة/ المعنى الصحيح من ضمن قائمة معاني الكلمة، بناء على السياق." />
                <label for="c2">اختيار الدلالة/ المعنى الصحيح من ضمن قائمة معاني الكلمة، بناء على السياق.</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c3" name="field[]" value="تطوير أداة لبناء المعاجم بشكل آلي من النصوص الحرة." />
                <label for="c3">تطوير أداة لبناء المعاجم بشكل آلي من النصوص الحرة.</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c4" name="field[]" value="استخلاص العلاقات الدلالية آليًا (على سبيل المثال: الترادف، التضاد، الخ )." />
                <label for="c4">استخلاص العلاقات الدلالية آليًا (على سبيل المثال: الترادف، التضاد، الخ ).</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c5" name="field[]" value="التعرف على أقسام الكلام (POS)." />
                <label for="c5">التعرف على أقسام الكلام (POS).</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c7" name="field[]" value="التحليل الصرفي." />
                <label for="c7">التحليل الصرفي.</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c8" name="field[]" value="استخراج التصاحب اللغوي." />
                <label for="c8">استخراج التصاحب اللغوي.</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c9" name="field[]" value="استخراج التعابير الاصطلاحية." />
                <label for="c9">استخراج التعابير الاصطلاحية.</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c10" name="field[]" value="أخرى" />
                <label for="c10">أخرى</label>
            </div>
            <div class="tt-form-group">
                <label>أخرى</label>
                <input class="tt-form-control" type="text" id="other_field"
                    name="other_field" value="{{ old('other_field',$idea->other_field) }}"
                    placeholder="أخرى">
            </div>
        </div>
    </div>

    <hr/>
    @else
    <h2>الألعاب اللغوية</h2>
    <hr/>
    <h3>المجال</h3>
    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-check">
                <input type="checkbox" id="c1" name="field[]" value="إثراء المفردات اللغوية" />
                <label for="c1">إثراء المفردات اللغوية</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c2" name="field[]" value="إثراء التراكيب" />
                <label for="c2">إثراء التراكيب</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c3" name="field[]" value="تحسين نطق الأصوات" />
                <label for="c3">تحسين نطق الأصوات</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c4" name="field[]" value="أي مجال آخر يعزز الجوانب اللغوية لدى الطفل" />
                <label for="c4">أي مجال آخر يعزز الجوانب اللغوية لدى الطفل</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c5" name="field[]" value="المقابل الفصيح" />
                <label for="c5">المقابل الفصيح</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c7" name="field[]" value="تحسين الخط" />
                <label for="c7">تحسين الخط</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c8" name="field[]" value="تحسين الإملاء" />
                <label for="c8">تحسين الإملاء</label>
            </div>
            <div class="tt-form-check">
                <input type="checkbox" id="c9" name="field[]" value="أخرى" />
                <label for="c9">أخرى</label>
            </div>
            <div class="tt-form-group">
                <label>أخرى</label>
                <input class="tt-form-control" type="text" id="other_field"
                    name="other_field" value="{{ old('other_field',$idea->other_field) }}"
                    placeholder="أخرى">
            </div>
        </div>
    </div>
    <hr/>
    @endif

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-group">
                <label>نبذة عن الهدف من المشروع (لا تزيد عن مئة كلمة) <span class="text-red">*</span></label>
                <textarea class="tt-form-control" rows="7" name="goal" id="goal"
                    placeholder="نبذة عن الهدف من المشروع (لا تزيد عن مئة كلمة)" required>{{ old('goal',$idea->goal) }}</textarea>
            </div>
        </div>
    </div>

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-group">
                <label>شرح المشكلة المستهدفة وآثارها (لا تزيد عن مئة كلمة)<span class="text-red">*</span></label>
                <textarea class="tt-form-control" rows="7" name="problem" id="problem"
                    placeholder="شرح المشكلة المستهدفة وآثارها (لا تزيد عن مئة كلمة)" required>{{ old('problem',$idea->problem) }}</textarea>
            </div>
        </div>
    </div>

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-group">
                <label>شرح الحل المقترح مع ذكر اسم تقنية الذكاء الاصطناعي التي سيتم استخدامها في الحل (على سبيل المثال BERT)<span class="text-red">*</span></label>
                <textarea class="tt-form-control" rows="7" name="solution" id="solution"
                    placeholder="شرح الحل المقترح مع ذكر اسم تقنية الذكاء الاصطناعي التي سيتم استخدامها في الحل (على سبيل المثال BERT)" required>{{ old('solution',$idea->solution) }}</textarea>
            </div>
        </div>
    </div>

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-group">
                <label>ما هي البيانات التي سيتم استخدامها في المشروع مع ذكر المصدر<span class="text-red">*</span></label>
                <textarea class="tt-form-control" rows="7" name="resources" id="resources"
                    placeholder="ما هي البيانات التي سيتم استخدامها في المشروع مع ذكر المصدر" required>{{ old('resources',$idea->resources) }}</textarea>
            </div>
        </div>
    </div>

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-group">
                <label>القيمة المضافة للحل المقدم لمجال الحوسبة اللغوية مع بيان المخرج المتوقع للمشروع.<span class="text-red">*</span></label>
                <textarea class="tt-form-control" rows="7" name="addition" id="addition"
                    placeholder="القيمة المضافة للحل المقدم لمجال الحوسبة اللغوية مع بيان المخرج المتوقع للمشروع." required>{{ old('addition',$idea->addition) }}</textarea>
            </div>
        </div>
    </div>

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-group">
                <label>
                    عرض تقديمي لمدة لا تتجاوز الثلاث دقائق ، و يقبل تقديم عرض شرائح تقديمية أو مقطع فيديو قصير مصور مع شرح صوتي، بشرط الالتزام بعرض النقاط الرئيسية التالية: <span class="text-red">*</span>
                    <ul>
                        <li>تحديد نوع المسار والمجال.</li>
                        <li>نبذة عن الهدف من المشروع.</li>
                        <li>شرح المشكلة المستهدفة وأثارها.</li>
                        <li>شرح الحل المقترح ويتضمن شرح بسيط عن تقنيات الذكاء الاصطناعي المراد استخدامها بشرط ذكر اسم التقنية مثلاً (نماذج BERT).</li>
                        <li>نوعية البيانات المراد استخدامها في المشروع، وفي حال استخدام بيانات خارجية فيجب ذكر المصدر.</li>
                        <li>معلومات فريق العمل وتتضمن الأسماء والتخصص الدقيق.</li>
                        <li>يفضل إضافة بعض الصور التوضيحية للمشروع</li>
                        <li>الحد المسموح للملف 12MB</li>
                    </ul>
                </label>

                <input required type="file" id="presentation" name="presentation" class="tt-form-control" />
            </div>
        </div>
    </div>

    <hr/>

    <div class="tt-row">
        <div class="tt-col-md-12">
            <div class="tt-form-check">
                <input type="checkbox" id="agreement1" name="agreement1" value="agreement1" required />
                <label for="agreement1"> أتعهد أن هذه الفكرة أصيلة ولم يتم تقديمها في مسابقات أو هاكاثونات أخرى.</label>
            </div>
        </div>
    </div>

    <div class="tt-btn tt-btn-dark-outline">
        <button type="submit" data-hover="التالي">التالي</button>
    </div>
</form>
@endsection