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

            <form method="post" action="{{ url('/editfortnightprocess') }}" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <input type="hidden" value="{{ $fortnight->Id }}" name="hbid">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.FortnightNo') }}<span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="txtFortnightNo" name="txtFortnightNo"
                                        value="{{ $fortnight->FortNightNo }}">
                                    <span class="text-danger">
                                        @error('txtFortnightNo')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.StartDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" name="txtStartDate" id="txtStartDate" class="form-control"
                                        value="{{ $fortnight->StartDate }}">
                                    <span class="text-danger">
                                        @error('txtStartDate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.EndDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" name="txtEndDate" id="txtEndDate" class="form-control"
                                        value="{{ $fortnight->EndDate }}">
                                    <span id="dateError" class="text-danger"></span>
                                    <span class="text-danger">
                                        @error('txtEndDate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.MonthNo') }}<span class="text-danger">*</span></label>
                                    <select name="cmbMonthNo" id="cmbMonthNo" class="form-control">
                                        <option value="">{{ __('sitelabel.SelectMonth') }}</option>
                                        @foreach ($month as $item)
                                            <option value="{{ $item->Id }}"
                                                {{ $fortnight->MonthId == $item->Id ? 'selected' : '' }}>
                                                {{ $item->MonthNo }}</option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbMonthNo')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.YearNo') }}<span class="text-danger">*</span></label>
                                    <select name="cmbYearNo" id="cmbYearNo" class="form-control">
                                        <option value="">{{ __('sitelabel.SelectYear') }}</option>
                                        @foreach ($year as $item)
                                            <option value="{{ $item->Id }}"
                                                {{ $fortnight->YearId == $item->Id ? 'selected' : '' }}>{{ $item->YearNo }}</option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbYearNo')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <input class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus"
                                        {{ $fortnight->Status == 1 ? 'checked' : '' }}>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/fortnight') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        // Enable Urdu text input on load if the locale is 'ur'
        window.onload = myOnload;

        function myOnload() {
            @if (session()->get('locale') == 'ur')
                MakeTextBoxUrduEnabled(txtName); // Enable Urdu for Name field
                MakeTextBoxUrduEnabled(txtOtherName); // Enable Urdu for NameOther field
            @endif

            // Attach date validation on change events
            document.getElementById('txtStartDate').addEventListener('change', validateDates);
            document.getElementById('txtEndDate').addEventListener('change', validateDates);
        }

        function validateDates() {
            const startDate = document.getElementById('txtStartDate').value;
            const endDate = document.getElementById('txtEndDate').value;
            const errorSpan = document.getElementById('dateError');
            const saveButton = document.querySelector('button[type="submit"]');

            // Clear any previous error messages
            if (errorSpan) {
                errorSpan.innerText = '';
            }

            if (startDate && endDate) {
                const start = new Date(startDate);
                const end = new Date(endDate);

                if (end <= start) {
                    // Display error message
                    if (errorSpan) {
                        errorSpan.innerText = "{{ __('sitelabel.StartDateAfterEndDate') }}";
                    }
                    savenewButton.disabled = true;
                    saveButton.disabled = true;
                    return false;
                }
            }

            return true;
        }

        // Translate button functionality
        $(document).ready(function() {
            $('#cmbMonthNo, #cmbYearNo').select2({
                theme: "bootstrap-5",
            });

            $("#btnTranslate").click(function() {
                var Transword = $("#txtName").val();
                $.ajax({
                    type: "GET",
                    url: "{{ url('/') }}/translateword/" + Transword,
                    contentType: "application/json;charset=utf-8",
                    success: function(data) {
                        $("#txtOtherName").val(data);
                    }
                });
            });
        });
    </script>
@endsection