@extends('layouts.back-end.app')

@section('title', \App\CPU\translate('Add Category'))

@push('css_or_js')
<link href="{{ asset('public/assets/back-end/css/tags-input.min.css') }}" rel="stylesheet">
<link href="{{ asset('public/assets/select2/css/select2.min.css') }}" rel="stylesheet">
<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush


@section('content')
<div class="content container-fluid">
    <!-- Page Title -->
    <div class="d-flex flex-wrap gap-2 align-items-center mb-3">
        <h2 class="h1 mb-0 d-flex gap-2">
            <img src="{{asset('/public/assets/back-end/img/inhouse-product-list.png')}}" alt="">
            {{\App\CPU\translate('Add')}} {{\App\CPU\translate('New')}} {{\App\CPU\translate('Category')}}
        </h2>
    </div>
    <!-- End Page Title -->

    <!-- Content Row -->
    <div class="row">
        <div class="col-md-12">
            <form class="product-form" action="{{ route('admin.blogs.category.store') }}" method="POST"
                style="text-align: {{ Session::get('direction') === 'rtl' ? 'right' : 'left' }};">
                @csrf
                <div class="card">
                    <div class="px-4 pt-3">
                        @php($language = \App\Model\BusinessSetting::where('type', 'pnc_language')->first())
                        @php($language = $language->value ?? null)
                        @php($default_lang = 'en')

                        @php($default_lang = json_decode($language)[0])
                        <ul class="nav nav-tabs w-fit-content mb-4">
                            @foreach (json_decode($language) as $lang)
                            <li class="nav-item">
                                <a class="nav-link text-capitalize lang_link {{ $lang == $default_lang ? 'active' : '' }}"
                                    href="#"
                                    id="{{ $lang }}-link">{{ \App\CPU\Helpers::get_language_name($lang) . '(' . strtoupper($lang) . ')' }}</a>
                            </li>
                            @endforeach
                        </ul>
                    </div>

                    <div class="card-body">
                        @foreach (json_decode($language) as $lang)
                        <div class="{{ $lang != $default_lang ? 'd-none' : '' }} lang_form"
                            id="{{ $lang }}-form">
                            <div class="form-group">
                                <label class="title-color"
                                    for="{{ $lang }}_name">{{ \App\CPU\translate('Category') }} {{ \App\CPU\translate('Name') }}
                                    ({{ strtoupper($lang) }})<sup class="text-danger">*</sup>
                                </label>
                                <input type="text" {{ $lang == $default_lang ? 'required' : '' }} name="category_name"
                                    id="{{ $lang }}_name" class="form-control" placeholder="Enter Category Name" required>
                            </div>
                            <input type="hidden" name="lang[]" value="{{ $lang }}">
                        </div>
                        @endforeach

                        <div class="row justify-content-end gap-3 mt-3">
                            <button type="reset" class="btn btn-secondary">{{ \App\CPU\translate('reset') }}</button>
                            <button type="submit" class="btn btn--primary">{{ \App\CPU\translate('Submit') }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection