@extends('layout')
@section('title')
    {{ get_label('task_details', 'Task details') }}
@endsection
@section('content')
    <div class="container-fluid">
        <div class="align-items-center d-flex justify-content-between m-4">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-style1">
                        <li class="breadcrumb-item">
                            <a href="{{ route('home.index') }}">{{ get_label('home', 'Home') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ getDefaultViewRoute('tasks') }}">{{ get_label('tasks', 'Tasks') }}</a>
                        </li>
                        <li class="breadcrumb-item active">
                            {{ $task->title }}
                        </li>
                    </ol>
                </nav>
            </div>
            <div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <h2 class="fw-bold">{{ $task->title }}
                                    {{-- <a href="{{ url('/chat?type=task&id=' . $task->id) }}" class="mx-2" target="_blank">
                                <i class='bx bx-message-rounded-dots text-danger' data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="{{get_label('discussion', 'Discussion')}}"></i>
                                </a> --}}
                                </h2>
                                @if ($task->completion_percentage != null)
                                    <div class="progress h-2vh">
                                        @php
                                            $progressBarClass = '';
                                            if ($task->completion_percentage > 75) {
                                                $progressBarClass = 'bg-success';
                                            } elseif ($task->completion_percentage > 50) {
                                                $progressBarClass = 'bg-warning';
                                            } elseif ($task->completion_percentage > 25) {
                                                $progressBarClass = 'bg-info';
                                            } else {
                                                $progressBarClass = 'bg-danger';
                                            }
                                        @endphp
                                        <div role="progressbar"
                                            class="progress-bar progress-bar-striped progress-bar-animated {{ $progressBarClass }}"
                                            role="progressbar" style="width: {{ $task->completion_percentage }}%;"
                                            aria-valuenow="{{ $task->completion_percentage }}" aria-valuemin="0"
                                            aria-valuemax="100">
                                            {{ get_label('completion_percentage', 'Completion Percentage') }} :
                                            {{ $task->completion_percentage }}%
                                        </div>
                                    </div>
                                @endif
                                <div class="row">
                                    <div class="col-md-6 mb-3 mt-3">
                                        <label class="form-label"
                                            for="start_date">{{ get_label('users', 'Users') }}</label>