@php
use App\Helpers\Helper;
use Request as Input;
use Carbon\Carbon;
@endphp

@extends('layouts.master')
@section('title', 'Task Details')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('admin.errors.error')
        
        @section('breadcrumbs')
        <nav aria-label="breadcrumb" class="d-flex custom-breadcrumbs flex-sm-nowrap flex-wrap ">
            <ol class="breadcrumb mb-0 me-1">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.task.index') }}">Tasks</a>
                </li>
                <li class="breadcrumb-item active">
                    Task Details
                </li>

            </ol>
        </nav>
        @endsection
    
        <div class="">
            <div class="row gy-4">
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Details</p>
                                    <div class="info-container">
                                        <ul class="list-unstyled">
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Task No:</span>
                                                <span>#{{ $task->sequence_no }}</span>
                                            </li>
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Title:</span>
                                                <span>{{ $task->title }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Assigned To:</span>
                                                <span>{{ isset($task->getAssignName) ?  $task->getAssignName->ownerName : '-' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Due Date:</span>
                                                <span>{{ isset($task->due_date) ? Carbon::createFromFormat('Y-m-d', $task->due_date)->format(config('const.displayDate')) : '-' }}</span>
                                            </li>

                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Description:</span>
                                                <span>{!! $task->descriptions !!}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Notes:</span>
                                                <span>{!! $task->notes !!}</span>
                                            </li>


                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Created By:</span>
                                                {{ isset($task->getCreatedByName) ?   $task->getCreatedByName->first_name.' '.$task->getCreatedByName->last_name : '-'}}
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Updated By:</span>
                                                {{ isset($task->getUpdatedByName) ? $task->getUpdatedByName->first_name.' '.$task->getUpdatedByName->last_name : '-' }}
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Status:</span>
                                                {!! Helper::displayTaskStatus($task->status) !!}
                                            </li>
                                        </ul>
                                        
                                         <div class="d-flex justify-content-center">
                                            @if (auth()->user()->can('update-task') && auth()->user()->roles[0]->id !== config('const.roleSuperAdmin'))
                                            <a href="{{ route('admin.task.edit', $task) }}" class="btn btn-primary me-2 btn-sm"><i
                                                    class="tf-icons ti ti-edit pb-1"></i> Edit</a>
                                            @endif
                                            <a href="{{route('admin.task.index')}}" class="btn btn-primary flex-grow-1 flex-sm-grow-0 mt-sm-0 mt-1"><i class="fa-solid fa-arrow-left"></i> &nbsp; Back</a>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card mt-4">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Attachments</p>
                                    <div class="info-container">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>File Name</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if (count($task->getTaskAttachment) > 0)
                                                        @foreach ($task->getTaskAttachment as $key => $attachment)
                                                            <tr id="delete-{{ $attachment->id }}">
                                                                <td>
                                                                    {{ $key + 1 }}
                                                                </td>
                                                                <td><a href="{{ asset('storage/task_attachment') . '/' . $attachment->file_name }}"
                                                                        download>{{ $attachment->file_name }}</a>
                                                                </td>
                                                                <td>
                                                                    @if(auth()->user()->can('list-task'))
                                                                        <a target="_blank" href="{{ route('admin.viewtaskpdf',$attachment->id) }}" class="btn btn-label-primary btn-icon waves-effect"  title="View"><i
                                                                            class="ti ti-eye ti-sm mx-2"></i></a>
                                                                    @endif

                                                                    @if(auth()->user()->can('delete-task'))
                                                                        <a href="javascript:void(0)" title="Delete"
                                                                            class="btn btn-label-danger btn-icon waves-effect" data-toggle="modal"
                                                                            onclick="deleteValueSet({{ $attachment->id }})"
                                                                            data-bs-toggle='modal'
                                                                            data-bs-target='#delete-modal'><i
                                                                                class="ti ti-trash ti-sm mx-2"></i></a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr>
                                                            <td colspan="3" class="text-center">Attachments Not Found.
                                                            </td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /User Card -->
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card mb-4">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Comment</p>
                                    <div class="info-container">
                                        {!! Form::open([
                                            'route' => ['admin.task.add-comment'],
                                            'id' => 'addcomment',
                                            'name' => 'addcomment',
                                            'enctype' => 'multipart/form-data',
                                        ]) !!}
                                        @csrf
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="mb-3">
                                                    {!! Form::label('comment', 'Enter Comment', ['class' => 'form-label', 'for' => 'title']) !!}
                                                    <span class="error">*</span>
                                                    {!! Form::textarea('comment', Input::old('comment'), [
                                                        'id' => 'v',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Enter Comment',
                                                        'tabindex' => '5',
                                                        'rows' => '6',
                                                    ]) !!}
                                                    <input type="hidden" name="task_id" value="{{ $task->id }}"
                                                        class="form-controls">
                                                    <input type="hidden" name="assign_to_user_id"
                                                        value="{{ $task->assign_to_user_id }}" class="form-controls">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="mb-3">
                                                    <div class="form-group">
                                                        <label for="status">Status</label>
                                                        <select class="form-select" id="status" name="status"
                                                            tabindex="6">
                                                            @foreach ($statuses as $key => $status)
                                                                <option value="{{ $key }}"
                                                                    {{ isset($task) && $task->status == $key ? 'selected' : '' }}>
                                                                    {{ $status }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <button type="submit" class="btn btn-primary submitbutton"><span
                                                        class="spinner-border me-1 loader-btn d-none" role="status"
                                                        aria-hidden="true">
                                                    </span> Submit</button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h5 class="card-title m-0 me-2 pt-1 mb-2">Task History</h5>
                                </div>
                                <div class="card-body pb-0 task_history">
                                    <ul class="timeline ms-1 mb-0">
                                        @if (count($task->getTaskHistory) > 0)
                                            @php $i=0; @endphp
                                            @foreach ($task->getTaskHistory as $key => $history)
                                                <li class="timeline-item timeline-item-transparent ps-4">
                                                    @if ($history->status_to == config('const.taskstatusNewInt'))
                                                        <span class="timeline-point  mt-2 newstatus"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.taskstatusInProgressInt'))
                                                        <span class="timeline-point timeline-point-warning mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.taskstatusOnHoldInt'))
                                                        <span class="timeline-point timeline-point-danger mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.taskstatusCompletedInt'))
                                                        <span class="timeline-point timeline-point-success mt-2"></span>
                                                    @endif
                                                    <div class="timeline-event">
                                                        <div class="timeline-header mt-2">
                                                            @if ($history->status_to == config('const.taskstatusNewInt'))
                                                                {!! Helper::displayTaskStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.taskstatusInProgressInt'))
                                                                {!! Helper::displayTaskStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.taskstatusOnHoldInt'))
                                                                {!! Helper::displayTaskStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.taskstatusCompletedInt'))
                                                                {!! Helper::displayTaskStatus($history->status_to) !!}
                                                            @endif
                                                            <small class="text-muted">
                                                                @if($key==0)
                                                                <span class="badge bg-label-primary">New Update</span>
                                                                @endif
                                                                {{ $history->created_at->diffForHumans() }} 
                                                            </small> 
                                                        </div>

                                                        <div class="d-flex flex-wrap mt-2">
                                                            <div class="avatar me-2">
                                                                @php $userID = isset($history->getCommenterUser) ? $history->getCommenterUser->id : '' @endphp
                                                                <a href="{{ route('admin.user.show', $userID) }}">
                                                                    <img src="{{ isset($history->getCommenterUser) ? $history->getCommenterUser->profile_pic : '' }}"
                                                                        alt="Avatar" class="rounded-circle" />
                                                                </a>
                                                            </div>
                                                            <div class="ms-1">
                                                                <h6 class="mb-0">
                                                                    {{ isset($history->getCommenterUser) ? $history->getCommenterUser->ownerName : '' }}
                                                                </h6>
                                                                <span>{{ isset($history->getCommenterUser->roles) ? $history->getCommenterUser->roles[0]->name : '' }}</span>
                                                            </div>
                                                        </div>
                                                        <p class="mb-2">
                                                            {{ isset($history->comment) ? $history->comment : '' }}</p>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Task Details -->
            </div>
        </div>
    </div>
    @include('admin.confirmalert')
@endsection
@section('scripts')
    <script>
        /** Jquery validation */
        $("#addcomment").validate({
            rules: {
                comment: {
                    required: true,
                }
            },
            submitHandler: function(form) {
                if ($("#addcomment").validate().checkForm()) {
                    $('.submitbutton').attr('disabled', true);
                    $('.loader-btn').removeClass("d-none");
                    form.submit();
                }
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass("custom-highlight-error");
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass("custom-highlight-error");
            }
        });


        $("#delete-record").on("click", function() {
            var id = $("#id").val();
            var deleteUrl = baseUrl + '/admin/task/attachment/destroy/' + id;
            $('#delete-modal').modal('hide');
            $.ajax({
                url: deleteUrl,
                type: "DELETE",
                dataType: 'json',
                success: function(data) {
                    $(`#delete-${id}`).remove();
                    toastr.success("@lang('admin.recordDelete')", "@lang('admin.success')");
                },
                error: function(data) {
                    toastr.error("@lang('admin.oopserror')", "@lang('admin.error')");
                }
            });
        });
    </script>
@endsection