@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h4>Update Your Progress</h4>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                            @if($lession->isEmpty())
                                <h2 class="text-center text-danger">Lession Plan is not scheduled for you. Please Wait sometimes</h2>
                            @else       
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-hover " >
                                        <thead>
                                        <tr>
                                             <th>Subject Teacher</th>
                                            <th>Class</th>
                                            <th>Subject</th>
                                            <th>Topic</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>Assigned By</th>                               
                                            <th>Remarks</th>
                                            <th>Complete(in %)</th>
                                            <th>Submit</th>

                                        </tr>
                                        </thead>
                                        @foreach($lession as $l)
                                        <tbody>
                                                                            
                                                
                                                <tr>
                                                 <form action="{{route('report_submission',$l->id)}}" method="POST">
                                                    @csrf
                                                        <td>{{$l->teacher->full_name}}</td>
                                                        <td>{{$l->class->class_name}} - {{$l->section->section_name}}</td>
                                                        <td>{{$l->subject->subject_name}}</td>
                                                        <td>{!! $l->topics !!}</td>
                                                        <td>{{$l->start_date}}</td>
                                                        <td>{{$l->till_date}}</td>
                                                        <td>{{ucwords($l->user->name)}}</td>
                                                        <td><input type="text" name="remarks" class="form-control"/></td>
                                                 <td><input type="number" name="percent_complete" value="{{isset($l->percent_complete)?$l->percent_complete:0}}" placeholder="eg. 75" class="form-control"/></td>
                                                        <td><button type="submit" ><i class="fa fa-arrow-circle-right"></i></button></td>
                                                  </form>
                                                </tr>
                                                <tr>
                                                    <td colspan="10">
                                                        <div>
                                                            @if($l->percent_complete == 100)
                                                            <span style="color:green;">Completed</span>
                                                            
                                                            @else
                                                            <span>Inprogress</span>  
                                                            @endif      
                                                            <span class="float-right">{{isset($l->percent_complete)?$l->percent_complete:0}}%</span>
                                                        </div>
                                                        <div class="progress progress-small">
                                                            <div style="width: {{$l->percent_complete}}%;" class="progress-bar progress-bar-striped progress-bar-animated progress-bar-success"></div>
                                                        </div>

                                                    </td>
                                                </tr>
                                                
                                        </tbody>
                                        
                                        @endforeach
                                    </table>
                                </div>
                                
                                @endif

                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection