@extends('layout')

@section('css')
<style>
    .image-upload input {
  display: none;
  
}

.image-upload{
    width: auto;
    float: left;
    margin-right:5px;
    width: 70px;
}

.upload-icon {
  width: 70px;
  height: 70px;
  border: 2px solid #5642BE;
  border-style: dotted;
  border-radius: 18px;
  float: left;
  background-size: cover;
}

.upload-icon .icon {
    width: 60px;
    height: 60px;
    margin: 11px;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 10px;
}

.upload-icon .icon-x {
    width: 60px;
    height: 60px;
    margin: 11px;
    cursor: pointer;
    margin-left: 34px;
    margin-top: 21px;
}

.upload-icon img {
    display:none
}
.prev {
  display: none;
  width: 95px;
  height: 92px;
  margin: 2px;
  border-radius: 15px;
}


</style>
@endsection

@section('content')
 
 @include('tasks.form.breadcrumb')

 <div class="container-fluid">
 <div class="row">
 <form action="{{route('task.process',$details ? 'update_details' : 'new')}}" method="post" id="artist_form" enctype="multipart/form-data">
    <div class="col-lg-12">
        <div class="card ">
            <div class="card-header bg-light text-dark">
                <b>Task Info</b>
            </div>
            <div class="card-body">
            
          
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="exampleInputEmail1">Task Name</label>
                    <input type="text" class="form-control required" name="task_name" @if($details) value="{{$details->task_name}}" @endif>
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Start Date</label>
                    <input type="date"  class="form-control required" min="{{date('Y-m-d')}}" name="start_date" @if($details) value="{{date('Y-m-d',strtotime($details->start_date))}}" @endif>
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Projects</label>
                    <select class="form-control required getuserbyProjects" name="project_id" data-url="{{route('task.data','user')}}">
                        <option value=""></option>
                        @foreach($projects as $project)
                        <option @if($details) @if($details->project_id == $project->id) selected @endif @else @if($project_id )  @if($project->id == $project_id) selected @endif @endif  @endif value="{{$project->id}}">{{$project->project_name}}</option>
                        @endforeach
                    </select> 
                </div>
                
            </div>
            <div class="col-md-6">
            <div  class="form-group">
                        <label for="exampleInputEmail1">Priority</label>
                        <select class="form-control required"  name="priority_id">
                            @foreach(config('setting.priorties') as $key => $priorties)
                            <option @if($details) @if($details->priority_id == $key) selected @endif @endif value="{{$key}}">{{$priorties}}</option>
                            @endforeach
                        </select>
                    </div> 
                <div class="form-group">
                    <label for="exampleInputEmail1">Deadline</label>
                    <input type="date"  class="form-control required" min="{{date('Y-m-d')}}" name="deadline" @if($details) value="{{date('Y-m-d',strtotime($details->deadline))}}" @endif>
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Assign To</label>
                    <select class="form-control required" id="user_id" name="user_id">
                        <option value=""></option>
                        @foreach($members as $member)
                        <option @if($details) @if($details->user_id == $member->user_id) selected @endif @endif value="{{$member->user_id}}">{{$member->user->name.' '.$member->user->surname}}</option>
                        @endforeach
                    </select>
                </div>
                </div> 
            <div class="col-md-12">
                <div class="form-group">
                    <label for="exampleInputEmail1">Description</label>
                    <textarea class="form-control required" name="descriptions" rows="4">{{$details ? $details->descriptions : ''}}</textarea>
                </div>
                @if(!$details)
                <div class="form-group">
                    <label for="exampleInputEmail1">Attachments </label>
                    <div class="clearfix"></div>
                    @for($x=0;$x<5;$x++)
                    <div class="image-upload">
                  
                        <label for="file-input{{$x}}">
                        <div class="upload-icon" >
                             <h1 class="icon">+</h1>
                            <input data-img="{{url('pdf.jpg')}}"  id="file-input{{$x}}" type="file" name="file[]"  accept="image/jpg, image/jpeg, image/png ,.pdf"/>
                            </div> 
                        </label>
                        <label class="file-label d-none" style="width: -webkit-fill-available;
    font-size: 9px;"></label>
                        <center>
                        <button class="btn btn-danger btn-sm d-none removeAttacment" style="    padding: 2px;">Remove</button>
                        </center>
                        
                    </div>
                     
                    @endfor
                </div>
                @endif

                
                
                @if($details)
                    <input type="hidden" name="status" value="{{$details->status}}">
                    <input type="hidden" name="id" value="{{$details->id}}">
                    <input type="hidden" name="updated_by" value="{{Globalset::current_user()}}">
                @else
                    <input type="hidden" name="created_by" value="{{Globalset::current_user()}}">
                @endif

            </div>
           
        </div>
   

            </div>
        </div>
    </div>
    </form>
</div>

</div>

@endsection

@section ('script')
<script src="{{ url('js/tasks.js') }}"></script>
@endsection