@extends('admin.layouts.master')
@section('page_title', __('Add Suject\'s Grades'))
@section('breadcrumb')
    @include('admin.partials.breadcrumb', ['breads' => [__('Settings'), __('Add Suject\'s Grades')]])
@endsection

@push('css')
    <link href="{{asset('assets/admin')}}/plugins/spectrum-colorpicker/spectrum.css" rel="stylesheet">
    <style type="text/css">
        .sp-container {
            background-color: #fff;
            border-color: #d0d7e8;
            z-index: 99999 !important;
        }
        .sp-replacer.sp-light {
            width: 100%;
            height: 40px;
            border-radius: 3px;
        }
        .sp-preview {
            width: 92%;
            height: 30px;
        }
        .sp-dd {
            margin-top: 6px;
        }
    </style>
@endpush

@section('content')
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form method="POST" id="my-form-id" action="{{route(auth()->getDefaultDriver().'.grades.store')}}" enctype="multipart/form-data" autocomplete="nop">
                            @csrf
                            <livewire:admin.grade-system.create-edit-grade />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
    <script src="{{asset('assets/admin')}}/plugins/spectrum-colorpicker/spectrum.js"></script>
    <script type="text/javascript">
        $('.colorpicker').spectrum({
            showButtons: false,
            preferredFormat: "hex",
        });
    </script>
@endpush