@extends('layouts.app_layout')

@section('title')
View Submission - {{ $submission->assignment->assignment_title }}
@endsection

@section('content')

{{--
    <a href="{{route('viewAssignment' , $submission->assignment_id )}}"><p>Assignment Title{{ $submission->assignment->assignment_title }}</p></a>
<a href="{{route('viewTrainer' , $submission->trainer_id )}}">
    <p>Trianer : {{ $submission->trainer->full_name }}</p>
</a>
<a href="{{route('viewStudent' , $submission->student_id )}}">
    <p>Student: {{ $submission->student->student_name }}</p>
</a>
<a href="{{route('viewBusinessLocation' , $submission->business_id )}}">
    <p>Business Location: {{ $submission->businessLocation->business_name }}</p>
</a>



<p>Answer: {{ $submission->answer }}</p>
--}}






<div class="container">

    <div class="shadow rounded bg-white my-2  mx-auto py-5 px-3 ">

        <h2 class="bg-primary text-center w-75  m-auto rounded-pill text-white">{{ $submission->assignment->assignment_title }}</h2>
        <div class="row my-2">
            <div class="col-md">
                <div class="border rounded-pill d-flex justify-content-between p-2">
                    <span>name</span>
                    <span>..........</span>
                    <span>الاسم</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>case id number</span>
                    <span>..........</span>
                    <span>رقم هويه الحاله</span>
                </div>
            </div>

        </div>
        <div class="row my-2">
            <div class="col-md">
                <div class="border rounded-pill d-flex justify-content-between p-2">
                    <span>gender</span>
                    <span>..........</span>
                    <span>النوع</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>Ethnic background</span>
                    <span>..........</span>
                    <span>الخلفيه العرقيه</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>test Date</span>
                    <span>..........</span>
                    <span>تاريخ الفحص</span>
                </div>
            </div>

        </div>
        <div class="row my-2">
            <div class="col-md">
                <div class="border rounded-pill d-flex justify-content-between p-2">
                    <span>based on information from</span>
                    <span>..........</span>
                    <span>استنادا الى معلومات المقدمه من</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>rater's Name</span>
                    <span>..........</span>
                    <span>اسم الفاحص</span>
                </div>
            </div>

        </div>
        <div class="row my-2">



            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>Date of Birth</span>
                    <span>..........</span>
                    <span>تاريخ الميلاد</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>Age</span>
                    <span>..........</span>
                    <span>العمر</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill  d-flex justify-content-between p-2">
                    <span>years</span>
                    <span>..........</span>
                    <span>السنوات</span>
                </div>
            </div>
            <div class="col-md">
                <div class="border rounded-pill d-flex justify-content-between p-2">
                    <span>months</span>
                    <span>..........</span>
                    <span>الشهور</span>
                </div>
            </div>

        </div>
    </div>
    <div class="shadow rounded bg-white my-2  mx-auto py-5 px-3  text-center">


        <h2 class="bg-primary mb-2 text-center w-75  m-auto rounded-pill text-white">
            <span>ملخص</span>
            <br>
            <span>summary</span>
        </h2>

        <table class="table table-striped table-bordered">
            <thead>
                <th>بنود</th>
                <th>درجه</th>
            </thead>
            <tbody>
                <tr>

                    <td>2</td>
                    <td>
                        <p>التفهم العاطفي واالجتماعي</p>
                        <p>Social-Emotional Understanding</p>
                    </td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>
                        <p>التعبير العاطفي والتنظيم العواطف</p>
                        <p>Emotional Expression And Regulation Of Emotions</p>
                    </td>

                </tr>
                <tr>
                    <td>7</td>
                    <td>
                        <p>الاتصال بالناس</p>
                        <p>Relating To People</p>
                    </td>

                </tr>
                <tr>
                    <td>4</td>
                    <td>
                        <p>التفهم العاطفي واالجتماعي</p>
                        <p>Social-Emotional Understanding</p>
                    </td>

                </tr>
                <tr>
                    <td>3</td>
                    <td>
                        <p>التفهم العاطفي واالجتماعي</p>
                        <p>Social-Emotional Understanding</p>
                    </td>

                </tr>
                <tr>
                    <td>10</td>
                    <td>
                        <p>التفهم العاطفي واالجتماعي</p>
                        <p>Social-Emotional Understanding</p>
                    </td>

                </tr>
                <tr class="table-danger">
                    <td>10</td>
                    <td>
                        <p class="m-0">اجمالي الدرجات</p>
                        <p class="m-0">total</p>
                    </td>

                </tr>
            </tbody>
        </table>
    </div>
    <div class="shadow rounded bg-white my-2  mx-auto py-5 px-3  text-center">

        <h2 class="bg-primary mb-2 text-center w-75  m-auto rounded-pill text-white">التحليل العلمي ماعدا الانطباع العام</h2>
        <table class="table table-bordered table-striped ">

            <tbody>
                <tr>
                    <th>التقييم بــ 4</th>
                </tr>
                <tr>
                    <td>
                        لايوجد
                    </td>
                </tr>
                <tr>
                    <th>التقييم بــ 3.5</th>
                </tr>
                <tr>
                    <td>
                        التكيف مع التغير
                    </td>
                </tr>
                <tr>
                    <th>التقييم بــ 3</th>
                </tr>
                <tr>
                    <td>
                        التواصل اللفضي
                    </td>
                </tr>
                <tr>
                    <th>التقييم بــ 2.5</th>
                </tr>
                <tr>
                    <td>
                        الخوف والعصبيه
                    </td>
                </tr>
                <tr>
                    <th>التقييم بــ 2</th>
                </tr>
                <tr>
                    <td>
                        الخوف والعصبيه
                    </td>
                </tr>
                <tr>
                    <th>التقييم بــ 1.5</th>
                </tr>
                <tr>
                    <td>
                        الخوف والعصبيه
                    </td>
                </tr>
                <tr>
                    <th>التقييم بــ 1</th>
                </tr>
                <tr>
                    <td>
                        الخوف والعصبيه
                    </td>
                </tr>
            </tbody>

        </table>
    </div>
</div>

{{-- <a href="{{ route('allSubmissions') }}" class="btn  btn-outline-primary mt-3">Back To All Assignments</a> --}}
<a href="{{ route('allStudents') }}" class="btn  btn-outline-primary mt-3">Back To All Students</a>

@endsection