@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.UpdateGrades') }}</h4>
                </div>
            </div>

            <form method="post" action="{{ url('/editgradesprocess') }}" id="editGradeForm">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <!-- Grade Name -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <input type="hidden" name="hdid" value="{{ $grades->Id }}">

                                    <label>{{ __('sitelabel.GradeName') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtGradeName" name="txtGradeName"
                                        required value="{{ $grades->GradeName }}">
                                    <span class="text-danger">
                                        @error('txtGradeName')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <!-- Commission Rate -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.CommissionRate') }}<span class="text-danger">*</span></label>
                                    <input type="number" step="0.01" class="form-control" id="txtCommissionRate"
                                        name="txtCommissionRate" required value="{{ $grades->CommissionRate }}">
                                    <span class="text-danger">
                                        @error('txtCommissionRate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <!-- Type -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Type') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtType" name="txtType" required
                                        value="{{ $grades->Type }}">
                                    <span class="text-danger">
                                        @error('txtType')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <!-- Grade Scale -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.GradeScale') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtGradeScale" name="txtGradeScale"
                                        required value="{{ $grades->GradeScale }}">
                                    <span class="text-danger">
                                        @error('txtGradeScale')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <!-- Salary From -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SalaryFrom') }}<span class="text-danger">*</span></label>
                                    <input type="number" step="0.01" class="form-control" id="txtSalaryFrom" required
                                        name="txtSalaryFrom" value="{{ $grades->SalaryFrom }}">
                                    <span class="text-danger" id="errorSalaryFrom"></span>
                                </div>
                            </div>

                            <!-- Salary To -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SalaryTo') }}<span class="text-danger">*</span></label>
                                    <input type="number" step="0.01" class="form-control" id="txtSalaryTo" required
                                        name="txtSalaryTo" value="{{ $grades->SalaryTo }}">
                                    <span class="text-danger" id="errorSalaryTo"></span>
                                </div>
                            </div>

                            <!-- Status -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}<span class="text-danger">*</span></label>
                                    <input class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus"
                                        {{ $grades->Status == 1 ? 'checked' : '' }}>
                                </div>
                            </div>

                            <!-- Description -->
                            <div class="col-lg-8 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Description') }}</label>
                                    <input type="text" class="form-control" id="txtDescription" name="txtDescription"
                                        value="{{ $grades->Description }}">
                                    <span class="text-danger">
                                        @error('txtDescription')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <!-- Buttons -->
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/grades') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const gradeForm = document.getElementById("editGradeForm");
            const salaryFrom = document.getElementById("txtSalaryFrom");
            const salaryTo = document.getElementById("txtSalaryTo");
            const errorSalaryTo = document.getElementById("errorSalaryTo");

            gradeForm.addEventListener("submit", function(event) {
                let isValid = true;
                errorSalaryTo.innerText = "";

                const fromValue = parseFloat(salaryFrom.value) || 0;
                const toValue = parseFloat(salaryTo.value) || 0;

                // Custom validation for Salary To vs Salary From
                if (toValue <= fromValue) {
                    isValid = false;
                    errorSalaryTo.innerText = "Salary To must be greater than Salary From.";
                }

                if (!isValid) {
                    event.preventDefault(); // Prevent form submission if invalid
                }
            });
        });
    </script>
@endsection