@extends('layouts.applicant')
@section('content')
    <div class="row">
        <div class="page-header">
            <h4>My Scores
            </h4>
        </div>
        <!-- /.row -->
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
    @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        <form class="f1" action="{{route('scores.update')}}" method="POST">
            {{csrf_field()}}
            <div class="row">
                <div class="col-sm-12 col-sm-offset-0 col-md-12 col-md-offset-0 col-lg-12 col-lg-offset-0 form-box">
                    <div class="f1-steps">
                        <!-- <div class="f1-progress">
                            <div class="f1-progress-line" data-now-value="16.66" data-number-of-steps="3" style="width: 16.66%;"></div>
                        </div> -->
                        @php $count=1; @endphp
                     
                    </div>

                    <span class="text-danger hidden">
                       <i class="fa fa-warning"></i>   NB:These are the scores for all the subjects you filled as to have done.However,you will not be able to change these entries at this point.
                   </span>

                    @php $count; @endphp
                    @foreach($scores->chunk(50) as $chunks)
                        <fieldset>
                            <!-- <h5>Your Subject Scores:</h5> -->
                            <div class="row">
                                @foreach($chunks as $chunk)
                                    <!-- <strong>{{$chunk->subject['name']}}</strong>, -->
                                @endforeach

                                    <div class="row">
                                        @foreach($chunks as $chunk)
                                            @php
                                            if($chunk->subject->name=="Biological Sciences"){

                                                $element_id="biological";

                                            }elseif($chunk->subject->name=="Biology"){

                                                $element_id="biology";

                                            }elseif($chunk->subject->name=="Chemistry"){

                                                $element_id="chemistry";

                                            }else if($chunk->subject->name=="Physics"){

                                                $element_id="physics";

                                            }elseif($chunk->subject->name=="Physical Sciences"){

                                                $element_id="physical";

                                            }elseif($chunk->subject->name=="Business Studies"){

                                                $element_id="business";

                                            }else{

                                                $element_id=$chunk->subject->name;
                                            }
                                            @endphp
                                            <div class="col-lg-4 {{$element_id}}">
                                                <div class="form-group">
                                                    <label class="{{$element_id}}">{{$chunk->subject->name}}</label>
                                                    <input type="hidden" name="id[]" value="{{$chunk->id}}" class="{{$element_id}}">
                                                    <select class="form-control {{$element_id}}" required="" name="score[]" id="{{$element_id}}">
                                                        <option value="">Select...</option>
                                                        <option value="0" selected>I didn't do</option>

                                                        @if($chunk->score==0)
                                                            <option value="0" selected>I didn't do</option>
                                                        @endif
                                                        @foreach($grades as $key=>$grade)
                                                            <option value="{{$key}}" {{$chunk->score==$key ? "selected":''}}>{{$grade}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                            </div>
                            @if($count==4)
                                <!-- <div class="f1-buttons">
                                    <button type="button" class="btn btn-next">Next</button>
                                </div> -->
                            @elseif($count==5)

                                <!-- <div class="f1-buttons">
                                    <button type="button" class="btn btn-previous">Previous</button>
                                    <button type="button" class="btn btn-next">Next</button>
                                </div> -->
                            @else
                                        </br />

                                <div class="f1-buttons">
                                    <!-- <button type="button" class="btn btn-previous">Previous</button> -->
                                    <button type="submit" class="btn btn-submit btn-success">Save Changes</button>
                                </div>
                            @endif
                        </fieldset>
                        @php $count++;@endphp
                    @endforeach
                </div>
            </div>


        </form>
    </div>
@endsection