@extends('employee.employeepanel')

@section('content')
@php
$cls = '';
@endphp
<!-- 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 id="submit-subtask-status" action="{{ url('save-sub-task-status') }}" method="POST">
                            @csrf
                            
                            <table class="table" width="100% ">
                                <thead class="thead-dark">
                                    <tr style="background: #ffc107;">
                                        <th>Task</th>
                                        <th>Business Activity(Min)</th>
                                        <th>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}}

                                                @if($t->remark !='')
                                                <br/>
                                                <span class="text">{{$t->remark}}</span>
                                            @endif
                                            </td>
                                            <td><input type="text" id="time_in_min_{{$t->sub_task_ids}}" name="time_in_min_{{$t->sub_task_ids}}" value="{{$t->time_in_min}}" style="width:100px"></td>
                                            <td><input class="form-check-input" name="task_check[]" value="{{$t->sub_task_ids}}" type="checkbox" @if ($t->status == 1) checked @endif></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                </thead>
                            </table>
                            <div class="row mt-3">
                                <input type="hidden" value="{{$main_task_id}}" name="task_list_id"/>
                                <input type="submit"  class="btn btn-success btn-lg  mb-2" value="Save/Submit">
                            </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