Merge branch 'feature/form-validation-fix' into 'upload-form-layout'

validate fix

See merge request !7

resources/views/upload-form.blade.php

@@ -7,13 +7,15 @@
         </div>
     </nav>
     <div class="container">
-        <form action="">
+        <form action="{{ route('upload') }}" method="post" enctype="multipart/form" id="uploadForm">
+            @csrf
             <div class="row">
                 <div class="col-2">
                     <label for="">Danh mục:</label>
                 </div>
                 <div class="col-10">
-                    <select name="category" class="form-control">
+                    <select name="category" class="form-control @error('category') is-invalid @enderror" required>
+                        <option value="">--Chọn danh mục--</option>
                         <option value="1">danh mục 1</option>
                         <option value="2">danh mục 2</option>
                         <option value="3">danh mục 3</option>
@@ -21,6 +23,11 @@
                         <option value="5">danh mục 5</option>
                     </select>
                 </div>
+                @error('category')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
             </div>
 
             <div class="row">
@@ -29,22 +36,34 @@
                 </div>
                 <div class="col-2">
                     <label class="file" for="question">Chọn file</label>
-                    <input type="file" name="question" id="question" hidden />
+                    <input type="file" name="question" class="@error('question') is-invalid @enderror" id="question"
+                        hidden />
                 </div>
                 <div class="col-8">
                     <p class="file">(Chỉ chọn file PDF)</p>
                 </div>
+                @error('question')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
 
                 <div class="col-2">
                     <label for="">Tệp lời giải:</label>
                 </div>
                 <div class="col-2">
                     <label class="file" for="answer">Chọn file</label>
-                    <input type="file" name="answer" id="answer" hidden />
+                    <input type="file" name="answer" class="@error('answer') is-invalid @enderror" id="answer"
+                        hidden />
                 </div>
                 <div class="col-8">
                     <p class="file">(Chỉ chọn file PDF)</p>
                 </div>
+                @error('answer')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
             </div>
 
             <div class="row">
@@ -52,14 +71,20 @@
                     <label for="">Tên đề thi:</label>
                 </div>
                 <div class="col-10">
-                    <input type="text" id="name" name="name" class="form-control" />
-                </div>
+                    <input type="text" id="name" name="name" value="{{ old('name') }}"
+                        class="form-control @error('name') is-invalid @enderror" required />
+                </div>
+                @error('name')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
 
                 <div class="col-2">
                     <label for="">Giới thiệu:</label>
                 </div>
                 <div class="col-10">
-                    <textarea style="height:100px ;" name="introduction" class="form-control"></textarea>
+                    <textarea style="height:100px ;" name="introduction" class="form-control" value="{{ old('introduction') }}"></textarea>
                 </div>
 
                 <div class="col-2">
@@ -67,7 +92,7 @@
                 </div>
                 <div class="col-10">
                     <input type="text" name="keyWord" class="form-control" data-role="tagsinput"
-                        placeholder="+ Thêm từ khóa" />
+                        value="{{ old('keyWord') }}" placeholder="+ Thêm từ khóa" />
                 </div>
             </div>
 
@@ -76,34 +101,59 @@
                     <label for="">Phí thi:</label>
                 </div>
                 <div class="col-10">
-                    <input type="text" id="fee" name="fee" class="form-control" placeholder="đ" />
-                </div>
+                    <input type="text" id="fee" name="fee" value="{{ old('fee') }}"
+                        class="form-control @error('fee') is-invalid @enderror" placeholder="đ" required />
+                </div>
+                @error('fee')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
+
 
                 <div class="col-2">
                     <label for="">Mức độ:</label>
                 </div>
                 <div class="col-10">
-                    <select name="level" id="level" class="form-control">
-                        <option value="0">--Chọn mức độ--</option>
+                    <select name="level" id="level" class="form-control @error('level') is-invalid @enderror"
+                        required>
+                        <option value="">--Chọn mức độ--</option>
                         <option value="1">Dễ</option>
                         <option value="2">Khó</option>
                     </select>
                 </div>
+                @error('level')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
 
                 <div class="col-2">
                     <label for="">Thời gian thi:</label>
                 </div>
                 <div class="col-10">
-                    <input type="number" id="time" name="time" class="form-control" placeholder="phút" />
-                </div>
+                    <input type="number" min="0" id="time" name="time" value="{{ old('time') }}"
+                        class="form-control @error('time') is-invalid @enderror" placeholder="phút" required />
+                </div>
+                @error('time')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
 
                 <div class="col-2">
                     <label for="">Số câu hỏi:</label>
                 </div>
                 <div class="col-10">
-                    <input type="number" name="numberOfQuestion" id="numberOfQuestion" class="form-control"
-                        placeholder="câu" />
-                </div>
+                    <input type="number" min="0" name="numberOfQuestion" id="numberOfQuestion"
+                        value="{{ old('numberOfQuestion') }}"
+                        class="form-control @error('numberOfQuestion') is-invalid @enderror" placeholder="câu" required />
+                </div>
+                @error('numberOfQuestion')
+                    <div class="alert alert-danger" role="alert">
+                        {{ $message }}
+                    </div>
+                @enderror
             </div>
             <div class="row" id="questionForm" name="questionForm">
 
@@ -147,6 +197,7 @@
                     alert("Chỉ có thể chọn file " + fileExtension.join(', '));
                 }
             });
+
         })
     </script>
 @endsection