@extends('layouts.app')
@inject('employeeRepository', 'Modules\Employee\Repositories\EmployeeRepository')
@section('content')
    <div class="container-fluid">
        <x-dashboard.breadcumb :title="$title" />


      @include('pms::task.partials.filter')

      @include('pms::task.partials.menu')


      <div class="row">
        <div class="col-lg-12">
          <div class="card">
            <div class="card-body">
              <div class="table-responsive">
                <table id="datatable" class="display table-sm table-bordered table" style="width:100%">
                  <thead class="table-dark">
                    <tr>
                      <th>S.N</th>
                      <th>Task</th>
                      <th>Product</th>
                      <th>Start Date</th>
                      <th>Deadline</th>
                      <th>Assigned</th>
                      <th>Priority</th>
                      <th>Status</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tbody>
                    @forelse ($tasks as $key => $task)
                      <tr>
                        <td>{{ $key + 1 }}</td>
                        <td> <a href="{{ route('task.show', $task->id) }}">
                            {{ $task->title }}
                          </a></td>
                        <td>{{ $task->product?->name }}</td>
                        <td>{{ $task->start_date }}</td>

                        <td>
                          {{ $task->due_date }}
                        </td>
                        <td>
                          <div class="avatar-group flex-nowrap">
                            @isset($task->assignedUser)
                              @foreach ($task->assignedUser as $assignedId)
                                <div class="avatar-group-item">
                                  <a href="javascript: void(0);" class="d-inline-block" data-bs-toggle="tooltip"
                                    data-bs-trigger="hover" data-bs-placement="top" title="{{ $assignedId->full_name }}">
                                    <img src="{{ asset($assignedId->profile_pic) }}" alt=""
                                      class="rounded-circle avatar-xxs">
                                  </a>
                                </div>
                              @endforeach
                            @endisset

                          </div>
                        </td>
                        <td>{!! $task->priority_status !!}</td>
                        <td>
                          <span class="badge" style="background-color: {{ $task->column?->color }}">
                            {{ $task->column?->name }} </span>
                        </td>
                        <td>
                          <div class="hstack flex-wrap gap-3">
                            @can('task.show')
                              <a href="{{ route('task.show', $task->id) }}" class="link-secondary fs-15">
                                <i class="ri-eye-fill"></i>
                              </a>
                            @endcan
                            @can('task.edit')
                              <a href="{{ route('task.edit', $task->id) }}" class="link-primary fs-15"><i
                                  class="ri-edit-2-fill"></i></a>
                            @endcan
                            @can('task.destroy')
                              <a href="javascript:void(0);" data-link="{{ route('task.destroy', $task->id) }}"
                                data-id="{{ $task->id }}" class="link-danger fs-15 remove-item-btn"><i
                                  class="ri-delete-bin-fill"></i></a>
                            @endcan

                          </div>
                        </td>
                      </tr>
                    @empty
                    @endforelse
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      
  </div>
  @include('pms::task-category.modal')
  @include('pms::task.modal.task-status')
@endsection