@extends('dashboard.layout.app')
@section('style')
    
<!--venobox lightbox-->
<link rel="stylesheet" href="{{ asset('/adminto/assets/plugins/magnific-popup/dist/magnific-popup.css')}}"/>
<style>
    .card-body .item {
        background: #ececee;
        padding: 10px 10px;
        margin: 5px 0;
        font-size: 15px;
        font-weight: bold;
    }

</style>
@if (isset($week_params))
    <style>
        .w-{{$week_params}} {
            border-radius: 0px !important;
            box-shadow: 0px 5px 5px #535152;
        }
    </style>

    
@endif
@endsection
@section('content')
<section>

    <h4 class="card-title text-center font-weight-bolder bg-light-success p-1 mb-0">
        {{$title}}   
        <span style="color:red;">( النتيجة: {{$row->grade}} / {{\App\Models\Question::where('book_no' , $row->book_no)->sum('grade')}})</span>
    </h4>
</section>
<br>
<div class="row match-height">
    <div class="col-md-12 col-lg-12">
        <div class="card my-cstm-card auc-card">
            <div class="card-title">
                <h4 class="card-title text-center font-weight-bolder bg-light-success p-1 mb-0"> {{ $row->user->name }} </h4>

            </div>
            {!!Form::model($row , ['url' => ['/dashboard/answers/'.$row->id] , 'method' => 'PATCH','files'=>true])            !!}
                @csrf
            <div class="card-body">
                @foreach ( $items as $item)
                    <div class="item" style="position:relative;">
                        <span class="lbl">
                            <span class="i-wr"><i class="fas fa-layer"></i></span>{!! $item->question->question !!}</span>
                        <span class="val bold" style=" width: 100%; background: white; display: block; padding: 10px; border-radius: 5px; ">
                            الاجابة : <br/>
                            {{$item->answer}}
                        </span>
                        <div style="width: 5rem;text-align: center;border: 2px solid;position: absolute;left: 10px;bottom: 10px;">
                            <input type="number" name="answer[{{$item->id}}]" class="form-control" value="{{ $item->grade }}" style=" border: 0; border-radius: 0; height: 2rem; text-align: center; border-bottom: 2px solid; " />
                            <label>{{ $item->question->grade ?? '' }}</label>
                        </div>
                    </div>
                    
                @endforeach
                    <div class="text-center col-md-12">
                        <button type="submit"
                            class="btn btn-primary waves-effect waves-light m-r-10 ">حفظ النتيجة</button>
                    </div>
            </div>
{!!Form::close() !!}

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

@endsection