@extends('layouts.newApp')
@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('all-tasks.index') }}">@lang($pageTitle)</a></li>
                <li class="active">@lang('app.edit')</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection
@push('head-script')
<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta3/css/bootstrap-select.min.css" />

<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/summernote/dist/summernote.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/dropzone-master/dist/dropzone.css') }}">

<style>
    .panel-black .panel-heading a,
    .panel-inverse .panel-heading a {
        color: unset!important;
    }
    .list-group-item a {
        color: #FFFFFF !important;
    }
</style>

@endpush
@section('content')

<div class="dash_panel">
    <div class="customCard">
        <div class="panel-heading taskHeading pt-2">@lang('modules.tasks.updateTask')</div>
        <div class="panel-body ">
            <form id="updateTask" class="ajax-form" method="POST">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-lg-6 col-xs-12">
                        <div class="form-group">
                            <label class="control-label required">@lang('app.title')</label>
                            <input type="text" id="heading" name="heading" class="form-control" value="{{ $task->heading }}">
                        </div>

                        <div class="form-group">
                            <div class="form-group discripationDiv">
                                <label class="control-label">@lang('app.description')</label>
                                <textarea id="description" name="description" class="form-control summernote">{{ $task->description }}</textarea>
                            </div>
                        </div>
                        <button type="button" class="btn btn-block btn-outline-info btn-sm col-md-2 select-image-button" style="margin-bottom: 10px;display: none "><i class="fa fa-upload"></i> File Select Or Upload</button>
                        <div id="file-upload-box" >
                            <div class="w-100" id="file-dropzone">
                                <div class="dropzone"
                                        id="file-upload-dropzone">
                                    {{ csrf_field() }}
                                    <div class="fallback">
                                        <input name="file" type="file" multiple/>
                                    </div>
                                    <input name="image_url" id="image_url"type="hidden" />
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="taskID" id="taskID">
                        <div class="w-100" id="list">
                            <ul class="list-group" id="files-list">
                                @forelse($task->files as $file)
                                    <li class="list-group-item">
                                        <div class="row">
                                            <div class="col-md-7">
                                                {{ $file->filename }}
                                            </div>
                                            <div class="col-md-5">
                                                <a target="_blank" href="{{ $file->file_url }}" data-toggle="tooltip" title="View" class="btn btn-info btn-circle">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                                @if(is_null($file->external_link))
                                                    <a href="{{ route('task-files.download', $file->id) }}" data-toggle="tooltip" title="Download" class="btn btn-inverse btn-circle">
                                                        <i class="fa fa-download"></i>
                                                    </a>
                                                @endif
                                                <a href="javascript:;" data-toggle="tooltip" title="Delete" data-file-id="{{ $file->id }}" class="btn btn-danger btn-circle sa-params" data-pk="list">
                                                    <i class="fa fa-times"></i>
                                                </a>
                                                <span class="ml-2">{{ $file->created_at->diffForHumans() }}</span>
                                            </div>
                                        </div>
                                    </li>
                                @empty
                                    <li class="list-group-item">
                                        <div class="row">
                                            <div class="col-md-10">
                                                @lang('messages.noFileUploaded')
                                            </div>
                                        </div>
                                    </li>
                                @endforelse
                            </ul>
                        </div>

                    </div>

                    <div class="col-lg-6 col-xs-12">
                        <div class="row">
                            <div class="col-xs-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('app.project')</label>
                                    <select class="select2 form-control" data-placeholder="@lang('app.selectProject')" id="project_id" name="project_id">
                                        <option value="all">Select Project</option>
                                        @foreach($projects as $project)
                                            <option
                                                    @if($project->id == $task->project_id) selected @endif
                                            value="{{ $project->id }}">{{ ucwords($project->project_name) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading required">@lang('modules.tasks.priority')</label>
                                    <select class="select2 form-control" name="priority" id="priority"
                                            data-style="form-control">
                                        @forelse($priorityOptions as $priorityOption)
                                            <option value="{{ $priorityOption }}"  @if($task->priority == $priorityOption) checked @endif>{{ ucwords($priorityOption) }}</option>
                                        @empty
                                            <option value="">@lang('messages.noTaskCategoryAdded')</option>
                                        @endforelse
                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-xs-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label  required">
                                        @lang('modules.tasks.assignTo')
                                        <a href="javascript:;" id="add-employee" class="btn btn-xs mainPluse btn-success btn-outline">
                                            <i class="fa fa-plus"></i>
                                        </a>
                                    </label>
                                    <select class="select2 form-control" data-placeholder="@lang('modules.tasks.chooseAssignee')" name="user_id[]" id="user_id">
                                        @foreach($task->project_id ? $task->project->members : $projectsMembers as $user)
                                            @php
                                                $id = $task->project_id ? $user->user->id : $user->id;
                                                $name = $task->project_id ? $user->user->name : $user->name;
                                                $selected = $task->users->pluck('id')->contains($id) ? 'selected' : '';
                                            @endphp
                                            <option value="{{ $id }}" {{ $selected }}>{{ ucwords($name) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label taskFormHeading">@lang('modules.tasks.taskCategory')
                                        <a href="javascript:;"
                                            id="createTaskCategory"
                                            class="btn btn-xs btn-outline btn-success  mainPluse">
                                            <i class="fa fa-plus"></i> 
                                        </a>
                                    </label>
                                    <select class="selectpicker form-control" name="category_id" id="category_id" data-style="form-control">
                                        @forelse($categories as $category)
                                            <option value="{{ $category->id }}"
                                                    @if($task->task_category_id == $category->id)
                                                    selected
                                                    @endif
                                            >{{ ucwords($category->category_name) }}</option>
                                        @empty
                                            <option value="">@lang('messages.noTaskCategoryAdded')</option>
                                        @endforelse
                                    </select>
                                </div>
                            </div>
                            <div class="col-xs-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label required">@lang('app.startDate')</label>
                                    <input type="text" name="start_date" id="start_date2" class="form-control" autocomplete="off" value="@if($task->start_date != '-0001-11-30 00:00:00' && $task->start_date != null){{  Carbon\Carbon::parse($task->start_date)->format($global->date_format) }} @endif">
                                </div>
                            </div>
                            <div class="col-xs-12 col-lg-6">
                                <div class="form-group">
                                    <label class="control-label required">@lang('app.dueDate')</label>
                                    <input type="text" name="due_date" id="due_date2" class="form-control" autocomplete="off" value="@if($task->due_date != '-0001-11-30 00:00:00'){{  Carbon\Carbon::parse($task->due_date)->format($global->date_format) }}@endif">
                                </div>
                            </div>

                            <div class="col-xs-12 col-lg-6">                            
                                <div class="form-group mb-0">
                                    <label class="control-label taskFormHeading">@lang('app.taskLabel')
                                        <a href="javascript:;"
                                        id="createTaskLabel"
                                        class="btn btn-xs btn-outline btn-success mainPluse">
                                            <i class="fa fa-plus"></i> 
                                        </a>
                                    </label>

                                    <select id="multiselect" name="task_labels" class="selectpicker form-control">
                                        @foreach($taskLabels as $label)
                                            <option
                                                data-content="<label class='badge b-all' style='background:{{ $label->color }};'>{{ $label->label_name }}</label>"
                                                value="{{ $label->id }}"
                                                {{in_array($label->id,$currentLabels) ? 'selected' :''}}
                                            >
                                                {{ $label->label_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-lg-6">                            
                                <div class="form-group">
                                    <label>@lang('app.status')</label>
                                    <select name="status" id="status" class="form-control">
                                        @foreach($taskBoardColumns as $taskBoardColumn)
                                            <option @if($task->board_column_id == $taskBoardColumn->id) selected @endif value="{{$taskBoardColumn->id}}">{{ $taskBoardColumn->column_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-lg-12">
                                <div class="form-group ">
                                    <label class="control-label taskFormHeading required">@lang('modules.projects.milestones')</label>
                                    <select class="select2 form-control" 
                                            data-placeholder="@lang('modules.tasks.chooseProjectFirst')"
                                            data-label = "select milestone"
                                            name="milestone_id" id="milestone_id">
                                        <option value="">Select Milestone</option>
                                        @foreach($milestones as $milestone)
                                            <option value="{{ $milestone->id }}" {{$task->milestone_id==$milestone->id ? 'selected' :''}}>{{ ucwords($milestone->milestone_title)}}</option>
                                        @endforeach
                                    </select>
                                    <span class="invalid-feedback milestone_id_error" role="alert">
                                    <strong></strong>
                                </span>
                                </div>
                            </div>

                        <div class="col-md-12 col-lg-6 mt-5">
                            <div class="form-group">
                                <div class="">
                                    {{-- <input id="billable-task"  @if ($task->billable)  checked @endif name="billable" value="true" type="checkbox">
                                    <label for="billable-task" class="labelHeading">@lang('modules.tasks.billable') 
                                        <a class="mytooltip font-12" href="javascript:void(0)"> 
                                        <i class="fa fa-info-circle"></i>
                                        <span class="tooltip-content5">
                                            <span class="tooltip-text3">
                                                <span class="tooltip-inner2">@lang('modules.tasks.privateInfo')</span>
                                            </span>
                                        </span>
                                        </a>
                                    </label> --}}

                                    <input type="radio" name="billable"
                                                id="billable" value="{{App\Task::BILLABLE_TASK}}" checked {{$task->billable==\App\Task::BILLABLE_TASK ? 'checked' : ''}}>
                                        <label for="billable">
                                        @lang('modules.tasks.billable') </label>

                                        <input type="radio" name="billable"
                                                id="nonBillable" value="{{App\Task::NON_BILLABLE_TASK}}" {{$task->billable==\App\Task::NON_BILLABLE_TASK ? 'checked' : ''}}>
                                        <label for="nonBillable">
                                        @lang('modules.tasks.nonBillable') </label>

                                        {{-- <input type="radio" name="billable"
                                                id="maintenance" value="{{App\Task::MAINTENANCE_TASK}}" {{$task->billable==\App\Task::MAINTENANCE_TASK ? 'checked' : ''}}>
                                        <label for="maintenance">
                                        @lang('modules.tasks.maintenance') </label> --}}
                                </div>
                            </div>

                            <div class="col-xs-12">
                                <div class="form-group">
                                    <div class="checkbox themeCheckbox">
                                        <input id="billable-task"  @if ($task->billable)  checked @endif name="billable" value="true" type="checkbox">
                                        <label for="billable-task" class="labelHeading">@lang('modules.tasks.billable') 
                                            <a class="mytooltip font-12" href="javascript:void(0)"> 
                                                <i class="fa fa-info-circle"></i>
                                                <span class="tooltip-content5">
                                                    <span class="tooltip-text3">
                                                        <span class="tooltip-inner2">@lang('modules.tasks.billableInfo')</span>
                                                    </span>
                                                </span>
                                            </a>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <div class="checkbox themeCheckbox paddinLeft">
                                        <input id="set-time-estimate"
                                        {{$task->estimate_hours > 0 || $task->estimate_minutes > 0 ? 'checked' : ''}}
                                        name="set_time_estimate" value="true" type="checkbox" onclick="return false;">
                                        <label for="set-time-estimate" class="labelHeading">@lang('modules.tasks.setTimeEstimate')</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-lg-6 text-end" id="set-time-estimate-fields"@if ($task->estimate_hours == 0 && $task->estimate_minutes == 0) style="display: none" @endif class="estimateTimeBox">
                                <div class="form-group d-flex justify-content-center align-items-center">
                                    
                                    <input type="number" min="0" value="{{ $task->estimate_hours }}"  class=" p-10 me-2 estimateInput" style="width: 65px;" name="estimate_hours" > @lang('app.hrs')
                                    <br>
                                    <input type="number" min="0" value="{{ $task->estimate_minutes }}"  name="estimate_minutes" style="width: 65px;" class=" p-10 ms-2 me-2 estimateInput"> @lang('app.mins')
                                </div>
                            </div> 
                            <div class="col-xs-12">
                                <div class="form-group">
                                    <div class="checkbox themeCheckbox">
                                        <input id="dependent-task" name="dependent" value="yes"
                                                type="checkbox" @if($task->dependent_task_id != '') checked @endif>
                                        <label for="dependent-task">@lang('modules.tasks.dependent')</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12" id="dependent-fields" @if($task->dependent_task_id == null) style="display: none" @endif>
                                <div class="form-group">
                                    <label class="control-label">@lang('modules.tasks.dependentTask')</label>
                                    <select class="select2 form-control" data-placeholder="@lang('modules.tasks.chooseTask')" name="dependent_task_id" id="dependent_task_id" >
                                        <option value=""></option>
                                        @foreach($allTasks as $allTask)
                                            <option value="{{ $allTask->id }}" @if($allTask->id == $task->dependent_task_id) selected @endif>{{ $allTask->heading }} (@lang('app.dueDate'): {{  Carbon\Carbon::parse($allTask->due_date)->format($global->date_format) }})</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        @if(count($fields) > 0)
                        <h3 class="box-title">@lang('modules.projects.otherInfo')</h3>
                        <div class="row">
                            @foreach($fields as $field)
                            <div class="col-md-3">
                                <label>{{ ucfirst($field->label) }}</label>
                                <div class="form-group">
                                    @if( $field->type == 'text')
                                    <input type="text" name="custom_fields_data[{{$field->name.'_'.$field->id}}]" class="form-control" placeholder="{{$field->label}}"
                                        value="{{$task->custom_fields_data['field_'.$field->id] ?? ''}}">                                    @elseif($field->type == 'password')
                                    <input type="password" name="custom_fields_data[{{$field->name.'_'.$field->id}}]" class="form-control" placeholder="{{$field->label}}"
                                        value="{{$task->custom_fields_data['field_'.$field->id] ?? ''}}">                                    @elseif($field->type == 'number')
                                    <input type="number" name="custom_fields_data[{{$field->name.'_'.$field->id}}]" class="form-control" placeholder="{{$field->label}}"
                                        value="{{$task->custom_fields_data['field_'.$field->id] ?? ''}}">                                    @elseif($field->type == 'textarea')
                                    <textarea name="custom_fields_data[{{$field->name.'_'.$field->id}}]" class="form-control" id="{{$field->name}}" cols="3">{{$task->custom_fields_data['field_'.$field->id] ?? ''}}</textarea>                                    @elseif($field->type == 'radio')
                                    <div class="radio-list">
                                        @foreach($field->values as $key=>$value)
                                        <label class="radio-inline @if($key == 0) p-0 @endif">
                                                            <div class="radio radio-info">
                                                                <input type="radio" name="custom_fields_data[{{$field->name.'_'.$field->id}}]" id="optionsRadios{{$key.$field->id}}" value="{{$value}}" @if(isset($task) && $task->custom_fields_data['field_'.$field->id] == $value) checked @elseif($key==0) checked @endif>>
                                                                <label for="optionsRadios{{$key.$field->id}}">{{$value}}</label>
                                    </div>
                                    </label>
                                    @endforeach
                                </div>
                                @elseif($field->type == 'select')
                                <select name="custom_fields_data[{{ $field->name }}_{{ $field->id }}]" class="form-control gender">
                                    @foreach($field->values as $key => $value)
                                        <option value="{{ $key }}" {{ isset($task) && $task->custom_fields_data['field_'.$field->id] == $key ? 'selected' : '' }}>
                                            {{ $value }}
                                        </option>
                                    @endforeach
                                </select>
                                @elseif($field->type == 'checkbox')
                                <div class="mt-checkbox-inline">
                                    @foreach($field->values as $key => $value)
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input name="custom_fields_data[{{$field->name.'_'.$field->id}}][]" type="checkbox" value="{{$key}}"> {{$value}}
                                        <span></span>
                                    </label> @endforeach
                                </div>
                                @elseif($field->type == 'date')
                                <input type="text" class="form-control date-picker" size="16" name="custom_fields_data[{{$field->name.'_'.$field->id}}]"
                                    value="{{ ($task->custom_fields_data['field_'.$field->id] != '') ? \Carbon\Carbon::parse($task->custom_fields_data['field_'.$field->id])->format($global->date_format) : \Carbon\Carbon::now()->format($global->date_format)}}">
                                @endif
                                <div class="form-control-focus"> </div>
                                <span class="help-block"></span>
                            </div>
                            @endforeach
                        </div>
                        @endif

                        <div class="form-actions m-t-15">
                            <button type="button" id="update-task" class="themeBtn saveButton">@lang('app.update')</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

    <!-- .row -->

    {{--Ajax Modal--}}
    <div class="modal fade bs-modal-md in" id="taskCategoryModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->.
    </div>
    {{--Ajax Modal Ends--}}
    {{--Ajax Modal--}}
    <div class="modal fade bs-modal-lg in" id="taskLabelModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->.
    </div>
    {{--Ajax Modal Ends--}}
@endsection
@push('footer-script')
<script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/summernote/dist/summernote.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/dropzone-master/dist/dropzone.js') }}"></script>

<script>
    
    let storeDropzoneFilesRoute =  "{{ route('task-files.store') }}";
    let tasksListRoute = "{{ route('all-tasks.index') }}";
    let csrfToken = '{{ csrf_token() }}';
    let taskId = '{{ $task->id }}';
    let status = '{{ $task->board_column->slug }}';
    let updateTaskRoute = "{{route('all-tasks.update', [$task->id])}}";
    let globalDatepickerFormat = '{{ $global->date_picker_format }}';
    let noRecordFound = "{{ __('messages.noRecordFound') }}";
    let taskMembersRoute = "{{route('all-tasks.members', ':id')}}";
    let dependentTaskRoute = "{{route('all-tasks.dependent-tasks', ':id')}}";
    let createTaskCategoryRoute = "{{ route('taskCategory.create-cat')}}";
    let createTaskLabelRoute = "{{ route('task-label.create-label')}}";
    let addEmployeeRoute = "{{ route('employees.create')}}";
    let startDate = '{{  Carbon\Carbon::parse($task->due_date)->format($global->date_format) }}';
    let fileDistroyRoute = "{{ route('task-files.destroy',':id') }}";
    var labelIds = '{{ json_encode($labelIds) ?? null }}';
    let fetchProjectBasedMembers = "{{route('fetch-project-members-list')}}"

    window.translations = {
        add: "{{ __('app.add') }}",
        employee: "{{ __('app.employee') }}",
        taskCreatedSuccessfully: "{{ __('messages.taskCreatedSuccessfully') }}",
        noRecordFound: "{{ __('messages.noRecordFound') }}",
        manageTaskCategory: "{{ __('modules.taskCategory.manageTaskCategory') }}"
    };

</script>

<script src="{{ asset('js/pages/admin/tasks/edit.js') }}"></script>

@endpush