@php use App\Models\eims\settings\academic\ContentType; @endphp
@extends('layouts/eims_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    @include('successMsg')

    <style>
        /* General styling for the table */
        table#exam_subject_mark_config_table th,
        table#exam_subject_mark_config_table td {
            width: auto;
            padding: 4px;
            word-wrap: break-word;
            text-align: center;
        }

        /* General styling for form labels and inputs */
        .control-label {
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

        /* Input fields shared styles */
        table#exam_subject_mark_config_table td input[type="number"] {
            text-align: center;
            width: 70%;
            display: inline-block;
            margin-left: 5px;
        }

        /* Adjust input field widths */
        table#exam_subject_mark_config_table .min-mark-input,
        table#exam_subject_mark_config_table .max-number-input,
        table#exam_subject_mark_config_table .theory-input,
        table#exam_subject_mark_config_table .practical-input {
            width: 90% !important;
        }

        /* Design card styling */
        .design_card {
            border: 1px solid #ddd;
            border-radius: 8px;
            padding-top: 12px;
            box-shadow: 0 2px 5px #e9e4e4ec;
        }

        /* Each subject panel styling */
        .each_subject_panel {
            border-radius: 10px;
            background-color: #e5e7e9;
            margin-top: 10px;
        }

        .panel-heading {
            padding: 0 !important;
        }

        /* Control the size of the inputs */
        .exam-config-input {
            width: 70%;
            margin-left: 10px;
        }

        /* Additional spacing for rows, if needed */
        .new-row {
            margin-bottom: 10px;
        }

        /* Optional: Adjust container widths */
        .custom-width {
            width: 400px;
        }

        /* Center align checkboxes */
        .form-check {
            display: flex;
            align-items: center;
        }

        /* Input-checkbox container styling */
        .input-checkbox-container {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        /* Hide number input spinners for WebKit browsers (Chrome, Safari) */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            /* Remove spinner */
            margin: 0;
            text-align: center;
            /* Reset margin */
        }

        /* Hide number input spinners for Firefox */
        input[type="number"] {
            -moz-appearance: textfield;
            text-align: center;
            /* Remove spinner */
        }
    </style>

    <div class="row page-wrap">
        <div class="col-md-12">
            <div class="viewTitle">
                <div class="panel-options">
                    <a class="btn btn-info pull-right addViewBtn"
                       href="{{route('eims_exam_subject_marks_config_list')}}">
                        <i class="glyphicon glyphicon-plus-sign addIcon" aria-hidden="true"></i>
                        {{ $data['pageTitle'] }} List
                    </a>
                </div>
                <h1 class="text-center ls-2 text-white" style="font-family: Antiqua,serif;">
                    {{ $data['pageTitle'] }}
                </h1>
            </div>
            <div class="panel panel-default">
                <div class="panel-body panelBodyView" style="color: #000000 !important;">
                    <div id="exam_subject_mark_config_table" class="col-sm-12 design_card" style="margin-top: 40px">

                        <div style="background-color: #f8f9fa; padding: 1px 0px; border-radius: 8px;">
                            <div class="custom-card-body">
                                <div class="row" style="margin: 20px 7px">
                                    <div class="col-sm-6">
                                        <div class="form-group row">
                                            {!! Form::label('name', 'Exam Subject Config Name: <sup class="text-danger">*<sup>', [
                                                'class' => 'control-label text-gray col-sm-4',
                                            ], false) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('name', $examCourseSubjectMarkConfig->name ?? null, [
                                                    'id' => 'name',
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                                <div id="namee" class="text-danger name_error"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group row">
                                            {!! Form::label('effective_date', 'Effective Date: <sup class="text-danger">*<sup>', [
                                                'class' => 'control-label text-gray col-sm-4',
                                            ], false) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('effective_date', date('d-m-Y', strtotime($examCourseSubjectMarkConfig->effective_date)) ?? null, [
                                                    'id' => 'effective_date',
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                                <div id="effective_datee"
                                                     class="text-danger effective_date_error"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--                            @if ($data['companyType'] == 'SCL' || $data['companyType'] == 'CLG' || $data['companyType'] == 'UNV')--}}
                        <div id="tableBody">
                            @foreach ($examCourseSubjectMarkConfig->eims_exam_subject_marks_config_details as $subject)

                                {{-- Start of a new card --}}
                                <div id="each_subject_card_1" class="each_subject_panel panel-default">
                                    <div class="panel-heading">
                                        <div class="panel-heading">
                                            <h4 class="left" style="margin-left: 10px">
                                                {{ $subject->eims_course_subject->name ?? null }}
                                                - {{ $subject->eims_course_subject->course_subject_code }}
                                                [{{$subject->eims_course_subject->course_subject_type->name ?? null}}]

                                                {{Form::hidden('course_subject_ids[]', $subject->id)}}
                                            </h4>
                                        </div>
                                    </div>
                                    <div class="panel-body" id="each_subject" style="color: #000000;">

                                        <div class="row" style="margin-left: 0px">
                                            <div class="col-sm-2">
                                                <h5 class="card-title">Exam Marking Range</h5>
                                            </div>
                                            <div class="col-md-10">
                                                <div class="marking-card"
                                                     style="background-color: #f8f9fa; padding: 1px 0px; border-radius: 8px; width: 90%; margin: -15px 0px;">
                                                    <div class="custom-card-body">
                                                        <div class="form-group row" style="margin-top: 20px;">
                                                            {!! Form::label("max_mark_$subject->id", 'Max Marks: <sup class="text-danger">*</sup>',[
                                                                    'class' => 'control-label text-gray col-sm-2',
                                                                    'style' => 'color: #454545; flex: 0 0 20%; padding: 4px !important; margin-left: 30px !important;',
                                                                ], false) !!}
                                                            <div class="col-sm-3">
                                                                {!! Form::number("max_marks[$subject->id]", $subject->max_mark?? null, [
                                                                    'class' => 'form-control max-mark-input',
                                                                    'id' => "max_mark_$subject->id", // Unique input ID
                                                                    'step' => 1,
                                                                    'readonly' => 'readonly',
                                                                ]) !!}
                                                                <div id="max_marks{{$subject->id}}e"
                                                                     class="text-danger max-mark-error"></div>
                                                            </div>

                                                            {!! Form::label("min_mark_$subject->id",'Min Marks: <sup class="text-danger">*</sup>', [
                                                                    'class' => 'control-label text-gray col-sm-2',
                                                                    'style' => 'color: #454545; flex: 0 0 20%; padding: 4px !important; margin-left: 30px !important;',
                                                                    'id' => "min_mark_$subject->id", // Unique label ID
                                                                    'step' => 1
                                                                ], false) !!}
                                                            <div class="col-sm-3">
                                                                {!! Form::number("min_marks[$subject->id]", $subject->min_mark ?? null, [
                                                                    'class' => 'form-control min-mark-input',
                                                                    'readonly',
                                                                    'id' => "min_mark_$subject->id", // Unique input ID
                                                                ]) !!}
                                                                <div id="min_marks{{$subject->id}}e"
                                                                     class="text-danger min-mark-error"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <br><br>
                                            </div>
                                        </div>

                                        <div class="row" style="margin-left: 0px; margin-bottom: 5px;">
                                            <div class="col-sm-2">
                                                <h5 class="card-title">Exam Criteria</h5>
                                            </div>

                                            <div class="col-sm-10">
                                                <div class="exam_criteria_card"
                                                     style="background-color: #f8f9fa; padding: 1px 0px; border-radius: 8px; width: 90%; margin: -15px 0px;">
                                                    <div class="custom-card-body"
                                                         style="margin: 10px 5px; padding: 4px !important;">
                                                        <div class="form-group row">
                                                            <div class="col-sm-3">
                                                                <div class="row">
                                                                    @php($required = $subject->course_subject_type_id !== ContentType::COURSE_SUBJECT_TYPE_PRACTICAL)
                                                                    {!! Form::label("theory_$subject->id", 'Theory: ' . ($required ? '<sup class="text-danger">*</sup>' : null), [
                                                                        'class' => 'control-label text-gray col-sm-4',
                                                                    ], false) !!}
                                                                    <div class="col-sm-8">
                                                                        {!! Form::number("theory[$subject->id]", $subject->theory ?? null, [
                                                                            'class' => 'form-control exam-config-input',
                                                                             'readonly',
                                                                            'id' => "theory_$subject->id",
                                                                            'disabled' => !$required
                                                                        ]) !!}
                                                                        <div id="theory{{$subject->id}}e"
                                                                             class="text-danger exam-config-error theory_error"></div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <div class="col-sm-3">
                                                                <div class="row">
                                                                    @php($required = $subject->course_subject_type_id !== ContentType::COURSE_SUBJECT_TYPE_THEORY)
                                                                    {!! Form::label("practical_$subject->id" , 'Practical: ' . ($required ? '<sup class="text-danger">*</sup>' : null), [
                                                                        'class' => 'control-label text-gray col-sm-4'
                                                                    ], false) !!}
                                                                    <div class="col-sm-8">
                                                                        {!! Form::number("practical[$subject->id]", $subject->practical ?? null, [
                                                                        'class' => 'form-control exam-config-input',
                                                                        'readonly',
                                                                        'id' => "practical_$subject->id" ,
                                                                        'disabled' => !$required
                                                                    ]) !!}
                                                                        <div id="practical{{$subject->id}}e"
                                                                             class="text-danger exam-config-error practical_error"></div>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                            @foreach ($examConfig as $examConfigId => $examConfigName)
                                                                <div class="col-sm-3">
                                                                    <div class="input-checkbox-container">
                                                                        <div class="form-check">
                                                                            {!! Form::checkbox("config_checked[$subject->id][$examConfigId]", 1, isset($subject->config_marks[$examConfigId]), [
                                                                                'class' => 'form-check-input exam-mark-config-check',
                                                                                'id' => "config_checkbox_$subject->id". "_$examConfigId",
                                                                                'disabled' => 'disabled',

                                                                            ]) !!}
                                                                        </div>
                                                                        {!! Form::label("config_checkbox_$subject->id". "_$examConfigId", $examConfigName . ':', [
                                                                            'class' => 'control-label text-gray',
                                                                            'style' => 'color: #454545;',
                                                                        ]) !!}

                                                                        {!! Form::number("config_marks[$subject->id][$examConfigId]", $subject->config_marks[$examConfigId] ?? null , [
                                                                            'class' => 'form-control exam-config-input',
                                                                            'placeholder' => 'Enter ' . $examConfigName . ' Marks',
                                                                            'id' => 'config_input_' . $examConfigId,
                                                                            'autocomplete' => 'off',
                                                                            'disabled' => 'disabled',
                                                                        ]) !!}

                                                                    </div>
                                                                    <div
                                                                        id="config_marks{{$subject->id}}_{{ $examConfigId }}e"
                                                                        class="text-danger exam-config-error"></div>

                                                                    @if ($examConfigName === 'C.T')
                                                                        <br>
                                                                    @endif
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            @endforeach
                            </div>

                        </div>
                </div>
            </div>
        </div>
    </div>
@endsection