8
8
<div class =" py-12" >
9
9
<div class =" max-w-7xl mx-auto sm:px-6 lg:px-8" >
10
10
<div class =" bg-white overflow-hidden shadow-sm sm:rounded-lg" >
11
- <div class =" p-6 text-gray-900" >
12
- {{ (" Welcome to the Teacher Dashboard " ) } }
11
+ <div class =" p-6 text-gray-900" rtl >
12
+ {{ (" You're logged in! " ) } }
13
13
</div >
14
14
</div >
15
15
</div >
16
16
</div >
17
- <div class =" max-w-7xl mx-auto sm:px-6 lg:px-8 mt-8" >
18
- <div class =" bg-white overflow-hidden shadow-sm sm:rounded-lg" >
19
- <div class =" p-6 text-gray-900" >
20
- <!-- Dropdown برای انتخاب درس -->
21
- <div class =" mb-4" >
22
- <label for =" course" class =" block text-sm font-medium text-gray-700" >انتخاب درس:</label >
23
- <select id =" course"
24
- class =" mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md" >
25
- @php
26
- $courses = [' صدا در چند رسانه ای' , ' کاربرد های وب' , ' گرافیک متحرک' , ' تجزیه تحلیل' , ' هوش مصنوعی' , ' تصویر برداری' ];
27
- @endphp
28
- @foreach ($courses as $course )
29
- <option >{{ $course } } </option >
30
- @endforeach
31
- </select >
32
- </div >
17
+ <div class =" max-w-7xl mx-auto sm:px-6 lg:px-8 mt-8 flex justify-end" >
18
+ <div class =" bg-white overflow-hidden shadow-sm sm:rounded-lg w-full max-w-4xl" >
19
+ <!-- Dropdown برای انتخاب درس -->
20
+ <div class =" mb-4 p-6 text-gray-900 flex justify-end" >
21
+
22
+ <select id =" course"
23
+ class =" mt-1 block pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md" >
24
+ @php
25
+ $courses = [' صدا در چند رسانه ای' , ' کاربرد های وب' , ' گرافیک متحرک' , ' تجزیه تحلیل' , ' هوش مصنوعی' , ' تصویر برداری' ];
26
+ @endphp
27
+ @foreach ($courses as $course )
28
+ <option >{{ $course } } </option >
29
+ @endforeach
30
+ </select >
31
+ <label for =" course" class =" block text-sm font-medium text-gray-700 text-right px-3 pt-3" >:انتخاب
32
+ درس</label >
33
+ </div >
34
+ <div class =" p-6 text-gray-900 flex justify-end" >
35
+
33
36
34
37
<!-- جدول ورود نمرات دانشجویان -->
35
38
<table class =" min-w-full divide-y divide-gray-200 mt-4" >
36
39
<thead >
37
40
<tr >
41
+
38
42
<th
39
- class =" px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" >
40
- نام دانشجو</th >
43
+ class =" px-2 py-1 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" >
44
+ ثبت نمره</th >
45
+
41
46
<th
42
- class =" px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" >
47
+ class =" px-2 py-1 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" >
43
48
نمره</th >
49
+
44
50
<th
45
- class =" px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" >
46
- ثبت نمره </th >
51
+ class =" px-2 py-1 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" >
52
+ نام دانشجو </th >
47
53
</tr >
48
54
</thead >
49
55
<tbody >
@@ -52,17 +58,19 @@ class="px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 upperca
52
58
@endphp
53
59
@foreach ($students as $student )
54
60
<tr class =" bg-white divide-y divide-gray-200" >
55
- <td class =" px-6 py-4 whitespace-nowrap text-right" >{{ $student } } </td >
56
- <td class =" px-6 py-4 whitespace-nowrap text-right" >
57
- <!-- فیلد ورودی نمره -->
58
- <input type =" text" class =" border border-gray-300 rounded-md px-2 py-1"
61
+
62
+
63
+ <td class =" px-2 py-1 whitespace-nowrap text-right" >
64
+ <button
65
+ class =" bg-gradient-to-r from-green-400 to-blue-500 hover:from-green-500 hover:to-blue-600 text-gray-800 py-2 px-4 rounded-full shadow-lg transform hover:scale-105 transition-transform duration-200 text-sm"
66
+ onclick =" submitGrade()" >ثبت </button >
67
+ <td class =" px-2 py-1 whitespace-nowrap text-right" >
68
+ <input type =" number"
69
+ class =" border border-gray-300 rounded-md px-2 py-1 w-full max-w-[100px] rtl text-right"
59
70
placeholder =" نمره را وارد کنید" >
60
71
</td >
61
- <td class =" px-6 py-4 whitespace-nowrap text-right" >
62
- <!-- دکمه ثبت نمره -->
63
- <button class =" bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded"
64
- onclick =" submitGrade()" >ثبت نمره</button >
65
72
</td >
73
+ <td class =" px-2 py-1 whitespace-nowrap text-right" >{{ $student } } </td >
66
74
</tr >
67
75
@endforeach
68
76
</tbody >
@@ -77,6 +85,4 @@ function submitGrade() {
77
85
alert (' نمره با موفقیت ثبت شد' );
78
86
}
79
87
</script >
80
- </x-app-layout >
81
-
82
-
88
+ </x-app-layout >
0 commit comments