@if($currentWorkspace && $task)
<div class="modal-body">
    <div class="p-2">
        <div class="form-control-label">{{ __('Description')}}:</div>

        <p class="text-muted mb-4">
            {{ $task->description }}
        </p>

        <div class="row mb-4">
            <div class="col-md-3">
                <div class="form-control-label">{{ __('Create Date')}}</div>
                <p class="mt-1">{{ company_date_formate($task->created_at) }}</p>
            </div>
            <div class="col-md-3">
                <div class="form-control-label">{{ __('Due Date')}}</div>
                <p class="mt-1">{{ company_date_formate($task->due_date) }}</p>
            </div>
            <div class="col-md-3">
                <div class="form-control-label">{{ __('Assigned')}}</div>

                    @if($user = $task->users())
                    @foreach($user as $user)
                        <img alt="image" data-bs-toggle="tooltip" data-bs-placement="top" title="{{$user->name}}" @if($user->avatar) src="{{get_file($user->avatar)}}" @else src="{{ get_file('avatar.png')}}"  @endif class="rounded-circle " width="20px" height="20px">
                    @endforeach
                    @endif
            </div>
            <div class="col-md-3">
                <div class="form-control-label">{{ __('Milestone')}}</div>
                @php($milestone = $task->milestone())
                <p class="mt-1">@if($milestone) {{$milestone->title}} @endif</p>
            </div>
        </div>
    </div>

    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
        <li class="nav-item">
            <a class=" nav-link active" id="comments-tab" data-bs-toggle="tab" href="#comments-data" role="tab" aria-controls="home" aria-selected="false"> {{ __('Comments') }} </a>
        </li>
        @permission('task file manage')
        <li class="nav-item">
            <a class=" nav-link" id="file-tab" data-bs-toggle="tab" href="#file-data" role="tab" aria-controls="profile" aria-selected="false"> {{ __('Files') }} </a>
        </li>
        @endpermission

        <li class="nav-item">
            <a class=" nav-link" id="sub-task-tab" data-bs-toggle="tab" href="#sub-task-data" role="tab" aria-controls="contact" aria-selected="true"> {{ __('Sub Task') }} </a>
        </li>
        <li class="nav-item">
            <a class=" nav-link " id="members-tab" data-bs-toggle="tab" href="#members-data" role="tab" aria-controls="home" aria-selected="false"> {{ __('Members') }} </a>
        </li>
        @stack('task-tab')
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade active show" id="comments-data" role="tabpanel" aria-labelledby="home-tab">
            @permission('task comment create')
            <form method="post" id="form-comment" data-action="{{route('comment.store',[$task->project_id,$task->id,$clientID])}}">
                @csrf
                <textarea class="form-control form-control-light mb-2" name="comment" placeholder="{{ __('Write message')}}" id="example-textarea" rows="3" required></textarea>
                <div class="text-end">
                    <div class="btn-group mb-2 ml-2 d-sm-inline-block">
                        <button type="submit" class="btn btn btn-primary">{{ __('Submit')}}</button>
                    </div>
                </div>
            </form>
            @endpermission

            <ul class="list-unstyled list-unstyled-border" id="task-comments">
                @foreach($task->comments as $comment)
                <li class="row media border-bottom mb-3">
                        <div class="col-1">
                            <img alt="image" data-bs-toggle="tooltip" data-bs-placement="top" title="{{$comment->user->name}}" @if($comment->user->avatar) src="{{get_file($comment->user->avatar)}}" @else src="{{ get_file('avatar.png')}}"  @endif class="mr-3 avatar-sm rounded-circle img-thumbnail" style="max-width: 30px; max-height: 30px;">
                        </div>
                        <div class="col media-body mb-2 top-10-scroll" style="max-height: 100px">
                                <h5 class="mt-0 mb-1 form-control-label">
                                        {{$comment->user->name}}
                                </h5>
                                {{$comment->comment}}
                        </div>
                        @auth('web')
                            <div class="col-auto text-end row_line_style">
                                @permission('task comment delete')
                                <a href="#" class="action-btn btn-danger mt-1 btn btn-sm d-inline-flex align-items-center delete-comment"  data-toggle="tooltip" title="{{__('Delete')}}" data-url="{{route('comment.destroy',[$task->project_id,$task->id,$comment->id])}}">
                                    <i class="ti ti-trash"></i>
                                </a>
                                @endpermission
                            </div>
                        @endauth
                    </li>
                @endforeach
            </ul>
        </div>

        <div class="tab-pane fade  show" id="members-data" role="tabpanel" aria-labelledby="home-tab">
            <div class="form-group col-md-12">
                <label class="col-form-label">{{ __('Assign To')}}</label>

                {{ Form::model($task, array('route' => array('tasks.members',[$projectID,$task->id]), 'method' => 'Post')) }}
                <select class="multi-select  choices" id="assign_to" data-toggle="select2" required
                    name="assign_to[]" multiple="multiple">
                    @foreach($users as $u)
                        <option @if(in_array($u->id,$assign_to)) selected @endif  value="{{$u->id}}">{{$u->name}} - {{$u->email}}</option>
                    @endforeach
                </select>
                <p class="text-danger d-none" id="user_validation">{{__('Assign To filed is required.')}}</p>
                <div class="text-end">
                    <button  type="submit" class="btn btn-primary" >{{ __('Submit')}}</button>
                </div>
                {{-- @endif --}}
                {{ Form::close() }}
            </div>
        </div>

        @permission('task file manage')
        <div class="tab-pane fade" id="file-data" role="tabpanel" aria-labelledby="profile-tab">
            @permission('task file uploads')
            <div class="form-group m-0">
                <form method="post" id="form-file" enctype="multipart/form-data" data-url="{{ route('comment.store.file',[$task->project_id,$task->id,$clientID]) }}">
                     @csrf
                     <div class="choose-files mt-3">
                        <label for="file">
                            <img id="blah" width="20%" height="20%" class="mb-3"/>
                            <div class=" bg-primary "> <i class="ti ti-upload px-1"></i>{{ __('Choose file here') }}</div>
                            <input type="file" name="file" class="form-control mb-3" id="file" onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">
                        </label>
                    </div>
                    <div class="text-end">
                        <div class="">
                            <button type="submit" class="btn btn-primary">{{ __('Upload') }}</button>
                        </div>
                    </div>
                </form>
            </div>
            @endpermission
            <div id="comments-file" class="mt-3">
                @foreach($task->taskFiles as $file)
                    <div class="card pb-0 mb-1 shadow-none border">
                        <div class="card-body p-3">
                            <div class="row align-items-center">
                                <div class="col-auto">
                                    <div class="avatar-sm">
                                        <span class="avatar-title rounded text-uppercase">
                                            <img src="{{get_file($file->file)}}" width="60px" height="60px" alt="">
                                        </span>
                                    </div>
                                </div>
                                <div class="col pl-0">
                                    <a href="#" class="text-muted form-control-label">{{$file->name}}</a>
                                    <p class="mb-0">{{$file->file_size}}</p>
                                </div>
                                <div class="col-auto">
                                    <!-- Button -->
                                    <a download href="{{get_file($file->file)}}" class="action-btn btn-primary btn btn-sm d-inline-flex align-items-center" data-toggle="tooltip" title="{{__('Download')}}">
                                        <i class="ti ti-download"></i>
                                    </a>
                                    @auth('web')
                                        @permission('task file delete')
                                        <a href="#" class="action-btn btn-danger  btn btn-sm d-inline-flex align-items-center delete-comment-file" data-toggle="tooltip" title="{{__('Delete')}}" data-url="{{route('comment.destroy.file',[$task->project_id,$task->id,$file->id])}}">
                                            <i class="ti ti-trash"></i>
                                        </a>
                                        @endpermission
                                    @endauth
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        @endpermission
        <div class="tab-pane fade mt-3" id="sub-task-data" role="tabpanel" aria-labelledby="contact-tab">
             <p>
                <div class="text-end mb-3">
                    @permission('sub-task create')
                        <a class="btn btn-sm btn-primary" data-bs-toggle="collapse" href="#form-subtask" role="button" aria-expanded="false" aria-controls="form-subtask" > <i class="ti ti-plus"></i></a>
                    @endpermission
                </div>
            </p>

        @permission('sub-task create')

            <form method="post" class="collapse" id="form-subtask" data-action="{{route('subtask.store',[$task->project_id,$task->id,$clientID])}}">
                @csrf
                <div class="row">
                    <div class="col-6">
                        <div class="form-group text-start">
                            <label class="col-form-label">{{__('Name')}}</label>
                            <input type="text" name="name" class="form-control" required placeholder="{{__('Sub Task Name')}}">
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group text-start">
                            <label class="col-form-label">{{__('Due Date')}}</label>
                            <input class="form-control" type="date" id="due_date" name="due_date" autocomplete="off" required="required">
                        </div>
                    </div>
                </div>
                <div class="text-end">
                    <div class="btn-group d-sm-inline-block">
                        <button type="submit" class="btn btn-primary create-subtask">{{ __('Add Subtask')}}</button>
                    </div>
                </div>
            </form>
            @endpermission
            <ul class="list-group mt-3 " id="subtasks">
                @foreach($task->sub_tasks as $subTask)
                    <li class="list-group-item row ">
                        <div class="form-check form-switch d-inline-block d-flex justify-content-between">
                            <div>
                                <input type="checkbox" class="form-check-input" name="option" id="option{{ $subTask->id }}" @if($subTask->status) checked @endif data-url="{{route('subtask.update',[$task->project_id,$subTask->id])}}">
                                <label class="custom-control-label form-control-label" for="option{{ $subTask->id }}">{{$subTask->name}}</label>
                            </div>
                            <div>

                                @permission('sub-task delete')
                                <a href="#" class="action-btn btn-danger  btn btn-sm d-inline-flex align-items-center delete-subtask" data-toggle="tooltip" title="{{__('Delete')}}" data-url="{{route('subtask.destroy',[$task->project_id,$subTask->id])}}">
                                    <i class="ti ti-trash"></i>
                                </a>
                                @endpermission
                            </div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
        @stack('task-signature')
    </div>
</div>
@else
    <div class="container mt-5">
        <div class="card">
            <div class="card-body p-4">
                <div class="page-error">
                    <div class="page-inner">
                        <h1>{{ __('404') }}</h1>
                        <div class="page-description">
                            {{ __('Page Not Found') }}
                        </div>
                        <div class="page-search">
                            <p class="text-muted mt-3">{{ __("It's looking like you may have taken a wrong turn. Don't worry... it happens to the best of us. Here's a little tip that might help you get back on track.")}}</p>
                            <div class="mt-3">
                                <a class="btn-return-home badge-blue" href="{{route('home')}}"><i class="fas fa-reply"></i> {{ __('Return Home')}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
</div>