@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <section class="card">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        @if(Session::get('status') && Session::get('status') == 'success')
                                            <div class="alert alert-success">{{Session::get('msg')}}</div>
                                            @endif
                                        <form action="{{route('save-brand')}}" method="POST" class="number-tab-steps wizard-circle">
                                            {{csrf_field()}}
                                            <fieldset>
                                                <input type="hidden" name="id" value="{{$brand->id}}">
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <button type="submit" class="btn btn-primary pull-right">Kaydet</button>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="font-weight-bold" for="firstName1">Marka Adı</label>
                                                            <input type="text" id="name" name="brand_name" class="form-control" value="{{old('brand_name') ? old('brand_name') : $brand->brand_name}}" >
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <div class="form-group" data-children-count="1">
                                                            <label class="font-weight-bold" for="shortDescription1">Marka Açıklaması</label>
                                                            <textarea name="description_top" id="brand_content" rows="5" class="form-control">{{old('description_top') ? old('description_top') : $brand->description_top}}</textarea>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                            <label class="font-weight-bold" for="lastName1">Marka SEO Başlığı</label>
                                                            <input type="text" name="meta_title" class="form-control" value="{{old('meta_title') ? old('meta_title') : $brand->meta_title}}" id="lastName1">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <div class="form-group" data-children-count="1">
                                                            <label class="font-weight-bold" for="shortDescription1">Marka SEO Açıklaması</label>
                                                            <textarea name="meta_desc"  rows="5" class="form-control">{{old('meta_desc') ? old('meta_desc') : $brand->meta_desc}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <div class="input-group">
                                                                   <span class="input-group-btn">
                                                                     <a style="color: white" id="add-image" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
                                                                       <i class="fa fa-picture-o"></i> Resim Seç
                                                                     </a>
                                                                   </span>
                                                            <input type="hidden" id="thumbnail" class="form-control" value="{{old('logo') ? old('logo') : asset($brand->logo)}}" name="logo">
                                                        </div>
                                                        <img id="holder" src="{{old('logo') ? old('logo') : asset($brand->logo)}}" style="margin-top:15px;max-height:100px;">
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <div class="form-group">
                                                            <label class="font-weight-bold" for="friendly_url">Marka SEO Url</label>
                                                            <input autocomplete="off" id="friendly_url" name="friendly_url" value="@if(old('friendly_url')){{old('friendly_url')}}@else{{isset($brand->uri->url) ? $brand->uri->url : ''}}@endif" class="form-control">
                                                        </div>

                                                    </div>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>

    @endsection

@section('css')

    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/select/select2.min.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <!-- END: Page JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/select/form-select2.js')}}"></script>
    <!-- END: Page JS-->
    <script>
        $('.select2').select2();
    </script>
    <script>
        $('#name').on('change',function () {
            $.get('{{route('ajax-get-slug')}}?name='+$(this).val(),function (response) {
                $('#friendly_url').val(response.slug)
            });
        })
    </script>
        <script src="{{asset('vendor/tinymce/tinymce.js')}}"></script>
        <script>
            var editor_config = {
                path_absolute : "/",
                selector: "#brand_content",
                language: 'tr_TR',
                plugins: [
                    "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                    "searchreplace wordcount visualblocks visualchars code fullscreen",
                    "insertdatetime media nonbreaking save table contextmenu directionality",
                    "emoticons template paste textcolor colorpicker textpattern"
                ],
                toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
                relative_urls: false,
                file_browser_callback : function(field_name, url, type, win) {
                    var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                    var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

                    var cmsURL = editor_config.path_absolute + 'panel/filemanager?field_name=' + field_name;
                    if (type == 'image') {
                        cmsURL = cmsURL + "&type=Images";
                    } else {
                        cmsURL = cmsURL + "&type=Files";
                    }

                    tinyMCE.activeEditor.windowManager.open({
                        file : cmsURL,
                        title : 'Filemanager',
                        width : x * 0.8,
                        height : y * 0.8,
                        resizable : "yes",
                        close_previous : "no"
                    });
                }
            };
            tinymce.init(editor_config);
            (function( $ ){

                $.fn.filemanager = function(type, options) {
                    type = type || 'file';

                    this.on('click', function(e) {
                        var route_prefix = (options && options.prefix) ? options.prefix : '/filemanager';
                        var target_input = $('#' + $(this).data('input'));
                        var target_preview = $('#' + $(this).data('preview'));
                        window.open(route_prefix + '?type=' + type, 'FileManager', 'width=900,height=600');
                        window.SetUrl = function (items) {
                            var file_path = items.map(function (item) {
                                return item.url;
                            }).join(',');

                            // set the value of the desired input to image url
                            target_input.val('').val(file_path).trigger('change');

                            // clear previous preview
                            target_preview.html('');

                            // set or change the preview image src
                            items.forEach(function (item) {
                                target_preview.attr('src',item.thumb_url);
                            });

                            // trigger change event
                            target_preview.trigger('change');
                        };
                        return false;
                    });
                }

            })(jQuery);
            $('#add-image').filemanager('image');
        </script>
@endsection