@extends('layouts.main')

@section('content')
 <div class="main-content">
<div class="container">

    <h5 class="mb-3">
            <i class="bi bi-kanban icon-animate" style="color: #6f42c1;"> </i>
            <span class="heading">Edit Task Mapping for Project: {{ $project->name }}</span>
        </h5>

        <hr>

    <form method="POST" action="{{ route('project-task.update', $groupKey) }}">
    @csrf
    @method('PUT') <!-- For RESTful compliance -->

    <input type="hidden" name="project_id" value="{{ $project->id }}">

    <!-- Project Dropdown (Disabled just for display) -->
    <div class="form-group">
        <label>Project</label>
        <select class="form-control" name="project_id_display" disabled>
            @foreach($projects as $proj)
                <option value="{{ $proj->id }}" {{ $proj->id == $project->id ? 'selected' : '' }}>{{ $proj->name }}</option>
            @endforeach
        </select>
    </div>

    <!-- Start and End Date Inputs -->
    <div class="form-group">
        <label>Start Date</label>
        <input type="date" name="start_date" class="form-control" value="{{ $startDate }}" required>
    </div>

    <div class="form-group">
        <label>End Date</label>
        <input type="date" name="end_date" class="form-control" value="{{ $endDate }}" required>
    </div>
    <hr>

    <!-- Task Selection -->
    <div class="form-group">
        <label>Tasks</label>
        @foreach ($incompleteTasks as $task)
            <div class="form-check">
                <input type="checkbox" name="task_ids[]" value="{{ $task->id }}" class="form-check-input"
                    {{ in_array($task->id, $selectedTaskIds) ? 'checked' : '' }}>
                <label class="form-check-label">{{ $task->title }}</label>
            </div>
        @endforeach
    </div>

    <button type="submit" class="btn btn-primary">Update Mapping</button>
</form>
</div>
 </div>
@endsection