@extends('backend.layouts.app')
@section('content')
<div class="row mx-auto">
    <div class="col-sm-9">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{ translate('Grade Details') }}</h4>
            </div>
            <div class="card-body">
            <form action="{{ route('grade.update', encrypt($grade->id)) }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                @csrf
                @method('PATCH')
                @if(\Auth::user()->user_type == 'admin')
                    <div class="row mb-3">
                        <div class="col-lg-3">
                            <label for="school_id" class="form-label">{{ translate('Select School') }}</label>
                        </div>
                        <div class="col-lg-9">
                            <select title="Select School" name="school_id" id="school_id" class="form-control rns-selectpicker @error('school_id') is-invalid @enderror">
                                @if($schools->isNotEmpty())
                                    @foreach ($schools as $value)
                                        <option value="{{$value->id}}" @if($grade->school_id == $value->id) selected @endif>{{$value->name}}</option>
                                    @endforeach
                                @endif
                            </select>
                            @error('school_id')
                                <span class="invalid-feedback">{{$message}}</span>
                            @enderror
                        </div>
                    </div>
                @endif
                <x-input-component name="name" label="Curriculum Name" value="{{$grade->name}}" type="text" :required="1"/>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="description" class="form-label">{{ translate('Description') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="description" class="form-control" id="description" rows="3" placeholder="Description">{{$grade->description}}</textarea>
                    </div>
                </div>
                <div class="text-end">
                    <button type="submit" class="btn btn-primary">update grade</button>
                </div>
            </form>
            </div>
        </div>
    </div>
</div>
@endsection