@extends('developer.layout')

@section('content')

<style>

    .table tbody tr td:last-child {

        text-align: center !important;

    }

</style>

<div class="container-fluid">

<h2>Project: {{ $project->project_type }}</h2>

    <!-- Start - Task Table -->

    <div class="col-xl-12 mt-4">

        

            <div class="card-header border-0">

                <h4 class="card-title">Tasks</h4>

            </div>

            <div class="card-body table-card-body px-0 pt-0 pb-1">

                <div class="table-responsive check-wrapper">

            <table id="datatable" class="datatables display table table-striped" style="min-width: 845px">

                        <thead class="table-primary text-nowrap">

                            <tr>

                                <th>#</th>

                                <th>Project</th>

                                <th>Task</th>

                                <th>Status</th>

                                <th>Deadline</th>

                                <th>Start Date</th>

                                <th>End Date</th>

                                <th>Action</th>

                            </tr>

                        </thead>

                        <tbody class="text-nowrap">

                            @foreach($project->tasks as $index => $task)

                                <tr>

                                    <td>{{ $index + 1 }}</td>

                                    <td>{{ $project->project_type }}</td>

                                    <td>{{ $task->title }}</td>

                                    <td>

                                        @if($task->status == 'new')

                                            <span class="badge bg-primary">New</span>

                                        @elseif($task->status == 'hold')

                                            <span class="badge bg-warning">Hold</span>

                                        @elseif($task->status == 'Completed')

                                            <span class="badge bg-success">Completed</span>

                                        @else

                                            <span class="badge bg-secondary">{{ ucfirst($task->status) }}</span>

                                        @endif

                                    </td>

                                    <td>{{$task->dead_line}}</td>

<td>{{ $task->start_date ? \Carbon\Carbon::parse($task->start_date)->format('d-m-Y') : '-' }}</td>

<td>{{ $task->end_date ? \Carbon\Carbon::parse($task->end_date)->format('d-m-Y') : '-' }}</td>

                                    <td><a href="{{ route('developer.view_my_task', $task->id) }}" class="btn btn-sm btn-primary">View</a></td>

                                </tr>

                            @endforeach

                            @if($project->tasks->isEmpty())

                                <tr>

                                    <td colspan="7" class="text-center">No tasks found for this project.</td>

                                </tr>

                            @endif

                        </tbody>

                    </table>

                </div>

            </div>

        

    </div>

    <!-- End - Task Table -->

</div>

<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

<script>

    $(document).ready(function() {

        $('#datatable').DataTable({

            "language": {

                "paginate": {

                    "previous": '<i class="fa-solid fa-angle-left"></i>',

                    "next": '<i class="fa-solid fa-angle-right"></i>'

                }

            }

        });

    });

</script>

@endsection