@extends('admin.layout.master')

@section('admin')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                {{ Breadcrumbs::render('admin.product.detail',$product) }}
            </div>
            <div class="content-header-left col-md-6 col-12 mb-2">
                <a href="{{route('admin.product.insert')}}"
                   class="btn btn-sm btn-info float-right">
                    <i class="fa fa-plus"></i> {{trans('admin/product.btn_all')}}
                </a>
            </div>
        </div>
        <div class="content-body">
            <section id="page-layout">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title"
                                    id="pageHeaderTitle">{!! trans('admin/product.detail.title',['title'=>$product->title]) !!}</h4>

                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    {{ html()->form()->method('POST')->class("form modulForm")->id("modulForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}


                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-md-12">
                                                @if($errors->any())
                                                    <div class="alert alert-info">
                                                        @foreach ($errors->all() as $error)
                                                            {!! $error !!} <br>
                                                        @endforeach
                                                    </div>
                                                @endif

                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("status")->html(trans("admin/product.form.status")) }}
                                                {{html()->select()->options(  $form['statuses'])->required(true)->name("status")->value($product->status)->id("form-status")->class("form-control")}}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("lang")->html(trans("admin/product.form.lang")) }}
                                                :
                                                {{html()->span()->id("lang")->style(['font-size'=>'0.8rem'])->text($product->language!==null ? $product->language->title:$product->lang_code)}}

                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("brand")->html(trans("admin/product.form.brand")) }}
                                                {{html()->select()->name("brand")->id("form-brand")->class("form-control")->style(['width'=>'100%'])}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("formTitle")->html(trans("admin/product.form.title")) }}
                                                {{html()->input()->name("title")->id("formTitle")->required(true)->value($product->title)->class("form-control")}}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {{html()->label()->for("form-short_description")->html(trans("admin/product.form.short_description")) }}
                                                {{html()->textarea()->name("short_description")->id("form-short_description")->value($product->short_description)->class("form-control")->style(['min-height'=>'150px','max-height'=>'150px'])}}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {{html()->label()->for("form-description")->html(trans("admin/product.form.description")) }}
                                                {{html()->textarea()->name("description")->id("form-description")->value($product->description)->class("form-control editor")->style(['min-height'=>'150px','max-height'=>'150px'])}}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("formSlug")->html(trans("admin/product.form.slug")) }}
                                                {{html()->input()->name("slug")->id("formSlug")->disabled(true)->value($product->slug)->class("form-control")}}
                                                {{html()->checkbox()->name("slug_status")->id("formSlugStatusInfo")}}
                                                {{html()->label()->for("formSlugStatusInfo")->html(trans("admin/product.form.slug_status"))->style(['font-size'=>'12px'])}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("formCategory")->html(trans("admin/product.form.category")) }}
                                                {{html()->select()->name("category[]")->id("formCategory")->class("form-control")->style(['width'=>'100%'])}}

                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("formFileCenter")->html(trans("admin/product.form.file_center")) }}
                                                {{html()->select()->name("file_center_id")->id("formFileCenter")->class("form-control")->style(['width'=>'100%'])}}

                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("seo_title")->html(trans("admin/product.form.seo_title")) }}
                                                {{html()->input()->name("seo_title")->id("form-seo_title")->value($product->seo_title)->class("form-control")}}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("seo_keywords")->html(trans("admin/product.form.seo_keywords")) }}
                                                {{html()->input()->name("seo_keywords")->value($product->seo_keywords)->id("form-seo_keywords")->class("form-control")}}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                {{html()->label()->for("seo_description")->html(trans("admin/product.form.seo_description")) }}
                                                {{html()->textarea()->name("seo_description")->value($product->seo_description)->id("form-seo_description")->class("form-control")->style(['min-height'=>'100px','max-height'=>'100px'])}}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="form-actions text-center" style="border: none">
                                        {{ html()->button()->type("submit")->class("btn btn-info btn-sm")->id("btnAction")->html(trans("admin/product.detail.form.action")) }}
                                    </div>
                                    {{ html()->form()->close() }}

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection

@section('admin.javascript')
    <script>
        const $_BRANDS = 'null';
        const $_BRANDS_PARSE = JSON.parse($_BRANDS);
        const $_CATEGORIES_REL = 'null';
        const $_CATEGORIES_REL_PARSE = JSON.parse($_CATEGORIES_REL);

        const $_FILE_CENTER_PARSE=JSON.parse('null')


        console.log("$_CATEGORIES_REL_PARSE", $_CATEGORIES_REL_PARSE)
        if ($(".editor").length > 0) {
            document.querySelectorAll('.editor').forEach((textarea, index) => {
                CKEDITOR.replace(textarea);
            });
        }

        const $_AJAX_BRAND_URL = '