@extends('layouts.admin')
@push('css')
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('lte/bower_components/select2/dist/css/select2.min.css')}}">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="{{ asset('lte/plugins/iCheck/all.css')}}">
@endpush
@php
    $locales=config('translatable.locales');
@endphp
@section('content')
    <div class="row">
        <div class="col-md-12 col-lg-12">
            @include('partials.alert')
            <form role="form" id="node_form" action="/admin/product/{{$item->id}}" method="post"
                  enctype="multipart/form-data">
                <input type="hidden" name="_method" value="PUT">
                {{csrf_field()}}
                <div class="box box-solid">
                    <div class="box-body">
                        <div class="col-md-6">
                            <div class="form-group col-md-12">
                                <label for="name">Name (საიტზე არ ჩანს)</label>
                                <input type="text" class="form-control" id="name" name="name"
                                       value="{{old("name", $item->name)}}">
                            </div>
                            <div class="form-group col-md-12">
                                <label for="icons">Icons</label>
                                <div>
                                    @foreach(__('options.icons') as $id=>$title)
                                        @php
                                            if(old('icons') && in_array($id,old('icons')))
                                            {
                                                $selected="selected";
                                            }else{
                                                if(in_array($id, $item->icons)){
                                                    $selected="selected";
                                                }else{
                                                    $selected="";
                                                }
                                            }
                                        @endphp
                                        <div style="width: 200px; float: left">
                                            <input type="checkbox" class="minimal" name="icons[{{$id}}]"
                                                   id="icon_{{$id}}" {{($selected=='selected')?'checked':''}}>
                                            <label for="icon_{{$id}}">
                                                <img style="width: 30px; height: 30px; padding: 4px;"
                                                     src="{{asset('svg/icons/').'/'.$id.'.svg'}}"/> {{$title}}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="form-group col-md-12">
                                <label for="color">Color</label>
                                <div>
                                    @foreach(__('options.colors') as $id=>$value)
                                        @php
                                            if(old('color') && in_array($id,old('color')))
                                            {
                                                $selected="selected";
                                            }else{
                                                if(in_array($id, $item->color)){
                                                    $selected="selected";
                                                }else{
                                                    $selected="";
                                                }
                                            }
                                        @endphp
                                        <div style="width: 120px; float: left; margin: 4px;">
                                            <input type="checkbox" class="minimal" name="color[{{$id}}]"
                                                   id="color_{{$id}}" {{($selected=='selected')?'checked':''}}>
                                            <label for="color_{{$id}}">
                                                <div style="width: 80px; height: 30px; padding: 4px; background-color: #{{$value}};  border:solid 1px #9e8f9e"> {{$value}}</div>
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="form-group col-md-12">
                                <label for="finish">Finish</label>
                                <select multiple="" class="form-control "
                                        style="width: 100%;"
                                        id="finish"
                                        name="finish[]">
                                    @foreach(__('options.finish') as $id=>$value)
                                        @php
                                            $fin=old('finish');
                                            if(isset($fin) && in_array($id, $fin))
                                            {
                                                $selected="selected";
                                            }else{
                                                if(in_array($id, $item->finish)){
                                                    $selected="selected";
                                                }else{
                                                    $selected="";
                                                }
                                            }
                                        @endphp
                                        <option value="{{$id}}" {{$selected}}>{{$value}}</option>
                                    @endforeach
                                </select>
                            </div>


                        </div>
                        <div class="col-md-6">
                            <div class="form-group col-md-12">
                                <label for="show_on_pages">Categories</label>
                                <select multiple="" class="form-control" id="show_on_pages" name="categories[]"
                                        style="min-height: 182px">
                                    @foreach($categories as $category)
                                        @php
                                            $cat=old('categories');
                                            if(isset($cat) && in_array($category->id, old('categories')))
                                            {
                                                $selected="selected";
                                            }else{
                                                if($item->categories->contains($category)){
                                                    $selected="selected";
                                                }else{
                                                    $selected="";
                                                }
                                            }
                                        @endphp
                                        <option value="{{$category['id']}}" {{$selected}}>
                                            {!! str_repeat('&nbsp;&nbsp;&nbsp;',$category->depth-2) !!}{{$category['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-12">
                                <label for="code">Code</label>
                                <input type="text" class="form-control" id="code" name="code"
                                       value="{{old("code", $item->code)}}">
                            </div>
                            <div class="form-group col-md-12">
                                <label for="price">Price</label>
                                <input type="text" class="form-control" id="price" name="price"
                                       value="{{old("price", $item->price)}}">
                            </div>
                            <div class="form-group col-md-12">
                                <label for="image">Image</label>
                                <div>
                                    @foreach($item->images as $image)
                                        <div class="product-img" style="float:left; height: 100px; width: 140px; margin-right: 4px; margin-bottom: 4px; background-size:auto 100%; background-image: url('/uploads/products/{{$item->id}}/{{$image->path}}')">
                                            <div class="pull-right" style="margin-top: 4px; margin-right: 4px;">
                                                @if($image->main==0)
                                                    <button type="button" class="product-image-btn btn btn-sm btn-default" data-id="{{$image->id}}" data-action="make_main"
                                                            title="Make Main Image"><i class="fa fa-check-square"></i>
                                                    </button>
                                                @else
                                                    <button type="button" class=" btn btn-sm btn-success"
                                                            title="Main Image"><i class="fa fa-check-square"></i>
                                                    </button>
                                                @endif
                                                <button type="button" class="product-image-btn btn btn-sm btn-danger" data-id="{{$image->id}}" data-action="delete" title="Delete">
                                                    <i class="fa fa-times"></i>
                                                </button>
                                            </div>
                                        </div>

                                    @endforeach

                                </div>
                                <div class="clearfix"></div>
                                <div style="">
                                    <input type="file" name="images[]" id="images" multiple>
                                </div>
                            </div>
                            <div class="form-group col-md-12">
                                <label for="status">Status</label>
                                <div style="padding-top: 5px">
                                    <input type="checkbox" class="minimal" name="status"
                                           id="status" {{($item->status==1)?'checked':''}}> Published
                                </div>
                            </div>


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

                <div class="clearfix"></div>
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        @foreach($locales as $locale)
                            <li class="{{$loop->first?'active':''}}"><a href="#tab_{{$locale}}"
                                                                        data-toggle="tab"
                                                                        aria-expanded="{{$loop->first?'true':'false'}}">{{$locale}}</a>
                            </li>
                        @endforeach
                    </ul>
                    <div class="tab-content clearfix">
                        @foreach($locales as $locale)
                            <div class="tab-pane {{$loop->first?'active':''}}" id="tab_{{$locale}}"
                                 style="min-height: 100px">
                                <div class="col-md-6" style="padding: 0px">
                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][title]">Title ({{$locale}})</label>
                                        <input type="text" class="form-control" id="ts[{{$locale}}][title]"
                                               name="ts[{{$locale}}][title]"
                                               value="{{old('ts['.$locale.'][title]',$ts[$locale]['title'])}}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][slug]">Slug ({{$locale}})</label>
                                        <input type="text" class="form-control" id="ts[{{$locale}}][slug]"
                                               name="ts[{{$locale}}][slug]"
                                               value="{{old('ts['.$locale.'][slug]',$ts[$locale]['slug'])}}">
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][short_content]">Short Content ({{$locale}})</label>
                                        <textarea name="ts[{{$locale}}][short_content]"
                                                  id="ts[{{$locale}}][short_content]"
                                                  class="form-control"
                                                  rows="5">{!! old('ts['.$locale.'][short_content]', $ts[$locale]['short_content']) !!}</textarea>
                                    </div>
                                </div>
                                <div class="col-md-6" style="padding: 0px;">

                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][meta_title]">Meta Title ({{$locale}}
                                            )</label>
                                        <input type="text" class="form-control" id="ts[{{$locale}}][meta_title]"
                                               name="ts[{{$locale}}][meta_title]"
                                               value="{{old('ts['.$locale.'][meta_title]',$ts[$locale]['meta_title'])}}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][meta_keywords]">Meta Keywords ({{$locale}}
                                            )</label>
                                        <input type="text" class="form-control" id="ts[{{$locale}}][meta_keywords]"
                                               name="ts[{{$locale}}][meta_keywords]"
                                               value="{{old('ts['.$locale.'][meta_keywords]',$ts[$locale]['meta_keywords'])}}">
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="ts[{{$locale}}][meta_description]">Meta Description ({{$locale}}
                                            )</label>
                                        <textarea class="form-control" rows="5"
                                                  id="ts[{{$locale}}][meta_description]"
                                                  name="ts[{{$locale}}][meta_description]">{{old('ts['.$locale.'][meta_description]',$ts[$locale]['meta_description'])}}</textarea>
                                    </div>
                                </div>

                                <div class="form-group col-md-12">
                                    <label for="ts[{{$locale}}][content]">Content ({{$locale}})</label>
                                    <textarea name="ts[{{$locale}}][content]" id="ts[{{$locale}}][content]"
                                              class="ck-editor form-control">{!! old('ts['.$locale.'][content]',$ts[$locale]['content']) !!}</textarea>
                                </div>
                            </div>
                        @endforeach
                        <button type="submit" class="btn btn-primary pull-right">Update</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <form id="product_image_form" method="POST" action="/admin/product_image/manipulate">
        @csrf
        <input type="hidden" name="cmd" value="">
        <input type="hidden" name="id" value="">
    </form>
@endsection
@push('scripts')

    <script src="//cdn.ckeditor.com/4.7.3/full/ckeditor.js"></script>
    <!-- Select2 -->
    <script src="{{asset('lte/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
    <!-- iCheck 1.0.1 -->
    <script src="{{asset('lte/plugins/iCheck/icheck.min.js')}}"></script>
    <script>
        var options2 = {
            filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
            filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
            filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
            filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token=',
            toolbar: [


                {name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize']},
                {name: 'colors', items: ['TextColor', 'BGColor']},
                {name: 'tools', items: ['Maximize', 'ShowBlocks']},
                {
                    name: 'document',
                    groups: ['mode', 'document', 'doctools'],
                    items: ['Source', '-', 'Print', '-', 'Templates']
                },
                '/',
                {
                    name: 'clipboard',
                    groups: ['clipboard', 'undo'],
                    items: ['PasteFromWord']
                },
                {
                    name: 'basicstyles',
                    groups: ['basicstyles', 'cleanup'],
                    items: ['Bold', 'Italic', 'Underline', 'Strike', '-', 'CopyFormatting', 'RemoveFormat']
                },
                {
                    name: 'paragraph',
                    groups: ['list', 'indent', 'blocks', 'align', 'bidi'],
                    items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
                },
                {name: 'links', items: ['Link', 'Unlink']},
                {
                    name: 'insert',
                    items: ['Image', 'Table', 'SpecialChar']
                }
            ]
        }
        @foreach($locales as $locale)
        CKEDITOR.replace('ts[{{$locale}}][content]', options2);
        @endforeach
        $(document).ready(function () {

            $('.product-image-btn').on( "click", function() {
                let pid=$(this).data('id');
                let action=$(this).data('action');
                $('#product_image_form  input[name=id]').val(pid);
                $('#product_image_form  input[name=cmd]').val(action);
                $('#product_image_form').submit();

            });

            $('.select2').select2({
                tags: "true",
                placeholder: "Select or add new one",
                allowClear: true
            });
            //iCheck for checkbox and radio inputs
            $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                checkboxClass: 'icheckbox_minimal-blue',
                radioClass: 'iradio_minimal-blue'
            })
        });
    </script>
@endpush