@extends('Surveyor.SurveyorMaster')
@section('content')
        <div class="col-12">
              <h3 class="mb-2 page-title">Update Report Details</h3>
              <div class="row my-4">
                  <div class="col-md-12">
                    <div class="card shadow">
                    <div class="modal-body">
                      <form  action="{{ route('ValUpdateReport')}}" method="POST" >
                        @csrf
                        <input type="hidden" name="Report_id" value="{{ $rep->id }}">
                        <div class="row">
                        <div class="form-group col-md-12">
                                <label for="User_id" class="col-form-label">Reporter Role:<span style="color: red">*</span></label>
                              <select class="custom-select col-md" id="User_id" name="User_id" required>
                                 <option value="{{ Auth()->user()->id }}">{{ Auth()->user()->Role }} </option>
                              </select>
                                 <span style="color: red">
                                     @error('User_id')
                                        {{ "Please select Property" }}
                                         @enderror
                                        </span>
                                      </div>
                                    <div class="form-group col-md-12">
                                      <label for="DateRept" class="col-form-label">Date Reported:<span style="color: red">*</span></label>
                                      <input type="date" class="form-control" name="DateRept" id="DateRept"  value="{{ $rep->DateRept }}"required>                     
                                         <span style="color: red">
                                        @error('DateRept')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                    </div>
                                      </div>
                                      <div class="row">
                                        <div class="form-group col-md-12">
                                             <label for="TaskTitle" class="col-form-label">Task Title:<span style="color: red">*</span></label>
                                             <input type="text" class="form-control" name="TaskTitle" id="TaskTitle" value="{{ $rep->TaskTitle }}" required>
                                             <span style="color: red">
                                               @error('TaskTitle')
                                                   {{ $message }}
                                               @enderror
                                           </span>
                                           </div>
                                   </div>  
                                   <div class="row">
                                    <div class="form-group col-md-12">
                                    <label for="TaskDesc" class="col-form-label">Task Description:<span style="color: red">*</span></label><br>
                                    <textarea name="TaskDesc" id="TaskDesc"style=" width: 100%;"  rows="7"required>
                                       {{ $rep->TaskDesc}}
                                  </textarea>          
                                    <span style="color: red">
                                                @error('TaskDesc')
                                                    {{ $message }}
                                                @enderror
                                            </span>
                                            </div>
                                    </div>
                    <div class="modal-footer">
                     <button type="submit" value="upload" class="btn mb-2 btn-primary">Update</button>
                    </div>
                </form>
                </div>
                  </div>
                </div> <!-- simple table -->
              </div> <!-- end section -->
            </div> <!-- .col-12 -->
@endsection