{!! Form::open(['method' => 'post', 'action' => ['Admin\ProductController@translate', $product->id], 'files' => true, 'id' => 'translate_form']) !!}
<div class="box translate-box">
    <div class="box-body">
        <div class="p-15">
            <div class="row">
                <div class="col-md">
                    <div class="form-group">
                        <label for="title">{{ translate('Title') }}
                        </label>
                        <div>
                            <input type="hidden" name="lang" value="{{ $lang }}">
                            {!! Form::text('title', $product->getTranslation('title', $lang), ['class' => 'form-control', 'placeholder' => translate('Title')]) !!}
                        </div>
                    </div>
                </div>
                <div class="col-md">
                    <div class="form-group">
                        <label for="tags">{{ translate('Tags') }}
                        </label>
                        <div>
                            {!! Form::text('tags', $product->getTranslation('tags', $lang), ['style' => 'width:100%', 'data-role' => 'tagsinput', 'class' => 'tagsinput form-control', 'placeholder' => translate('Tags')]) !!}
                        </div>
                        @error('tags')
                            <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md">
                    <div class="form-group">
                        <label for="label_text">{{ translate('Label text') }}
                        </label>
                        <div>
                            {!! Form::text('label_text', $product->getTranslation('label_text', $lang), ['required' => 'required', 'class' => 'form-control', 'placeholder' => translate('Label text')]) !!}
                        </div>
                    </div>
                </div>
                <div class="col-md">
                    <div class="form-group">
                        <label for="label_color">{{ translate('Label color') }}
                        </label>
                        <div>
                            {!! Form::color('label_color', $product->getTranslation('label_color', $lang), ['required' => 'required', 'class' => 'form-control', 'placeholder' => translate('Label color')]) !!}
                        </div>
                    </div>
                </div>
            </div>
            <h6 class="header">
                {{ translate('Specs') }}
            </h6>
            <div id="serialized_specs">
                <input type="button" onclick="add_specs()" value="{{ translate('Add spec') }}"
                    class="badge badge-primary" />
                <hr>

                @forelse (json_decode($product->getTranslation('serialized_specs', $lang)) as $key => $value)
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="serialized_specs">{{ translate('Spec key') }}
                                </label>
                                <div>
                                    {!! Form::text('serialized_specs[key][]', $key, ['class' => 'form-control', 'placeholder' => translate('Spec key')]) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="serialized_specs">{{ translate('Spec value') }}
                                </label>
                                <div>
                                    {!! Form::text('serialized_specs[value][]', $value, ['class' => 'form-control', 'placeholder' => translate('Spec value')]) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                @empty

                @endforelse
            </div>


        </div>
    </div>
</div>
<div class="box translate-box">
    <div class="box-body">
        <div class="form-group">
            <label for="short_desc">{{ translate('Short description') }}
            </label>
            <div>
                {!! Form::textarea('short_desc', $product->getTranslation('short_desc', $lang), ['required' => 'required', 'class' => 'form-control', 'placeholder' => translate('Short description')]) !!}
            </div>
        </div>
        <div class="form-group">
            <label for="description">{{ translate('Description') }}
            </label>
            <div>
                {!! Form::textarea('description', $product->getTranslation('description', $lang), ['id' => 'e1', 'class' => 'form-control', 'placeholder' => translate('Description')]) !!}
            </div>
        </div>

    </div>
</div>
<div class="box">
    <!-- /.box-body -->
    <div class="box-body">

        <div class="form-group">
            <label for="meta_title">{{ translate('Meta title') }}
            </label>
            <div>
                {!! Form::text('meta_title', $product->getTranslation('meta_title', $lang), ['required' => 'required', 'class' => 'form-control', 'placeholder' => translate('Meta title')]) !!}
            </div>
            @error('meta_title')
                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                </div>
            @enderror
        </div>
        <div class="form-group">
            <label for="meta_description">{{ translate('Meta Description') }}
            </label>
            <div>
                {!! Form::textarea('meta_description', $product->getTranslation('meta_description', $lang), ['rows' => 4, 'class' => 'form-control', 'placeholder' => translate('Meta Description')]) !!}
            </div>
            @error('meta_description')
                <div class="badge badge-danger text-center" style="width: 100%">{{ $message }}
                </div>
            @enderror
        </div>
    </div>
    <div class="box-footer">
        <button type="button" onclick="submitAjaxTranslate()" class="btn btn-rounded btn-primary btn-outline">
            <i class="ti-save-alt"></i> {{ translate('Save') }}
        </button>
    </div>
</div>

{!! Form::Close() !!}