@extends('layouts.backend')
@php 
  $staus = [1 =>'Pending',2=>'Close'];
@endphp
@section('mainContentArea')
<form action="{{ !empty($task) ? route('followupupdate') : route('TaskManager.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="card card-default">
        <div class="card-header">
            <h4> {{ !empty($task) ? 'Edit Task FollowUp' : 'Add Task FollowUp'}}</h4>  
             <a href="{{ route('TaskManager.index') }}" class="btn btn-danger float-right btn-sm" style="margin:10px;"><i class="fa fa-arrow-left"></i> back</a>  
        </div>
        <div class="card-body">
            <div class="row"> 
                              
                <div class="col-12 col-sm-12 col-md-8 col-lg-8">                    
                    <label class="d-block" id="remarks"><b> Task Detail </b></label>
                    <input type="hidden" name="task_did" class="form-control" value="{{ !empty($task) ? $task->id : 0 }}" >
                    <textarea name="remarks" id="remarks" class="form-control" rows="5" cols="50">
                    {{!empty($task) ? $task->remarks : ( empty(request('remarks')) ? 'N/A' : request('remarks')) }} 
                    </textarea>
                    @if ($errors->has('remarks'))
                      <span class="text-danger">{{ $errors->first('remarks') }}</span>
                    @endif 
                </div>  

                @if($task->taskInfo->from_user_id === auth()->user()->id)
                  <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                    <label class="d-block"><b> Status  </b></label> 
                    <select name="status" id="Status" class="input-md" >
                       @foreach($staus as $key => $value)
                        <option value="{{$key}}" {{ ( ( !empty($task) && $key === $task->taskInfo->task_status ) ? "selected" : "" ) }}
                          >{{$value}}</option>
                       @endforeach                        
                    </select>
                  </div>
                @else
                  <input type="hidden" name="status" class="form-control" value="{{ !empty($task->taskInfo->task_status) ? $task->taskInfo->task_status : 1 }}" >
                @endif                
                             
            </div>            
            <div class="row mt-3">
                <div class="col-md-12 form-group">
                    <button class="btn btn-success" id ='rtype' ><i class="fa fas fa-save" ></i> {{ empty($task) ? 'Add' : 'Update' }} </button>
                    <a href="{{ route('TaskManager.index') }}" class="btn btn-danger " style="margin:10px;"> Close </a>  
     
                </div>
            </div>
        </div>
    </div>
</form>
@endsection

@section('extraJs')
<script type="text/javascript">
function previewPhoto(input){
    $("#preview_photo").css("display", "block");
    var file = $("input[type=file]").get(0).files[0]; 
    if(file){
    var reader = new FileReader(); 
    reader.onload = function(){
        $("#preview_photo_img").attr("src", reader.result);
    } 
    reader.readAsDataURL(file);
    }
}
</script>
@endsection