@extends('layouts.master')
@section('content')
<div class="card">
        <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
            <h5>Edit Grade Point</h5><a class="btn btn-sm btn-primary" href="{{ route('grade.index') }}">Grades</a>
        </div>
        @if ($errors->any())
        <div class="alert alert-danger m-3">
            <ul class="m-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="card-body">
        <div class="row justify-content-center">
            <div class="col-md-4">
                <form method="POST" action="{{ route('grade.update',$grade->id) }}">
                    @csrf
                    @method('put')
       
                    <div class="form-group">
                        <label for="name">Letter grade<span class="text-danger">*</span></label>
                        @php
                            $letterGrades = ['A+', 'A', 'A-', 'B', 'C', 'D', 'F'];
                        @endphp
                        <select id="grade" name="name" class="form-control" required>
                            <option value="">Select Letter Grade</option>
                            @foreach ($letterGrades as $gradeName)
                                @if ($gradeName==$grade->name)
                                    <option value="{{ $gradeName }}" selected>{{ $gradeName }}</option>
                                @else
                                    <option value="{{ $gradeName }}">{{ $gradeName }}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="mark_from">Mark From<span class="text-danger">*</span></label>
                        <input id="mark_from" type="number" class="form-control" name="mark_from" value="{{$grade->mark_from ?? ""}}"  autocomplete="mark_from" autofocus required>
                    </div>

                    <div class="form-group">
                        <label for="mark_to">Mark To<span class="text-danger">*</span></label>
                        <input id="mark_to" type="number" class="form-control" name="mark_to" value="{{$grade->mark_to ?? ""}}"  autocomplete="mark_to" autofocus required>
                    </div>

                    <div class="form-group">
                        <label for="gpa">Grade point<span class="text-danger">*</span></label>
                        <input id="gpa" type="text" class="form-control" name="gpa" value="{{$grade->gpa ?? ""}}"  autocomplete="gpa" autofocus required placeholder="5.00">
                    </div>

                    <div class="form-group">
                        <label for="remark">Remark</label>
                        <input id="remark" type="text" class="form-control" name="remark" value="{{$grade->remark ?? ""}}"  autocomplete="remark" autofocus>
                    </div>
                    
                    <div class="form-group  mb-0">
                        <button type="submit" class="btn btn-primary">
                            Update
                        </button>
                        <a href="{{ route('grade.index') }}" class="btn btn-secondary">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop