@include('components._error')
<div class="card container">
    <div class="card-header">
        <h2 class="card-title">
            Grade System
        </h2>
    </div>
    <div class="card-body">
        <!--begin::body-->
        <div class="overflow-auto pb-5 w-90">
            <div class="card card-custom">
                <div class="card-header">
                    <div class="card-title">
                        <h3 class="card-label">
                            <strong>@php
                                if($alpha == true and $number == true) echo 'Choose Grade System between A-E or 1-9'; else echo 'Edit Grade System';
                            @endphp</strong></h3>
                    </div>
                    <div class="card-toolbar">
                        <ul class="nav nav-bold nav-pills">
                            <li class="nav-item">
                                <a class="nav-link active px-10" data-bs-toggle="tab" href="#kt_tab_pane_1" {{ $alpha == false? 'hidden':'' }}><h2>A-E</h2></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-10 {{ $alpha == null? 'active':'' }}" data-bs-toggle="tab" href="#kt_tab_pane_2" {{ $number == false? 'hidden':'' }}><h2>1-9</h2></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-content">
                    <div class="tab-pane fade {{ $alpha == true? 'active show':'' }}" id="kt_tab_pane_1" role="tabpanel" {{ $alpha == false? 'hidden':'' }}>
                        <div class="card-body">

                            <!--begin::Form-->
                            <form id="kt_docs_formvalidation_text" class="form mb-5" method="GET"
                                action="{{ $number == false ? route('teacher.course.grade.update_grade_schema',[$coffid, $course_offering->sid]) : route('teacher.course.grade.post_grade_schema',[$coffid, $course_offering->sid]) }}">


                                <table class="table table-striped table-bordered table-vcenter text-nowrap rounded" id="server_side_datatable">
                                    <thead>
                                        <tr class="fw-bold fs-7 text-uppercase gs-0">
                                            <th class="min-w-30px"
                                                style="text-align: center;font-weight: bold;color:#524f4f;position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb;">
                                                Sign</th>
                                            <th class="min-w-100px"
                                                style="text-align: center;font-weight: bold;color:#524f4f;position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb;">
                                                From</th>
                                            <th class="min-w-90px" style="text-align: center;font-weight: bold;color:#524f4f;position: sticky;background: #f3f5f3">
                                                To</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                            <tr class="text-start  fw-bold fs-7 gs-0">
                                                <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    A*
                                                </td>
                                                <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    <input type="number" required  min="0" max="100"name="FAS" placeholder="90" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->from_AS : null }}">
                                                </td>
                                                <td style="text-align: center; position: sticky;">
                                                    <input type="number" required  min="0" max="100"name="TAS" placeholder="100" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->to_AS : null }}">
                                                </td>
                                            </tr>
                                            <tr class="text-start  fw-bold fs-7 gs-0">
                                                <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    A
                                                </td>
                                                <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    <input type="number" required  min="0" max="100"name="FA" placeholder="80" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->from_A : null }}">
                                                </td>
                                                <td style="text-align: center; position: sticky;">
                                                    <input type="number" required  min="0" max="100"name="TA" placeholder="90" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->to_A : null }}">
                                                </td>
                                            </tr>
                                            <tr class="text-start  fw-bold fs-7 gs-0">
                                                <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    B
                                                </td>
                                                <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    <input type="number" required  min="0" max="100"name="FB" placeholder="70" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->from_B : null }}">
                                                </td>
                                                <td style="text-align: center; position: sticky;">
                                                    <input type="number" required  min="0" max="100"name="TB" placeholder="80" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->to_B : null }}">
                                                </td>
                                            </tr>
                                            <tr class="text-start  fw-bold fs-7 gs-0">
                                                <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    C
                                                </td>
                                                <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    <input type="number" required  min="0" max="100"name="FC" placeholder="60" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->from_C : null }}">
                                                </td>
                                                <td style="text-align: center; position: sticky;">
                                                    <input type="number" required  min="0" max="100"name="TC" placeholder="70" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->to_C : null }}">
                                                </td>
                                            </tr>
                                            <tr class="text-start  fw-bold fs-7 gs-0">
                                                <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    D
                                                </td>
                                                <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    <input type="number" required  min="0" max="100"name="FD" placeholder="50" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->from_D : null }}">
                                                </td>
                                                <td style="text-align: center; position: sticky;">
                                                    <input type="number" required  min="0" max="100"name="TD" placeholder="60" id="" class="form-control-sm" value="{{ !is_null($alpha_grade) ? $alpha_grade->to_D : null }}">
                                                </td>
                                            </tr>
                                            {{-- <tr class="text-start  fw-bold fs-7 gs-0">
                                                <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    E
                                                </td>
                                                <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                    <input type="number"  min="0" max="100"name="" id="" class="form-control-sm">
                                                </td>
                                                <td style="text-align: center; position: sticky;">
                                                    <input type="number"  min="0" max="100"name="E" id="" class="form-control-sm">
                                                </td>
                                            </tr> --}}
                                    </tbody>

                                </table>

                                <!--begin::Actions-->
                                <div class="d-flex justify-content-center mt-7">

                                    <button type="submit" class="btn btn-primary me-3 submit_btn">
                                        <!--begin::Svg Icon | path: icons/duotune/general/gen016.svg-->
                                        <span class="svg-icon svg-icon-3">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M15.43 8.56949L10.744 15.1395C10.6422 15.282 10.5804 15.4492 10.5651 15.6236C10.5498 15.7981 10.5815 15.9734 10.657 16.1315L13.194 21.4425C13.2737 21.6097 13.3991 21.751 13.5557 21.8499C13.7123 21.9488 13.8938 22.0014 14.079 22.0015H14.117C14.3087 21.9941 14.4941 21.9307 14.6502 21.8191C14.8062 21.7075 14.9261 21.5526 14.995 21.3735L21.933 3.33649C22.0011 3.15918 22.0164 2.96594 21.977 2.78013C21.9376 2.59432 21.8452 2.4239 21.711 2.28949L15.43 8.56949Z"
                                                    fill="currentColor"></path>
                                                <path opacity="0.3"
                                                    d="M20.664 2.06648L2.62602 9.00148C2.44768 9.07085 2.29348 9.19082 2.1824 9.34663C2.07131 9.50244 2.00818 9.68731 2.00074 9.87853C1.99331 10.0697 2.04189 10.259 2.14054 10.4229C2.23919 10.5869 2.38359 10.7185 2.55601 10.8015L7.86601 13.3365C8.02383 13.4126 8.19925 13.4448 8.37382 13.4297C8.54839 13.4145 8.71565 13.3526 8.85801 13.2505L15.43 8.56548L21.711 2.28448C21.5762 2.15096 21.4055 2.05932 21.2198 2.02064C21.034 1.98196 20.8409 1.99788 20.664 2.06648Z"
                                                    fill="currentColor"></path>
                                            </svg>
                                        </span>
                                        <span class="pulse-ring"></span>
                                        <span class="indicator-label">
                                            @php
                                                if($number == false or $alpha == false)
                                                    echo 'Update';
                                                else
                                                    echo 'Submit';
                                            @endphp

                                        </span>
                                        <span class="indicator-progress">
                                            Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </button>

                                </div>

                                <!--end::Actions-->
                            </form>
                            <!--end::Form-->


                        </div>
                    </div>
                    <div class="tab-pane fade {{ $alpha == null ? 'active show':'' }}" id="kt_tab_pane_2" role="tabpanel" {{ $number == false? 'hidden':'' }}>
                        <div class="card-body">

                            <!--begin::Form-->
                            <form id="kt_docs_formvalidation_text" class="form mb-5" method="GET"
                                action="{{ $alpha == null ? route('teacher.course.grade.update_grade_schema',[$coffid, $course_offering->sid]) : route('teacher.course.grade.post_grade_schema',[$coffid, $course_offering->sid]) }}">

                                <table class="table table-striped table-bordered table-vcenter text-nowrap rounded" id="server_side_datatable">
                                    <thead>
                                        <tr class="fw-bold fs-7 text-uppercase gs-0">
                                            <th class="min-w-30px"
                                                style="text-align: center;font-weight: bold;color:#524f4f;position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb;">
                                                1-9</th>
                                            <th class="min-w-100px"
                                                style="text-align: center;font-weight: bold;color:#524f4f;position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb;">
                                                From</th>
                                            <th class="min-w-90px" style="text-align: center;font-weight: bold;color:#524f4f;position: sticky;background: #f3f5f3">
                                                To</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                                                                <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                One (1)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required min="0" max="100"name="fg1" placeholder="90" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_1 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg1" placeholder="100" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_1 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Two (2)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg2" placeholder="80" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_2 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg2" placeholder="90" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_2 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Three (3)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg3" placeholder="70" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_3 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg3" placeholder="80" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_3 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Four (4)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg4" placeholder="60" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_4 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg4" placeholder="70" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_4 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Five (5)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg5" placeholder="50" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_5 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg5" placeholder="60" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_5 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Six (6)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg6" placeholder="40" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_6 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg6" placeholder="50" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_6 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Seven (7)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg7" placeholder="30" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_7 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg7" placeholder="40" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_7 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Eight (8)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg8" placeholder="20" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_8 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number" required  min="0" max="100"name="tg8" placeholder="30" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_8 : null }}">
                                            </td>
                                        </tr>
                                        <tr class="text-start  fw-bold fs-7 gs-0">
                                            <td style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                Nine (9)
                                            </td>
                                            <td class="" style="text-align: center;color:#3A4D61 ;font-weight: bold; position: sticky;  z-index:5; border:none; left:0px;background: #d3d2cb; ">
                                                <input type="number" required  min="0" max="100"name="fg9" placeholder="10" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->from_9 : null }}">
                                            </td>
                                            <td style="text-align: center; position: sticky;">
                                                <input type="number"  min="0" max="100"name="tg9" placeholder="20" id="" class="form-control-sm" value="{{ !is_null($number_grade) ? $number_grade->to_9 : null }}">
                                            </td>
                                        </tr>
                                    </tbody>

                                </table>

                                <!--begin::Actions-->
                                <div class="d-flex justify-content-center mt-7">

                                    <button type="submit" class="btn btn-primary me-3 submit_btn">
                                        <!--begin::Svg Icon | path: icons/duotune/general/gen016.svg-->
                                        <span class="svg-icon svg-icon-3">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path
                                                    d="M15.43 8.56949L10.744 15.1395C10.6422 15.282 10.5804 15.4492 10.5651 15.6236C10.5498 15.7981 10.5815 15.9734 10.657 16.1315L13.194 21.4425C13.2737 21.6097 13.3991 21.751 13.5557 21.8499C13.7123 21.9488 13.8938 22.0014 14.079 22.0015H14.117C14.3087 21.9941 14.4941 21.9307 14.6502 21.8191C14.8062 21.7075 14.9261 21.5526 14.995 21.3735L21.933 3.33649C22.0011 3.15918 22.0164 2.96594 21.977 2.78013C21.9376 2.59432 21.8452 2.4239 21.711 2.28949L15.43 8.56949Z"
                                                    fill="currentColor"></path>
                                                <path opacity="0.3"
                                                    d="M20.664 2.06648L2.62602 9.00148C2.44768 9.07085 2.29348 9.19082 2.1824 9.34663C2.07131 9.50244 2.00818 9.68731 2.00074 9.87853C1.99331 10.0697 2.04189 10.259 2.14054 10.4229C2.23919 10.5869 2.38359 10.7185 2.55601 10.8015L7.86601 13.3365C8.02383 13.4126 8.19925 13.4448 8.37382 13.4297C8.54839 13.4145 8.71565 13.3526 8.85801 13.2505L15.43 8.56548L21.711 2.28448C21.5762 2.15096 21.4055 2.05932 21.2198 2.02064C21.034 1.98196 20.8409 1.99788 20.664 2.06648Z"
                                                    fill="currentColor"></path>
                                            </svg>
                                        </span>
                                        <span class="pulse-ring"></span>
                                        <span class="indicator-label">
                                            @php
                                                if($alpha == null)
                                                    echo 'Update';
                                                else
                                                    echo 'Submit';
                                            @endphp
                                        </span>
                                        <span class="indicator-progress">
                                            Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </button>

                                </div>

                                <!--end::Actions-->
                            </form>
                            <!--end::Form-->


                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end::body-->
    </div>
    <!--end::Accordion-->
</div>