@extends('layouts.invoicepayheader')

@php
    $result = json_decode($project->copylinksetting);
    $logo_path = \App\Models\Utility::get_file('/');
@endphp

@section('title')
    {{ __('Copy Link') }}
@endsection
@section('page-title')
    {{ __('Projects Details') }}
@endsection
@section('action-button')
<div class="d-flex justify-content-end">
    <a href="#" class="btn-primary">
        <select name="language" id="language" class=" btn-primary btn "
            onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
            @foreach (App\Models\Utility::languages() as $langCode => $language)
                <option class="" 
                @if ($lang == $langCode) selected @endif
                    value="{{ route('projects.link', [$currentWorkspace->slug, \Illuminate\Support\Facades\Crypt::encrypt($project->id), $langCode]) }}">{{ ucfirst( \App\Models\Utility::getlang_fullname($langCode)) }}
                </option>
            @endforeach
        </select>
    </a>
</div>    
@endsection

<style>
    .application .container-application {
        display: flow-root !important;
    }
    #comments-data form ,  #sub-task-data form, 
    #sub-task-data  > div > a, #file-data form,
    .row_line_style
    {
        display: none !important;
    }
</style>
@php
    $logo = \App\Models\Utility::get_file('tasks/');
    $logo_path = \App\Models\Utility::get_file('/');
@endphp
@php
    if (Auth::user() != null) {
        $objUser = Auth::user();
    } else {
        $objUser = \App\Models\User::where('id', $project->created_by)->first();
    }
    $permissions = $objUser->getPermission($project->id);
    $client_keyword = $objUser->getGuard() == 'client' ? 'client.' : '';
    $logo = \App\Models\Utility::get_file('users-avatar/');
    $logo_project_files = \App\Models\Utility::get_file('project_files/');
@endphp


@section('content')

    <div class="row" data-spy="scroll" data-target="#useradd-sidenav">
        <div class="col-xl-3">
            <div class="card sticky-top" style="top:30px">
                <div class="list-group list-group-flush" id="useradd-sidenav">
                    @if ( isset($result->basic_details) && $result->basic_details == 'on')
                        <a href="#tabs-1" class="list-group-item list-group-item-action border-0">{{ __('Basic details') }}
                            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                        </a>
                    @endif
                    @if ( isset($result->progress) && $result->progress == 'on')
                        <a href="#tabs-11" class="list-group-item list-group-item-action border-0">{{ __('Progress') }}
                            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                        </a>
                    @endif
                    @if (  isset($result->member) && $result->member == 'on')
                        <a href="#tabs-2" class="list-group-item list-group-item-action border-0 ">{{ __('Members') }} <div
                                class="float-end"><i class="ti ti-chevron-right"></i></div></a>
                    @endif
                    @if (  isset($result->progress) && $result->client == 'on')
                        <a href="#tabs-3" class="list-group-item list-group-item-action border-0">{{ __('Clients') }} <div
                                class="float-end"><i class="ti ti-chevron-right"></i></div></a>
                    @endif
                    @if (  isset($result->milestone) && $result->milestone == 'on')
                        <a href="#tabs-4" class="list-group-item list-group-item-action border-0">{{ __('Milestones') }}
                            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                        </a>
                    @endif
                    @if ( isset($result->attachment) && $result->attachment == 'on')
                        <a href="#tabs-5" class="list-group-item list-group-item-action border-0">{{ __('Files') }} <div
                                class="float-end"><i class="ti ti-chevron-right"></i></div></a>
                    @endif
                    @if ( isset($result->task) && $result->task == 'on')
                        <a href="#tabs-6" class="list-group-item list-group-item-action border-0">{{ __('Task') }} <div
                                class="float-end"><i class="ti ti-chevron-right"></i></div></a>
                    @endif
                    @if ( isset($result->bug_report) && $result->bug_report == 'on')
                        <a href="#tabs-7" class="list-group-item list-group-item-action border-0">{{ __('Bug Report') }}
                            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                        </a>
                    @endif
                    @if ( isset($result->timesheet) && $result->timesheet == 'on')
                        <a href="#tabs-8" class="list-group-item list-group-item-action border-0">{{ __('Timesheet') }} <div
                                class="float-end"><i class="ti ti-chevron-right"></i></div></a>
                    @endif
                    @if ( isset($result->activity) && $result->activity == 'on')
                        <a href="#tabs-9" class="list-group-item list-group-item-action border-0">{{ __('Activity Log') }}
                            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                        </a>
                    @endif
                    @if ( isset($result->tracker_details) && $result->tracker_details == 'on')
                        <a href="#tabs-10"
                            class="list-group-item list-group-item-action border-0">{{ __('Tracker details') }} <div
                                class="float-end"><i class="ti ti-chevron-right"></i></div></a>
                    @endif
                    
                </div>
            </div>
        </div>

        <div class="col-xl-9">

            @if ( isset($result->basic_details) && $result->basic_details == 'on')
                <div id="tabs-1" class="">
                    <div class="card bg-primary">
                        <div class="card-body">
                            <div class="d-block d-sm-flex align-items-center justify-content-between">
                                <h4 class="text-white"> {{ $project->name }}</h4>
                                <div class="d-flex  align-items-center row1">
                                    <div class="px-3">
                                        <span class="text-white text-sm">{{ __('Start Date') }}:</span>
                                        <h5 class="text-white text-nowrap">
                                            {{ App\Models\Utility::dateFormat($project->start_date) }}</h5>
                                    </div>
                                    <div class="px-3">
                                        <span class="text-white text-sm">{{ __('Due Date') }}:</span>
                                        <h5 class="text-white">{{ App\Models\Utility::dateFormat($project->end_date) }}
                                        </h5>
                                    </div>
                                    <div class="px-3">
                                        <span class="text-white text-sm">{{ __('Total Members') }}:</span>
                                        <h5 class="text-white text-nowrap">
                                            {{ (int) $project->users->count() + (int) $project->clients->count() }}</h5>
                                    </div>
                                    <div class="px-3 py-3">

                                        @if ($project->status == 'Finished')
                                            <div class="badge  bg-success p-2 px-3 rounded"> {{ __('Finished') }}
                                            </div>
                                        @elseif($project->status == 'Ongoing')
                                            <div class="badge  bg-secondary p-2 px-3 rounded">{{ __('Ongoing') }}</div>
                                        @else
                                            <div class="badge bg-warning p-2 px-3 rounded">{{ __('OnHold') }}</div>
                                        @endif

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-sm-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="theme-avtar bg-primary">
                                            <i class="fas fas fa-calendar-day"></i>
                                        </div>
                                        <div class="col text-end">
                                            <h6 class="text-muted mb-1">{{ __('Days left') }}</h6>
                                            <span class="h6 font-weight-bold mb-0 ">{{ $daysleft }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="theme-avtar bg-danger">
                                            <i class="fas fa-check-double"></i>
                                        </div>
                                        <div class="col text-end">
                                            <h6 class="text-muted mb-1">{{ __('Total Task') }}</h6>
                                            <span class="h6 font-weight-bold mb-0 ">{{ $project->countTask() }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="theme-avtar bg-success">
                                            <i class="fas fa-comments"></i>
                                        </div>
                                        <div class="col text-end">
                                            <h6 class="text-muted mb-1">{{ __('Comment') }}</h6>
                                            <span
                                                class="h6 font-weight-bold mb-0 ">{{ $project->countTaskComments() }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if ( isset($result->progress) && $result->progress == 'on')
                <div id="tabs-11" class="">
                        <div class="card">
                            <div class="card-header" style="padding: 25px 35px !important;">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="row">
                                        <h5 class="mb-0">{{ __('Progress') }}<span class="text-end"> (Last Week
                                                Tasks) </span></h5>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="d-flex align-items-start">
                                </div>
                            </div>
                            <div id="task-chart"></div>
                        </div>
                </div>
            @endif
            <div class="row">
                @if ( isset($result->member) && $result->member == 'on')
                    <div id="tabs-2" class="col-md-6">
                        <div class="card ">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <h5 class="mb-0">{{ __('Team Members') }} ({{ count($project->users) }})
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                @foreach ($project->users as $user)
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item px-0">
                                            <div class="row align-items-center justify-content-between">
                                                <div class="col-sm-auto mb-3 mb-sm-0">
                                                    <div class="d-flex align-items-center px-2">
                                                        <a href="#" class=" text-start">
                                                            <img class="fix_img"
                                                                @if ($user->avatar) src="{{ asset($logo . $user->avatar) }}" @else avatar="{{ $user->name }}" @endif>
                                                        </a>
                                                        <div class="px-2">
                                                            <h5 class="m-0">{{ $user->name }}</h5>
                                                            <small class="text-muted">{{ $user->email }}<span
                                                                    class="text-primary "> -
                                                                    {{ (int) count($project->user_done_tasks($user->id)) }}/{{ (int) count($project->user_tasks($user->id)) }}</span></small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
                @if ( isset($result->client) && $result->client == 'on')
                    <div id="tabs-3" class="col-md-6">
                        <div class="card" style="min-height:350;">

                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <h5 class="mb-0">{{ __('Clients') }} ({{ count($project->clients) }})</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                @foreach ($project->clients as $client)
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item px-0">
                                            <div class="row align-items-center justify-content-between">
                                                <div class="col-sm-auto mb-3 mb-sm-0">
                                                    <div class="d-flex align-items-center px-2">
                                                        <a href="#" class=" text-start">
                                                            <img class="fix_img"
                                                                @if ($client->avatar) src="{{ asset($logo . $client->avatar) }}" @else avatar="{{ $client->name }}" @endif>
                                                        </a>
                                                        <div class="px-2">
                                                            <h5 class="m-0">{{ $client->name }}</h5>
                                                            <small class="text-muted">{{ $client->email }}</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
            </div>
            @if ( isset($result->milestone) && $result->milestone == 'on')
                <div id="tabs-4" class="">
                    @if ((isset($permissions) && in_array('show milestone', $permissions)) || $currentWorkspace->permission == 'Owner')
                        <div class="card" style="overflow-x: none;">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <h5 class="mb-0">{{ __('Milestones') }} ({{ count($project->milestones) }})
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body" >
                                <div class="table-responsive">
                                    <table id="" class="table table-bordered px-2">
                                        <thead>
                                            <tr>
                                                <th>{{ __('Name') }}</th>
                                                <th>{{ __('Status') }}</th>
                                                <th>{{ __('Start Date') }}</th>
                                                <th>{{ __('End Date') }}</th>
                                                <th>{{ __('Cost') }}</th>
                                                <th>{{ __('Progress') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($project->milestones as $key => $milestone)
                                                <tr>
                                                    <td><a href="#" class="d-block font-weight-500 mb-0"
                                                            data-ajax-popup="true"
                                                            data-title="{{ __('Milestone Details') }}"
                                                            data-url="{{ route($client_keyword . 'projects.milestone.show', [$currentWorkspace->slug, $milestone->id]) }}">
                                                            <h5 class="m-0"> {{ $milestone->title }} </h5>
                                                        </a></td>
                                                    <td>
                                                        @if ($milestone->status == 'complete')
                                                            <label
                                                                class="badge bg-success p-2 px-3 rounded">{{ __('Complete') }}</label>
                                                        @else
                                                            <label
                                                                class="badge bg-warning p-2 px-3 rounded">{{ __('Incomplete') }}</label>
                                                        @endif
                                                    </td>
                                                    <td>{{ $milestone->start_date }}</td>
                                                    <td>{{ $milestone->end_date }}</td>
                                                    <td>{{ !empty($currentWorkspace->currency) ? $currentWorkspace->currency : '$' }}{{ $milestone->cost }}
                                                    </td>
                                                    <td>
                                                        <div class="progress_wrapper">
                                                            <div class="progress">
                                                                <div class="progress-bar" role="progressbar"
                                                                    style="width: {{ $milestone->progress }}%;"
                                                                    aria-valuenow="55" aria-valuemin="0"
                                                                    aria-valuemax="100"></div>
                                                            </div>
                                                            <div class="progress_labels">
                                                                <div class="total_progress">
                                                                    <strong> {{ $milestone->progress }}%</strong>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            @endif
            @if ( isset($result->attachment) && $result->attachment == 'on')
                <div id="tabs-5" class="">
                    @if (
                        (isset($permissions) && in_array('show uploading', $permissions)) ||
                            $currentWorkspace->permission == 'Owner' ||
                            $currentWorkspace->permission == 'Member')
                        <div class="card">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <h5 class="mb-0"> {{ __('Files') }}</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body p-4">
                                <div class="author-box-name form-control-label mb-4">
                                </div>
                                <div class="col-md-12 dropzone browse-file" id="dropzonewidget"> 
                                    <div class="dz-message" data-dz-message>
                                        <span>
                                                {{ __('No files available') }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            @endif
            @if ( isset($result->task) && $result->task == 'on')
                <div id="tabs-6" class="">
                    <div class="card" style="background-color:transparent !important">
                        <div class="card-header" style="padding: 25px 35px !important; background-color:#ffffff !important">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="row">
                                    <h5 class="mb-0">{{ __('Task') }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="card-body" >
                            <section class="section py-3">
                                @if ($project && $currentWorkspace)
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div style="min-height:70vh" class="row kanban-wrapper horizontal-scroll-cards"
                                                data-toggle="dragula"
                                                data-containers='{{ json_encode($statusClass_task) }}'>
                                                @foreach ($stages_task as $stage)
                                                    <div class="col" id="backlog">
                                                        <div class="card card-list">
                                                            <div class="card-header">
                                                                <div class="float-end">
                                                                    <button
                                                                        class="btn-submit btn btn-md btn-primary btn-icon px-1  py-0">
                                                                        <span
                                                                            class="badge badge-secondary rounded-pill count">{{ $stage->tasks->count() }}</span>
                                                                    </button>
                                                                </div>
                                                                <h4 class="mb-0">{{ $stage->name }}</h4>
                                                            </div>
                                                            <div id="{{ 'task-list-' . str_replace(' ', '_', $stage->id) }}"
                                                                data-status="{{ $stage->id }}"
                                                                class="card-body kanban-box">
                                                                @foreach ($stage->tasks as $task)
                                                                    <div class="card" id="{{ $task->id }}">
                                                                        <div class="position-absolute top-0 start-0 pt-3 ps-3">
                                                                            @if ($task->priority == 'Low')
                                                                                <div class="badge bg-success p-2 px-3 rounded">
                                                                                    {{ $task->priority }}</div>
                                                                            @elseif($task->priority == 'Medium')
                                                                                <div class="badge bg-warning p-2 px-3 rounded">
                                                                                    {{ $task->priority }}</div>
                                                                            @elseif($task->priority == 'High')
                                                                                <div class="badge bg-danger p-2 px-3 rounded">
                                                                                    {{ $task->priority }}</div>
                                                                            @endif
                                                                        </div>
                                                                        <div
                                                                            class="card-header border-0 pb-0 position-relative">
                                                                            <div style="padding: 30px 2px;"> <a href="#"
                                                                                    data-size="lg"
                                                                                    data-url="{{ route($client_keyword . 'tasks.show', [$currentWorkspace->slug, $task->project_id, $task->id]) }}"
                                                                                    data-ajax-popup="true"
                                                                                    data-title="{{ __('Task Detail') }}"
                                                                                    class="h6 task-title">
                                                                                    <h5>{{ $task->title }}</h5>
                                                                                </a></div>
                                                                            <div class="card-header-right">
                                                                                <div class="btn-group card-option">
                                                                                    @if ($currentWorkspace->permission == 'client' || isset($permissions))
                                                                                        {{-- <button type="button"
                                                                                            class="btn dropdown-toggle"
                                                                                            data-bs-toggle="dropdown"
                                                                                            aria-haspopup="true"
                                                                                            aria-expanded="false">
                                                                                            <i
                                                                                                class="feather icon-more-vertical"></i>
                                                                                        </button> --}}
                                                                                        <div
                                                                                            class="dropdown-menu dropdown-menu-end">
                                                                                            <a href="#"
                                                                                                class="dropdown-item"
                                                                                                data-ajax-popup="true"
                                                                                                data-size="lg"
                                                                                                data-title="{{ __('View Task') }}"
                                                                                                data-url="{{ route($client_keyword . 'tasks.show', [$currentWorkspace->slug, $task->project_id, $task->id]) }}">
                                                                                                <i class="ti ti-eye"></i>
                                                                                                {{ __('View') }}</a>
                                                                                            @if ($currentWorkspace->permission == 'Owner')
                                                                                                <a href="#"
                                                                                                    class="dropdown-item"
                                                                                                    data-ajax-popup="true"
                                                                                                    data-size="lg"
                                                                                                    data-title="{{ __('Edit Task') }}"
                                                                                                    data-url="{{ route('tasks.edit', [$currentWorkspace->slug, $task->project_id, $task->id]) }}">
                                                                                                    <i class="ti ti-edit"></i>
                                                                                                    {{ __('Edit') }}</a>
                                                                                                <a href="#"
                                                                                                    class="dropdown-item bs-pass-para"
                                                                                                    data-confirm="{{ __('Are You Sure?') }}"
                                                                                                    data-text="{{ __('This action can not be undone. Do you want to continue?') }}"
                                                                                                    data-confirm-yes="delete-form-{{ $task->id }}">
                                                                                                    <i class="ti ti-trash"></i>
                                                                                                    {{ __('Delete') }}
                                                                                                </a>
                                                                                                <form
                                                                                                    id="delete-form-{{ $task->id }}"
                                                                                                    action="{{ route('tasks.destroy', [$currentWorkspace->slug, $task->project_id, $task->id]) }}"
                                                                                                    method="POST"
                                                                                                    style="display: none;">
                                                                                                    @csrf
                                                                                                    @method('DELETE')
                                                                                                </form>
                                                                                            @elseif(isset($permissions))
                                                                                                @if (in_array('edit task', $permissions))
                                                                                                    <a href="#"
                                                                                                        class="dropdown-item"
                                                                                                        data-ajax-popup="true"
                                                                                                        data-size="lg"
                                                                                                        data-title="{{ __('Edit Task') }}"
                                                                                                        data-url="{{ route($client_keyword . 'tasks.edit', [$currentWorkspace->slug, $task->project_id, $task->id]) }}">
                                                                                                        <i
                                                                                                            class="ti ti-edit"></i>
                                                                                                        {{ __('Edit') }}
                                                                                                    </a>
                                                                                                @endif
                                                                                                @if (in_array('delete task', $permissions))
                                                                                                    <a href="#"
                                                                                                        class="dropdown-item  delete-comment bs-pass-para"
                                                                                                        data-confirm="{{ __('Are You Sure?') }}"
                                                                                                        data-text="{{ __('This action can not be undone. Do you want to continue?') }}"
                                                                                                        data-confirm-yes="delete-form-{{ $task->id }}">
                                                                                                        <i
                                                                                                            class="ti ti-trash"></i>
                                                                                                        {{ __('Delete') }}
                                                                                                    </a>
                                                                                                    <form
                                                                                                        id="delete-form-{{ $task->id }}"
                                                                                                        action="{{ route($client_keyword . 'tasks.destroy', [$currentWorkspace->slug, $task->project_id, $task->id]) }}"
                                                                                                        method="POST"
                                                                                                        style="display: none;">
                                                                                                        @csrf
                                                                                                        @method('DELETE')
                                                                                                    </form>
                                                                                                @endif
                                                                                            @endif
                                                                                        </div>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="card-body pt-0">
                                                                            <div class="row">
                                                                                <div class="col">
                                                                                    <div class="action-item">
                                                                                        {{ \App\Models\Utility::dateFormat($task->start_date) }}
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col text-right">
                                                                                    <div class="action-item">
                                                                                        {{ \App\Models\Utility::dateFormat($task->due_date) }}
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div
                                                                                class="d-flex align-items-center justify-content-between">
                                                                                <ul class="list-inline mb-0">
                                                                                    <li
                                                                                        class="list-inline-item d-inline-flex align-items-center">
                                                                                        <i
                                                                                            class="f-16 text-primary ti ti-brand-telegram"></i>
                                                                                        {{ $task->taskCompleteSubTaskCount() }}/{{ $task->taskTotalSubTaskCount() }}
                                                                                    </li>
                                                                                </ul>
                                                                                <div class="user-group">
                                                                                    @if ($users = $task->users())
                                                                                        @foreach ($users as $key => $user)
                                                                                            @if ($key < 3)
                                                                                                <a href="#"
                                                                                                    class="img_group">
                                                                                                    <img alt="image"
                                                                                                        data-toggle="tooltip"
                                                                                                        data-original-title="{{ $user->name }}"
                                                                                                        @if ($user->avatar) src="{{ asset($logo . $user->avatar) }}" @else avatar="{{ $user->name }}" @endif>
                                                                                                </a>
                                                                                            @endif
                                                                                        @endforeach
                                                                                        @if (count($users) > 3)
                                                                                            <a href="#"
                                                                                                class="img_group">
                                                                                                <img alt="image"
                                                                                                    data-toggle="tooltip"
                                                                                                    data-original-title="{{ count($users) - 3 }} {{ __('more') }}"
                                                                                                    avatar="+ {{ count($users) - 3 }}">
                                                                                            </a>
                                                                                        @endif
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                                <span class="empty-container" data-placeholder="Empty"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <!-- [ sample-page ] end -->
                                        </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
                            </section>
                        </div>
                    </div>
                </div>
            @endif
            @if ( isset($result->bug_report) && $result->bug_report == 'on')
                <div id="tabs-7" class="">
                    <div class="card" style="background-color:transparent !important">
                        <div class="card-header" style="padding: 25px 35px !important; background-color:#ffffff !important">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="row">
                                    <h5 class="mb-0">{{ __('Bug Report') }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <section class="section py-5">
                                @if ($project && $currentWorkspace)
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div style="min-height:70vh" class="row kanban-wrapper horizontal-scroll-cards"
                                                data-toggle="dragula" data-containers='{{ json_encode($statusClass_bug) }}'>
                                                @foreach ($stages_bug as $stage)
                                                    <div class="col" id="backlog">
                                                        <div class="card card-list">
                                                            <div class="card-header">
                                                                <div class="float-end">
                                                                    <button
                                                                        class="btn-submit btn btn-md btn-primary btn-icon px-1  py-0">
                                                                        <span
                                                                            class="badge badge-secondary rounded-pill count">{{ $stage->bugs->count() }}</span>
                                                                    </button>
                                                                </div>
                                                                <h4 class="mb-0">{{ $stage->name }}</h4>
                                                            </div>
                                                            <div id="{{ 'task-list-' . str_replace(' ', '_', $stage->id) }}"
                                                                data-status="{{ $stage->id }}"
                                                                class="card-body kanban-box">

                                                                @foreach ($stage->bugs as $bug)
                                                                    <div class="card" id="{{ $bug->id }}">
                                                                        <!--  <img class="img-fluid card-img-top" src=""
                                                                        alt=""> -->
                                                                        <div class="position-absolute top-0 start-0 pt-3 ps-3">
                                                                            @if ($bug->priority == 'Low')
                                                                                <div class="badge bg-success p-2 px-3 rounded">
                                                                                    {{ $bug->priority }}</div>
                                                                            @elseif($bug->priority == 'Medium')
                                                                                <div class="badge bg-warning p-2 px-3 rounded">
                                                                                    {{ $bug->priority }}</div>
                                                                            @elseif($bug->priority == 'High')
                                                                                <div class="badge bg-danger p-2 px-3 rounded">
                                                                                    {{ $bug->priority }}
                                                                                </div>
                                                                            @endif
                                                                        </div>
                                                                        <div
                                                                            class="card-header border-0 pb-0 position-relative">
                                                                            <div style="padding: 30px 2px;"> <a href="#"
                                                                                    data-size="lg"
                                                                                    data-url="{{ route($client_keyword . 'projects.bug.report.show', [$currentWorkspace->slug, $bug->project_id, $bug->id]) }}"
                                                                                    data-ajax-popup="true"
                                                                                    data-title="{{ __('Bug Detail') }}"
                                                                                    class="h6 task-title">
                                                                                    <h5>{{ $bug->title }}</h5>
                                                                                </a></div>
                                                                            <div class="card-header-right">
                                                                                <div class="btn-group card-option">
                                                                                    @if ($currentWorkspace->permission == 'Owner' || isset($permissions))                                                                            
                                                                                        <div
                                                                                            class="dropdown-menu dropdown-menu-end">
                                                                                            <a href="#"
                                                                                                class="dropdown-item"
                                                                                                data-ajax-popup="true"
                                                                                                data-size="lg"
                                                                                                data-title="{{ __('View Bug') }}"
                                                                                                data-url="{{ route($client_keyword . 'projects.bug.report.show', [$currentWorkspace->slug, $bug->project_id, $bug->id]) }}"><i
                                                                                                    class="ti ti-eye"></i>
                                                                                                {{ __('View') }}</a>
                                                                                            @if ($currentWorkspace->permission == 'Owner')
                                                                                                <a href="#"
                                                                                                    class="dropdown-item"
                                                                                                    data-ajax-popup="true"
                                                                                                    data-size="lg"
                                                                                                    data-title="{{ __('Edit Bug') }}"
                                                                                                    data-url="{{ route('projects.bug.report.edit', [$currentWorkspace->slug, $bug->project_id, $bug->id]) }}"><i
                                                                                                        class="ti ti-edit"></i>
                                                                                                    {{ __('Edit') }}</a>
                                                                                                <a href="#"
                                                                                                    class="dropdown-item bs-pass-para"
                                                                                                    data-confirm="{{ __('Are You Sure?') }}"
                                                                                                    data-text="{{ __('This action can not be undone. Do you want to continue?') }}"
                                                                                                    data-confirm-yes="delete-form-{{ $bug->id }}"><i
                                                                                                        class="ti ti-trash"></i>
                                                                                                    {{ __('Delete') }}
                                                                                                </a>
                                                                                                <form
                                                                                                    id="delete-form-{{ $bug->id }}"
                                                                                                    action="{{ route('projects.bug.report.destroy', [$currentWorkspace->slug, $bug->project_id, $bug->id]) }}"
                                                                                                    method="POST"
                                                                                                    style="display: none;">
                                                                                                    @csrf
                                                                                                    @method('DELETE')
                                                                                                </form>
                                                                                            @elseif(isset($permissions))
                                                                                                @if (in_array('edit bug report', $permissions))
                                                                                                    <a href="#"
                                                                                                        class="dropdown-item"
                                                                                                        data-ajax-popup="true"
                                                                                                        data-size="lg"
                                                                                                        data-title="{{ __('Edit Bug') }}"
                                                                                                        data-url="{{ route($client_keyword . 'projects.bug.report.edit', [$currentWorkspace->slug, $bug->project_id, $bug->id]) }}"><i
                                                                                                            class="ti ti-edit"></i>
                                                                                                        {{ __('Edit') }}
                                                                                                    </a>
                                                                                                @endif
                                                                                                @if (in_array('delete bug report', $permissions))
                                                                                                    <a href="#"
                                                                                                        class="dropdown-item bs-pass-para"
                                                                                                        data-confirm="{{ __('Are You Sure?') }}"
                                                                                                        data-text="{{ __('This action can not be undone. Do you want to continue?') }}"
                                                                                                        data-confirm-yes="delete-form-{{ $bug->id }}"><i
                                                                                                            class="ti ti-trash"></i>
                                                                                                        {{ __('Delete') }}
                                                                                                    </a>
                                                                                                    <form
                                                                                                        id="delete-form-{{ $bug->id }}"
                                                                                                        action="{{ route($client_keyword . 'projects.bug.report.destroy', [$currentWorkspace->slug, $bug->project_id, $bug->id]) }}"
                                                                                                        method="POST"
                                                                                                        style="display: none;">
                                                                                                        @csrf
                                                                                                        @method('DELETE')
                                                                                                    </form>
                                                                                                @endif
                                                                                            @endif
                                                                                        </div>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="card-body pt-0">
                                                                            <div
                                                                                class="d-flex align-items-center justify-content-between">
                                                                                <ul class="list-inline mb-0">
                                                                                    <li
                                                                                        class="list-inline-item d-inline-flex align-items-center">
                                                                                        <i
                                                                                            class="f-16 text-primary ti ti-message-2"></i>
                                                                                        {{ $bug->comments->count() }}
                                                                                        {{ __('Comments') }}
                                                                                    </li>
                                                                                </ul>
                                                                                <div class="user-group">
                                                                                    @if ($currentWorkspace->permission == 'Owner' || isset($permissions))
                                                                                        <a href="#" class="img_group">
                                                                                            <img alt="image"
                                                                                                data-toggle="tooltip"
                                                                                                data-original-title="{{ $bug->user ? $bug->user->name : '' }}"
                                                                                                @if ($bug->user ? $bug->user->avatar : '') src="{{ $logo . $bug->user->avatar }}" @else avatar="{{ $bug->user ? $bug->user->name : '' }}" @endif>
                                                                                        </a>
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                                <span class="empty-container" data-placeholder="Empty"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <!-- [ sample-page ] end -->
                                        </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
                            </section>
                        </div>
                    </div>

                </div>
            @endif
            @if ( isset($result->timesheet) && $result->timesheet == 'on')
                <div id="tabs-8" class="">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card notfound-timesheet1">
                                <div class="card-header">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h5 class="mb-0"> {{ __('Timesheet') }}</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="py-5" id="timesheet-table-view" style="width:100%"></div>
                                </div>
                            </div>
                            <div class="card notfound-timesheet text-center">
                                <div class="card-header">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h5 class="mb-0"> {{ __('Timesheet') }}</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body p-3">
                                    <div class="page-error">
                                        <div class="page-inner">
                                            <div class="page-description">
                                                {{ __("We couldn't find any data") }}
                                            </div>
                                            <div class="page-search">
                                                <p class="text-muted mt-3">
                                                    {{ __("Sorry we can't find any timesheet records on this week.") }}
                                                    <br>
                                                    @if ($project->id != '-1' && $objUser->getGuard() != 'client')
                                                        {{ __('To add record go to ') }}
                                                        <b>{{ __('Add Task on Timesheet.') }}</b>
                                                    @else
                                                        {{ __('To add timesheet record go to ') }}
                                                        <a class="btn-home badge-blue"
                                                            href="{{ route($client_keyword . 'projects.index', $currentWorkspace->slug) }}"><i
                                                                class="fas fa-reply"></i> {{ __('Projects') }}</a>
                                                    @endif
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if ( isset($result->activity) && $result->activity == 'on')
                <div id="tabs-9" class="">
                    <div class="card">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <h5 class="mb-0">{{ __('Activity') }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="card-body p-3">
                            <div class="timeline timeline-one-side top-10-scroll" data-timeline-content="axis"
                                data-timeline-axis-style="dashed">
                                @if ((isset($permissions) && in_array('show activity', $permissions)) || $currentWorkspace->permission == 'Owner')
                                    @foreach ($project->activities as $activity)
                                        <div class="timeline-block px-2 pt-3">
                                            @if ($activity->log_type == 'Upload File')
                                                <span
                                                    class="timeline-step timeline-step-sm border border-primary text-white">
                                                    <i class="fas fa-file"></i></span>
                                            @elseif($activity->log_type == 'Create Milestone')
                                                <span class="timeline-step timeline-step-sm border border-info text-white">
                                                    <i class="fas fa-cubes"></i></span>
                                            @elseif($activity->log_type == 'Create Task')
                                                <span
                                                    class="timeline-step timeline-step-sm border border-success text-white">
                                                    <i class="fas fa-tasks"></i></span>
                                            @elseif($activity->log_type == 'Create Bug')
                                                <span
                                                    class="timeline-step timeline-step-sm border border-warning text-white">
                                                    <i class="fas fa-bug"></i></span>
                                            @elseif($activity->log_type == 'Move' || $activity->log_type == 'Move Bug')
                                                <span
                                                    class="timeline-step timeline-step-sm border round border-danger text-white">
                                                    <i class="fas fa-align-justify"></i></span>
                                            @elseif($activity->log_type == 'Create Invoice')
                                                <span
                                                    class="timeline-step timeline-step-sm border border-bg-dark text-white">
                                                    <i class="fas fa-file-invoice"></i></span>
                                            @elseif($activity->log_type == 'Invite User')
                                                <span
                                                    class="timeline-step timeline-step-sm border border-success text-white">
                                                    <i class="fas fa-plus"></i></span>
                                            @elseif($activity->log_type == 'Share with Client')
                                                <span class="timeline-step timeline-step-sm border border-info text-white">
                                                    <i class="fas fa-share"></i></span>
                                            @elseif($activity->log_type == 'Create Timesheet')
                                                <span
                                                    class="timeline-step timeline-step-sm border border-success text-white">
                                                    <i class="fas fa-clock-o"></i></span>
                                            @endif
                                            <div class="last_notification_text">
                                                <!--   <p class="m-0"> <span>{{ $activity->log_type }} </span> </p> <br> -->
                                                <p class="m-0"> <span>{{ $activity->logType($activity->log_type) }}
                                                    </span> </p> <br>
                                                <p> {!! $activity->getRemark() !!} </p>
                                                <div class="notification_time_main">
                                                    <p>{{ $activity->created_at->diffForHumans() }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if ( isset($result->tracker_details) && $result->tracker_details == 'on')
                <div id="tabs-10" class="">
                    {{-- <div class="row"> --}}
                        <div class="card">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div>
                                        <h5 class="mb-0">{{ __('Tracker details') }}</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body table-border-style ">
                                <div class="table-responsive">
                                    <table class=" table" id="selection-datatable">
                                        <thead>
                                            <tr>
                                                <th> {{ __('Description') }}</th>
                                                <th> {{ __('Project') }}</th>
                                                <th> {{ __('Task') }}</th>
                                                <th> {{ __('Workspace') }}</th>
                                                <th> {{ __('Start Time') }}</th>
                                                <th> {{ __('End Time') }}</th>
                                                <th>{{ __('Total Time') }}</th>
                                                <th>{{ __('Action') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($treckers as $trecker)
                                                @php
                                                    $total_name = App\Models\Utility::second_to_time($trecker->total_time);
                                                @endphp
                                                <tr>
                                                    <td>{{ __($trecker->name) }}</td>
                                                    <td>{{ __($trecker->project_name) }}</td>
                                                    <td>{{ __($trecker->project_task) }}</td>
                                                    <td>{{ __($trecker->project_workspace) }}</td>
                                                    <td>{{ __(date('H:i:s', strtotime($trecker->start_time))) }}</td>
                                                    <td>{{ __(date('H:i:s', strtotime($trecker->end_time))) }}</td>
                                                    <td>{{ __($total_name) }}</td>
                                                    <td>
                                                        <img alt="Image placeholder"
                                                            src="{{ asset('assets/images/gallery.png') }}"
                                                            class="avatar view-images rounded-circle avatar-sm"
                                                            data-toggle="tooltip"
                                                            title="{{ __('View Screenshot images') }}"
                                                            style="height: 25px;width:24px;margin-right:10px;cursor: pointer;"
                                                            data-id="{{ $trecker->id }}"
                                                            id="track-images-{{ $trecker->id }}">
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    {{-- </div> --}}
                </div>
            @endif
        </div>

    </div>

    </div>
    </div>
@endsection
@push('script')
<script src="{{ asset('assets/js/letter.avatar.js') }}"></script>
<script>
    LetterAvatar.transform();
</script>
@push('css-page')
    <link rel="stylesheet" href="{{ asset('assets/custom/css/dropzone.min.css') }}">
@endpush
@push('scripts')
<script>
    $(document).ready(function () {
        var sectionIds = $('a.list-group-item-action');
        $(document).scroll(function () {
        sectionIds.each(function () {
            var container = $(this).attr('href');
            var containerOffset = $(container).offset().top - 200;
            var containerHeight = $(container).outerHeight();
            var containerBottom = containerOffset + containerHeight;
            var scrollPosition = $(document).scrollTop();
            if (scrollPosition < containerBottom && scrollPosition >= containerOffset) {
            $(this).addClass('active');
            } else {
            $(this).removeClass('active');
            }
        });
        });
    });
</script>
<script src="{{ asset('assets/js/plugins/apexcharts.min.js') }}"></script>
<script>
        (function() {
            var options = {
                chart: {
                    type: 'area',
                    height: 60,
                    sparkline: {
                        enabled: true,
                    },
                },
                colors: {!! json_encode($chartData['color']) !!},
                dataLabels: {
                    enabled: false
                },
                stroke: {
                    curve: 'smooth',
                    width: 2,
                },
                series: [
                    @foreach ($chartData['stages'] as $id => $name)
                        {
                            name: "{{ __($name) }}",
                            // data:
                            data: {!! json_encode($chartData[$id]) !!},
                        },
                    @endforeach
                ],
                xaxis: {
                    type: "category",
                    categories: {!! json_encode($chartData['label']) !!},
                    title: {
                        text: '{{ __('Days') }}'
                    },
                    tooltip: {
                        enabled: false,
                    }
                },
                yaxis: {
                    show: true,
                    position: "left",
                    title: {
                        text: '{{ __('Tasks') }}'
                    },
                },
                grid: {
                    show: true,
                    borderColor: "#EBEBEB",
                    strokeDashArray: 0,
                    position: "back",
                    xaxis: {
                        show: true,
                        lines: {
                            show: true,
                        },
                    },
                    yaxis: {
                        show: false,
                        lines: {
                            show: false,
                        },
                    },
                    row: {
                        colors: undefined,
                        opacity: 0.5,
                    },
                    column: {
                        position: "back",
                        colors: undefined,
                        opacity: 0.5,
                    },
                    padding: {
                        top: 0,
                        right: 0,
                        bottom: 0,
                        left: 0,
                    },
                },
                tooltip: {
                    followCursor: false,
                    fixed: {
                        enabled: false
                    },
                    x: {
                        format: 'dd/MM/yy HH:mm'
                    },

                    marker: {
                        show: false
                    }
                }
            }
            var chart = new ApexCharts(document.querySelector("#task-chart"), options);
            chart.render();
        })();
</script>
<script>
        $(document).ready(function() {
            if ($(".top-10-scroll").length) {
                $(".top-10-scroll").css({
                    "max-height": 300
                }).niceScroll();
            }
        });
</script>
<script src="{{ asset('assets/custom/js/dropzone.min.js') }}"></script>
<script>
        Dropzone.autoDiscover = false;
        myDropzone = new Dropzone("#dropzonewidget", {
            maxFiles: 20,
            // maxFilesize: 209715200,
            parallelUploads: 1,
            //acceptedFiles: ".jpeg,.jpg,.png,.gif,.svg,.pdf,.txt,.doc,.docx,.zip,.rar",
            url: "{{ route('projects.file.upload', [$currentWorkspace->slug, $project->id]) }}",
            success: function(file, response) {
                if (response.is_success) {
                    dropzoneBtn(file, response);
                    show_toastr('{{ __('Success') }}', 'File Successfully Uploaded', 'success');
                } else {
                    myDropzone.removeFile(file);
                    // show_toastr('error', 'File type must be match with Storage setting.');
                    show_toastr('{{ __('Error') }}',
                        'File type and size must be match with Storage setting.', 'error');
                }
            },
            error: function(file, response) {
                myDropzone.removeFile(file);
                if (response.error) {
                    show_toastr('{{ __('Error') }}',
                        'File type and size must be match with Storage setting.', 'error');
                } else {
                    show_toastr('{{ __('Error') }}',
                        'File type and size must be match with Storage setting.', 'error');
                }
            }
        });

        myDropzone.on("sending", function(file, xhr, formData) {
            formData.append("_token", $('meta[name="csrf-token"]').attr('content'));
            formData.append("project_id", {{ $project->id }});
        });

        myDropzone.removeEventListeners();
        @if (isset($permisions) && in_array('show uploading', $permisions))
            $(".dz-hidden-input").prop("disabled", true);
        @endif

        function dropzoneBtn(file, response) {

            var html = document.createElement('span');
            var download = document.createElement('a');
            download.setAttribute('href', response.download);
            download.setAttribute('class', "action-btn btn-primary mx-1  btn btn-sm d-inline-flex align-items-center");
            download.setAttribute('data-toggle', "popover");
            download.setAttribute('download', "");
            download.setAttribute('title', "{{ __('Download') }}");
            // download.innerHTML = "<i class='fas fa-download mt-2'></i>";
            download.innerHTML = "<i class='ti ti-download'> </i>";
            html.appendChild(download);

            @if (isset($permisions) && in_array('show uploading', $permisions))
            @else
                var del = document.createElement('a');
                // del.setAttribute('href', response.delete);
                // del.setAttribute('class', "action-btn btn-danger mx-1  btn btn-sm d-inline-flex align-items-center");
                // del.setAttribute('data-toggle', "popover");
                // del.setAttribute('title', "{{ __('Delete') }}");
                // del.innerHTML = "<i class='ti ti-trash '></i>";

                del.addEventListener("click", function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    if (confirm("Are you sure ?")) {
                        var btn = $(this);
                        $.ajax({
                            url: btn.attr('href'),
                            type: 'DELETE',
                            success: function(response) {
                                if (response.is_success) {
                                    btn.closest('.dz-image-preview').remove();
                                    show_toastr('{{ __('Success') }}', 'File Successfully Deleted',
                                        'success');
                                } else {
                                    show_toastr('{{ __('Error') }}', 'Something Wents Wrong.',
                                        'error');
                                }
                            },
                            error: function(response) {
                                response = response.responseJSON;
                                if (response.is_success) {
                                    show_toastr('{{ __('Error') }}', 'Something Wents Wrong.',
                                        'error');
                                } else {
                                    show_toastr('{{ __('Error') }}', 'Something Wents Wrong.',
                                        'error');
                                }
                            }
                        })
                    }
                });
                html.appendChild(del);
            @endif

            file.previewTemplate.appendChild(html);
        }

        @php($files = $project->files)
        @foreach ($files as $file)
            @php($storage_file = asset($logo_project_files . $file->file_path))
            // Create the mock file:
            @if (file_exists($storage_file))
            
            var mockFile = {
                name: "{{ $file->file_name }}",
                size: {{ filesize('storage/project_files/' . $file->file_path) }}
            };
            @endif
            // Call the default addedfile event handler
            myDropzone.emit("addedfile", mockFile);
            // And optionally show the thumbnail of the file:
            myDropzone.emit("thumbnail", mockFile, "{{ asset($logo_project_files . $file->file_path) }}");
            myDropzone.emit("complete", mockFile);

            dropzoneBtn(mockFile, {
                download: "{{ route($client_keyword . 'projects.file.download', [$currentWorkspace->slug, $project->id, $file->id]) }}",
                delete: "{{ route($client_keyword . 'projects.file.delete', [$currentWorkspace->slug, $project->id, $file->id]) }}"
            });
        @endforeach
</script>
<script>
        function ajaxFilterTimesheetTableView() {

            var mainEle = $('#timesheet-table-view');
            var notfound = $('.notfound-timesheet');
            var notfound1 = $('.notfound-timesheet1');

            var week = parseInt($('#weeknumber').val());
            var project_id = '{{ $project->id }}';

            var data = {
                week: week,
                project_id: project_id,
            };

            $.ajax({
                
                    url: '{{ route('filter.timesheet.table.view', '__slug') }}'.replace('__slug',
                        '{{ $currentWorkspace->slug }}'),
                data: data,
                success: function(data) {

                    $('.weekly-dates-div .weekly-dates').text(data.onewWeekDate);
                    $('.weekly-dates-div #selected_dates').val(data.selectedDate);

                    $('#project_tasks').find('option').not(':first').remove();

                    $.each(data.tasks, function(i, item) {
                        $('#project_tasks').append($("<option></option>")
                            .attr("value", i)
                            .text(item));
                    });

                    if (data.totalrecords == 0) {
                        mainEle.hide();
                        notfound.css('display', 'block');
                        notfound1.hide();
                    } else {
                        notfound.hide();
                        mainEle.show();
                    }

                    mainEle.html(data.html);
                }
            });
        }

        $(function() {
            ajaxFilterTimesheetTableView();
        });

        $(document).on('click', '.weekly-dates-div i', function() {

            var weeknumber = parseInt($('#weeknumber').val());

            if ($(this).hasClass('previous')) {

                weeknumber--;
                $('#weeknumber').val(weeknumber);

            } else if ($(this).hasClass('next')) {

                weeknumber++;
                $('#weeknumber').val(weeknumber);
            }

            ajaxFilterTimesheetTableView();
        });

        $(document).on('click', '[data-ajax-timesheet-popup="true"]', function(e) {
            e.preventDefault();

            var data = {};
            var url = $(this).data('url');
            var type = $(this).data('type');
            var date = $(this).data('date');
            var task_id = $(this).data('task-id');
            var user_id = $(this).data('user-id');
            var p_id = $(this).data('project-id');

            data.date = date;
            data.task_id = task_id;

            if (user_id != undefined) {
                data.user_id = user_id;
            }

            if (type == 'create') {
                var title = '{{ __('Create Timesheet') }}';
                data.p_id = '{{ $project->id }}';
                data.project_id = data.p_id != '-1' ? data.p_id : p_id;

            } else if (type == 'edit') {
                var title = '{{ __('Edit Timesheet') }}';
            }

            $("#commonModal .modal-title").html(title + ` <small>(` + moment(date).format("ddd, Do MMM YYYY") +
                `)</small>`);

            $.ajax({
                url: url,
                data: data,
                dataType: 'html',
                success: function(data) {
                    // $('#commonModal .body').html(data);
                    // $('#commonModal .modal-body').html(data);
                    // $("#commonModal").modal('show');
                    // commonLoader();
                    // loadConfirm();
                }
            });
        });

        $(document).on('click', '#project_tasks', function(e) {
            var mainEle = $('#timesheet-table-view');
            var notfound = $('.notfound-timesheet');

            var selectEle = $(this).children("option:selected");
            var task_id = selectEle.val();
            var selected_dates = $('#selected_dates').val();

            if (task_id != '') {

                $.ajax({
                    url: '{{ route('append.timesheet.task.html', '__slug') }}'.replace('__slug',
                        '{{ $currentWorkspace->slug }}'),
                    data: {
                        project_id: '{{ $project->id }}',
                        task_id: task_id,
                        selected_dates: selected_dates,
                    },
                    success: function(data) {

                        notfound.hide();
                        mainEle.show();

                        $('#timesheet-table-view tbody').append(data.html);
                        selectEle.remove();
                    }
                });
            }
        });

        $(document).on('change', '#time_hour, #time_minute', function() {

            var hour = $('#time_hour').children("option:selected").val();
            var minute = $('#time_minute').children("option:selected").val();
            var total = $('#totaltasktime').val().split(':');

            if (hour == '00' && minute == '00') {
                $(this).val('');
                return;
            }

            hour = hour != '' ? hour : 0;
            hour = parseInt(hour) + parseInt(total[0]);

            minute = minute != '' ? minute : 0;
            minute = parseInt(minute) + parseInt(total[1]);

            if (minute > 50) {
                minute = minute - 60;
                hour++;
            }

            hour = hour < 10 ? '0' + hour : hour;
            minute = minute < 10 ? '0' + minute : minute;

            $('.display-total-time span').text('{{ __('Total Time') }} : ' + hour + ' {{ __('Hours') }} ' +
                minute + ' {{ __('Minutes') }}');
        });
</script>
@endpush