@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.features.detail',$productFeature) }}
            </div>
            <div class="content-header-left col-md-6 col-12 mb-2">
                <a href="{{route('admin.product.features.index')}}"
                   class="btn btn-sm btn-info float-right">
                    {{trans('admin/product.features.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.features.detail.title',['title'=>$productFeature->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 class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{html()->label()->for("status")->html(trans("admin/product.features.form.status")) }}
                                                    {{html()->select()->options(  $form['statuses'])->required(true)->name("status")->value($productFeature->status)->id("form-status")->class("form-control")}}
                                                </div>
                                            </div>

                                        </div>

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

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{html()->label()->for("formType")->html(trans("admin/product.features.form.type")) }}
                                                    :
                                                    {{html()->span()->id("formType")->style(['font-size'=>'0.8rem'])->text($formType)}}
                                                    {{html()->hidden()->name("type")->value($productFeature->type)}}

                                                </div>
                                            </div>
                                        </div>

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

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

                                        </div>
                                        @if($productFeature->type==="select")
                                            <div class="row" id="selectOptionContainer">
                                                <div class="col-md-4">
                                                    <div>
                                                        {{html()->label()->for("formOptions")->html(trans("admin/product.features.form.options")) }}
                                                    </div>

                                                    <div class="repeater-default">
                                                        <div data-repeater-list="options">
                                                            @if(is_array($selectOptions))
                                                                @foreach($selectOptions as $selectOpt)
                                                                <div data-repeater-item>


                                                                    <div class="row">
                                                                        <div class="col-md-10 col-sm-12">
                                                                            {{html()->label()->for("formOption")->html(trans("admin/product.features.form.option_short")) }}
                                                                            {{html()->input()->name("options[]")->value($selectOpt)->id("formOption")->class("form-control")}}
                                                                        </div>

                                                                        <div
                                                                            class="form-group col-sm-12 col-md-2 text-center mt-2">
                                                                            <button type="button"
                                                                                    class="btn btn-danger btn-sm"
                                                                                    data-repeater-delete><i
                                                                                    class="ft-x"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                                @endforeach
                                                            @else
                                                                <div data-repeater-item>


                                                                    <div class="row">
                                                                        <div class="col-md-10 col-sm-12">
                                                                            {{html()->label()->for("formOption")->html(trans("admin/product.features.form.option_short")) }}
                                                                            {{html()->input()->name("option")->id("formOption")->class("form-control")}}
                                                                        </div>

                                                                        <div
                                                                            class="form-group col-sm-12 col-md-2 text-center mt-2">
                                                                            <button type="button"
                                                                                    class="btn btn-danger btn-sm"
                                                                                    data-repeater-delete><i
                                                                                    class="ft-x"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="form-group overflow-hidden">
                                                            <a style="color: #efefef" data-repeater-create
                                                               class="btn btn-primary btn-sm">
                                                                <i class="ft-plus"></i> {{trans("admin/product.features.form.option_add")}}
                                                            </a>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        @endif

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

                                </div>

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

@section('admin.javascript')
    <script>
        const $_PRODUCT_FEATURE_TRANS = {
            LOADING_MESSAGE: '