@extends('layout.store_layout.master')
@section('custom_css')
    <!--begin::Vendor Stylesheets(used for this page only)-->

    <link href="{{asset('assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
    <!--end::Vendor Stylesheets-->
@endsection
@section('content')
    <!--begin::Form-->
    <form id="add_category_form" method="post" class="form d-flex flex-column flex-lg-row" action="{{route('super_admin.languages.update', $languages->id)}}">
        @csrf
        @method('put')
        <!--begin::Aside column-->
        <div class="d-flex flex-column gap-7 gap-lg-10 w-100 w-lg-300px mb-7 me-lg-10">
            <!--begin::Status-->
            <div class="card card-flush py-4">
                <!--begin::Card header-->
                <div class="card-header">
                    <!--begin::Card title-->
                    <div class="card-title">
                        <h2>الحالة</h2>
                    </div>
                    <!--end::Card title-->
                    <!--begin::Card toolbar-->
                    <div class="card-toolbar">
                        <div class="rounded-circle bg-success w-15px h-15px" id="kt_add_category_status"></div>
                    </div>
                    <!--begin::Card toolbar-->
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body pt-0">
                    <!--begin::Select2-->
                    <select name="status" class="form-select mb-2 @error('status') is-invalid @enderror" data-control="select2" data-hide-search="true" data-placeholder="{{__('super_admin.select ...')}}" id="kt_add_category_status_select">
                        <option value="" >{{__('super_admin.select ...')}}</option>
                        <option value="1" @if($languages->status == "1") selected="selected" @endif>{{__('super_admin.active')}}</option>
                        <option value="0"  @if($languages->status == "0") selected="selected" @endif>{{__('super_admin.in_active')}}</option>
                    </select>
                    <!--end::Select2-->
                    <!--begin::Description-->
                    <div class="text-muted fs-7"></div>
                    <!--end::Description-->
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Status-->

        </div>
        <!--end::Aside column-->
        <!--begin::Main column-->
        <div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
            <!--begin::General options-->
            <div class="card card-flush py-4">
                <!--begin::Card header-->
{{--                <div class="card-header">--}}
{{--                    <div class="card-title">--}}
{{--                        <h2>عام</h2>--}}
{{--                    </div>--}}
{{--                </div>--}}
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body pt-8">
                    <div class="mb-10 row">
                        <div class="col-4">
                            <label class="required form-label">{{__('super_admin.name_en')}}</label>
                            <input type="text" value="{{$languages->name_en}}" name="name_en" id="name_en" class="form-control mb-2 @error('name_en') is-invalid @enderror" placeholder="{{__('super_admin.enter')}} {{__('super_admin.name_en')}}" />
                            @error('name_en')
                            <span class="invalid-feedback custom-error">{{ $message }}</span>
                            @enderror
                            <!--begin::Description-->
                            <!--end::Description-->
                            <span id="name_en" class="invalid-feedback custom-error"></span>
                        </div>
                        <div class="col-4">
                            <label class="required form-label">{{__('super_admin.name_ar')}}</label>
                            <input type="text" value="{{$languages->name_ar}}" name="name_ar" id="name_ar" class="form-control mb-2 @error('name_ar') is-invalid @enderror" placeholder="{{__('super_admin.enter')}} {{__('super_admin.name_ar')}}" />
                            @error('name_ar')
                            <span class="invalid-feedback custom-error">{{ $message }}</span>
                            @enderror
                            <!--begin::Description-->
                            <!--end::Description-->
                            <span id="name_ar" class="invalid-feedback custom-error"></span>
                        </div>
                        <div class="col-4">
                            <label class="required form-label">{{__('super_admin.code')}}</label>
                            <input type="text"  value="{{$languages->code}}" name="code" id="code" class="form-control mb-2 @error('code') is-invalid @enderror" placeholder="{{__('super_admin.enter')}} {{__('super_admin.code')}}" />
                            @error('code')
                            <span class="invalid-feedback custom-error">{{ $message }}</span>
                            @enderror
                            <!--begin::Description-->
                            <!--end::Description-->
                            <span id="code" class="invalid-feedback custom-error"></span>
                        </div>
                    </div>
{{--                    <div class="mb-10 fv-row">--}}
{{--                        <label class="form-label">التصنيف الاب</label>--}}
{{--                        <select name="language"  class="form-select mb-2" data-control="select2"  data-placeholder="اختر التصنيف الاب" id="select_parent_category">--}}
{{--                            <option></option>--}}
{{--                            <option value="cat1">تصنيف 1</option>--}}
{{--                            <option value="cat2">تصنيف 2</option>--}}
{{--                            <option value="cat3">تصنيف 3</option>--}}
{{--                        </select>--}}
{{--                        <div class="text-muted fs-7">لاضافه تصنيف فرعي اختر التصنيف الاب.</div>--}}
{{--                    </div>--}}
{{--                    <div>--}}
{{--                        <label class="form-label">الوصف</label>--}}
{{--                        <textarea name="description" class="form-control mb-2" id="" cols="30" rows="5"></textarea>--}}
{{--                        --}}{{--<div class="text-muted fs-7">Set a description to the category for better visibility.</div>--}}

{{--                    </div>--}}
                    <!--end::Input group-->
                </div>
                <!--end::Card header-->
            </div>
            <!--end::General options-->


            <div class="d-flex justify-content-end">
                <!--begin::Button-->
                <a href="{{ route('super_admin.languages.index') }}" id="kt_ecommerce_add_product_cancel" class="btn btn-light me-5">الغاء</a>
                <!--end::Button-->
                <!--begin::Button-->
                <button type="button" id="kt_ecommerce_add_category_submit" class="btn btn-primary">
                    <span class="indicator-label">حفظ</span>
                    <span class="indicator-progress">الرجاء الانتظار ...
													<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                </button>
                <!--end::Button-->
            </div>
        </div>
        <!--end::Main column-->
    </form>
    <!--end::Form-->
@endsection
@section('custom_js')
    <!--begin::Vendors Javascript(used for this page only)-->
    <script src="{{asset('assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
    <script src="{{asset('assets/plugins/custom/formrepeater/formrepeater.bundle.js')}}"></script>
    <!--end::Vendors Javascript-->
    <!--begin::Custom Javascript(used for this page only)-->
{{--    <script src="{{asset('assets/js/custom/apps/ecommerce/catalog/save-category.js')}}"></script>--}}
    <script>

        // Get elements
        const form = document.getElementById('add_category_form');
        const submitButton = document.getElementById('kt_ecommerce_add_category_submit');

        // Handle submit button
        submitButton.addEventListener('click', e => {
            $('.invalid-feedback.custom-error').hide();
            submitButton.disabled = true;
            submitButton.setAttribute('data-kt-indicator', 'on');
            form.submit()
        })

    </script>

    <!--end::Custom Javascript-->
@endsection