@extends('master')
@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>{{ __('sitelabel.CreatenewSkill') }}</h4>
            </div>
        </div>

        <form method="post" action="{{ url('/skillprocess') }}" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6 col-12">
                            <div class="form-group">
                                <label>{{ __('sitelabel.SkillCode') }}<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="txtSkillCode" name="txtSkillCode" 
                                       value="{{ old('txtSkillCode', $SkillCode) }}" readonly>  <!-- SkillCode is readonly -->
                                <span class="text-danger">
                                    @error('txtSkillCode') 
                                        {{$message}} 
                                    @enderror
                                </span>
                            </div>
                        </div>

                        <div class="col-lg-3 col-sm-6 col-12">
                            <div class="form-group">
                                <label>{{ __('sitelabel.SkillName') }}<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="txtSkillName" name="txtSkillName" value="{{ old('txtSkillName') }}">
                                <span class="text-danger">@error('txtSkillName') {{$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" checked>
                            </div>
                        </div>

                        <div class="col-lg-6 col-sm-12 col-12">
                            <div class="form-group">
                                <label>{{ __('sitelabel.Description') }}</label>
                                <textarea class="form-control" id="txtDescription" name="txtDescription">{{ old('txtDescription') }}</textarea>
                                <span class="text-danger">@error('txtDescription') {{$message}} @enderror</span>
                            </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('/skill')}}';" 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(txtSkillName);  // Enable Urdu for Name field
        @endif
    }

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