@extends('admin.app')

@section('content')

    <div class="page-wrapper">
        <div class="page-content">
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="ps-3">
                    @include('admin.templates.breadcrumbs')
                </div>
            </div>

            <div class="card">
                <div class="card-body p-4">
                    <div class="d-lg-flex align-items-center mb-4 gap-3">
                        <div class="position-relative">
                            <h5 class="card-title">{{__('variables.add_element')}}</h5>
                        </div>
                        <div class="ms-auto">
                            @if($groupSubRelations->new == 1)
                                @if(request()->segment(5) == '' || request()->segment(4) == 'createGoodsSubject')
                                    <a href="{{ urlForFunctionLanguage($lang, '') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                    <a href="{{ urlForFunctionLanguage($lang, 'createGoodsSubject/creategoodssubject') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="bx bxs-plus-square"></i>{{ __('variables.add_subject') }}
                                    </a>
                                    <a href="{{ urlForFunctionLanguage($lang, 'goodsSubjectCart/goodssubjectcart') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                    </a>
                                @else
                                    <a href="{{ urlForLanguage($lang, 'memberslist') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                    <a href="{{ urlForLanguage($lang, 'creategoodssubject') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="bx bxs-plus-square"></i>{{ __('variables.add_subject') }}
                                    </a>
                                    <a href="{{ urlForLanguage($lang, 'goodssubjectcart') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                    </a>
                                @endif
                            @else
                                @if(request()->segment(5) == '' || request()->segment(4) == 'createGoodsSubject')
                                    <a href="{{ urlForFunctionLanguage($lang, '') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                    <a href="{{ urlForFunctionLanguage($lang, 'goodsSubjectCart/goodssubjectcart') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                    </a>
                                @else
                                    <a href="{{ urlForLanguage($lang, 'memberslist') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                    <a href="{{ urlForLanguage($lang, 'goodssubjectcart') }}"
                                       class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                    </a>
                                @endif
                            @endif
                        </div>
                    </div>

                    <hr/>

                    <form class="form" method="POST" action="{{ urlForLanguage($lang, 'savesubject') }}" id="add-form"
                          enctype="multipart/form-data">

                        @csrf

                        <div class="form-body mt-4">
                            <div class="row">
                                <div class="col-lg-8 mb-2">
                                    <div class="border border-3 p-4 rounded">
                                        <div class="mb-3">
                                            <label for="name" class="form-label">{{__('variables.title_table')}}</label>
                                            <input type="text" name="name" class="form-control" id="name" autofocus>
                                        </div>
                                        <div class="mb-3">
                                            <label for="alias"
                                                   class="form-label">{{__('variables.alias_table')}}</label>
                                            <input type="text" name="alias" class="form-control" id="alias">
                                        </div>

                                        <div class="mb-3">
                                            <label for="excel_code"
                                                   class="form-label">{{__('variables.category_name')}}</label>
                                            <input type="text" name="excel_code" class="form-control" id="excel_code">
                                        </div>

                                        <div class="mb-3">
                                            <label for="upload_files_subject"
                                                   class="form-label">{{__('variables.select_file')}}</label>
                                            <input class="form-control" type="file" name="upload_files_subject[]"
                                                   id="upload_files_subject">
                                        </div>

                                        @include('admin.templates.upload-new-images', ['id' => 'upload_files_subject'])

                                        <div class="mb-3">
                                            <label for="upload_files_top_banner"
                                                   class="form-label">{{__('variables.select_file')}}</label>
                                            <input class="form-control" type="file" name="upload_files_top_banner[]"
                                                   id="upload_files_top_banner">
                                        </div>

                                        @include('admin.templates.upload-new-images', ['id' => 'upload_files_top_banner'])

                                        <div class="mb-3">
                                            <label for="upload_files_product_banner"
                                                   class="form-label">{{__('variables.select_file')}}</label>
                                            <input class="form-control" type="file" name="upload_files_product_banner[]"
                                                   id="upload_files_product_banner">
                                        </div>

                                        @include('admin.templates.upload-new-images', ['id' => 'upload_files_product_banner'])

                                        <div class="mb-3">
                                            <label for="link_top_banner"
                                                   class="form-label">{{__('variables.link_top_banner')}}</label>
                                            <input type="text" name="link_top_banner" class="form-control"
                                                   id="link_top_banner">
                                        </div>

                                        <div class="mb-3">
                                            <label for="link_product_banner"
                                                   class="form-label">{{__('variables.link_product_banner')}}</label>
                                            <input type="text" name="link_product_banner" class="form-control"
                                                   id="link_product_banner">
                                        </div>

                                        <div class="position-relative d-flex justify-content-between mt-5">
                                            <div>
                                                <h5 class="card-title">{{__('variables.for_banner_promo')}}</h5>
                                            </div>
                                        </div>
                                        <hr>

                                        <div class="mb-3">
                                            <label for="text_promo_1"
                                                   class="form-label">{{__('variables.promo_text_1')}}</label>
                                            <input type="text" name="text_promo_1" class="form-control"
                                                   id="text_promo_1">
                                        </div>

                                        <div class="mb-3">
                                            <label for="text_promo_2"
                                                   class="form-label">{{__('variables.promo_text_2')}}</label>
                                            <input type="text" name="text_promo_2" class="form-control" id="text_promo_2">
                                        </div>

                                        <div class="mb-3">
                                            <label for="text_promo_3"
                                                   class="form-label">{{__('variables.promo_text_3')}}</label>
                                            <input type="text" name="text_promo_3" class="form-control"
                                                   id="text_promo_3">
                                        </div>

                                        <div class="position-relative d-flex justify-content-between mt-5">
                                            <div>
                                                <h5 class="card-title">{{__('variables.seo_settings')}}</h5>
                                            </div>
                                            <div class="show-seo-settings cursor-pointer">
                                                <h5 class="card-title text-primary font-30"><i
                                                        class="lni lni-arrow-down-circle"></i></h5>
                                            </div>
                                        </div>
                                        <hr>

                                        <div class="hide-seo-settings">
                                            <div class="mb-3">
                                                <label for="page_title"
                                                       class="form-label">{{__('variables.general_title_page')}}</label>
                                                <input type="text" name="page_title" class="form-control"
                                                       id="page_title">
                                            </div>

                                            <div class="mb-3">
                                                <label for="h1_title"
                                                       class="form-label">{{__('variables.h1_title_page')}}</label>
                                                <input type="text" name="h1_title" class="form-control" id="h1_title">
                                            </div>

                                            <div class="mb-3">
                                                <label for="meta_title"
                                                       class="form-label">{{__('variables.meta_title_page')}}</label>
                                                <input type="text" name="meta_title" class="form-control"
                                                       id="meta_title">
                                            </div>

                                            <div class="mb-3">
                                                <label for="meta_keywords"
                                                       class="form-label">{{__('variables.meta_keywords_page')}}</label>
                                                <input type="text" name="meta_keywords" class="form-control"
                                                       id="meta_keywords">
                                            </div>

                                            <div class="mb-3">
                                                <label for="meta_description"
                                                       class="form-label">{{__('variables.meta_description_page')}}</label>
                                                <input type="text" name="meta_description" class="form-control"
                                                       id="meta_description">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="border border-3 p-4 rounded">
                                        <div class="row g-3">
                                            @if(!empty($lang_list) && count($lang_list))
                                                <div class="col-12">
                                                    <label for="lang"
                                                           class="form-label">{{__('variables.lang')}}</label>
                                                    <select class="form-select" name="lang" id="lang">
                                                        @foreach($lang_list as $lang_key => $one_lang)
                                                            <option
                                                                value="{{$lang_key}}" {{$lang_key == $lang_id ? 'selected' : ''}}>{{Str::ucfirst($one_lang)}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif
                                            <div class="col-12">
                                                <label for="p_id"
                                                       class="form-label">{{__('variables.p_id_name')}}</label>
                                                <select class="form-select" name="p_id" id="p_id">
                                                    <option value="0">{{__('variables.home')}}</option>
                                                    {!! SelectGoodsSubjectTree($lang_id, 0 ,$curr_page_id) !!}
                                                </select>
                                            </div>

                                            <div class="col-12">
                                                <label for="icon_name"
                                                       class="form-label">{{__('variables.icon_name')}}</label>
                                                <input type="text" name="icon_name" class="form-control" id="icon_name">
                                            </div>

                                            <div class="col-12">
                                                <label for="main_page_row"
                                                       class="form-label">{{__('variables.show_on_main')}}</label>
                                                <select class="form-select" name="main_page_row" id="main_page_row">
                                                    <option value="">{{__('variables.select_items')}}</option>
                                                    <option value="1">1 {{__('variables.select_row')}}</option>
                                                    <option value="2">2 {{__('variables.select_row')}}</option>
                                                </select>
                                            </div>

                                            @if(!empty(config('custom.goods_list_templates')) && count(config('custom.goods_list_templates')))
                                                <div class="col-12">
                                                    <label for="goods_list_template"
                                                           class="form-label">{{__('variables.template_for_print')}}</label>
                                                    <select class="form-select" name="goods_list_template"
                                                            id="goods_list_template">
                                                        <option value="">{{__('variables.select_items')}}</option>
                                                        @foreach(config('custom.goods_list_templates') as $key => $one_template)
                                                            <option
                                                                value="{{ $key }}">{{ $one_template ?? '' }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif

                                            <div class="col-md-6">
                                                <input type="checkbox" class="form-check-input" name="mark_category"
                                                       id="mark_category">
                                                <label class="form-check-label"
                                                       for="mark_category">{{__('variables.mark_category')}}</label>
                                            </div>

                                            <div class="col-md-6">
                                                <input type="color" class="form-control cursor-pointer w-25"
                                                       name="category_color"
                                                       id="category_color"
                                                       title="{{ __('variables.select_color') }}">
                                            </div>

                                            <div class="col-md-6">
                                                <input type="checkbox" class="form-check-input" name="discount_enable"
                                                       id="discount_enable">
                                                <label class="form-check-label"
                                                       for="discount_enable">{{ __('variables.discount_enable') }}</label>
                                            </div>

                                            <div class="col-md-6">
                                                <label for="discount_date_end"
                                                       class="form-label">{{ __('variables.discount_valid') }}</label>
                                                <input type="text" name="discount_date_end" class="form-control"
                                                       id="discount_date_end"
                                                       placeholder="{{ __('variables.select_date') }}">
                                            </div>

                                            @if($groupSubRelations->save == 1)
                                                <div class="col-12">
                                                    <div class="d-grid">
                                                        <button class="btn btn-success"
                                                                onclick="saveForm(this)"
                                                                data-form-id="add-form">{{__('variables.save_it')}}
                                                        </button>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@push('other-scripts')
    <script>
        $('#discount_date_end').flatpickr({
            altFormat: "j F Y",
            enableTime: false,
            time_24hr: true,
            dateFormat: "Y-m-d",
            disableMobile: "true",
            "locale": "{{ $lang }}",
        });
    </script>
@endpush