@extends('manager.managerpanel')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                </div><!-- /.col -->
                <!-- <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Assigned Tasks</li>
                    </ol>
                </div> --><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Small boxes (Stat box) -->
            <div class="row justify-content-center">
                <!-- TO DO List -->
                <div class="col-12 card">
                    <div class="card-header bg-dark">
                        <h3 class="card-title">
                            <i class="ion ion-clipboard mr-1"></i>
                            The tasks are as given below, once  task(s) are completed, please select the checkbox
                        </h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <form action="{{ url('save-sub-task-status') }}" method="POST">
                            @csrf
                            
                            <table class="table" width="100% ">
                                <thead class="thead-dark">
                                    <tr style="background: #ffc107;">
                                        <th width="50%">Task</th>
                                        <th width="25%">Business Activity(Min)</th>
                                        <th width="25%" style="text-align:center;">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($tasks as $t)
                                    @php
                                    if($t->remark !='') 

                                         $cls='bg-red'; 
                                    else 
                                        $cls = 'bg-olive';  
                                    @endphp 
                                        <tr class="{{$cls}}">
                                            <td>
                                                {{$t->task_list_name}}
                                                <br/>
                                                <textarea cols="70" name="remark-{{$t->sub_task_ids}}" placeholder="remarks if any or issues, uncheck corresponding checkbox">{{$t->remark}}</textarea>
                                            </td>
                                            <td style="padding-left: 20px;"><input type="text" name="time_in_min_{{$t->sub_task_ids}}" value="{{$t->time_in_min}}" style="width:100px"></td>
                                            <td style="text-align:center;"><input class="employee-checkbox" name="task_check[]" value="{{$t->sub_task_ids}}" type="checkbox" @if ($t->status == 1 || $t->status == 2) checked @endif></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                </thead>
                            </table>
                            <div class="row mt-3">
                                
                                <input type="hidden" value="{{$tasks[0]->main_task_id}}" name="task_list_id"/>
                                
                                <div class="col-3">
                                    <input type="submit" class="btn btn-primary btn-lg active mb-2" value="Approve/Dis approve task">
                                </div>
                                <!-- <div class="col-3">
                                    <a href="{{ url('mark-task-done') }}/{{$tasks[0]->main_task_id}}" class="btn btn-primary btn-lg active mb-2">Mark as done</a>
                                </div> -->
                            </div>
                        </form>
                    </div>

                    <!-- <a href="{{ url('/task-completion-successfull') }}" class="btn btn-primary btn-lg active mb-2" role="button" aria-pressed="true">Mark as done</a> -->
                </div>
                <!-- /.card -->
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>
@endsection