@extends('admin.layouts.app')
@section('css')
    <style>

        .panel .mce-toolbar,
        .panel .mce-statusbar {
            padding-left: 20px;
        }

        .panel .mce-edit-area,
        .panel .mce-edit-area iframe,
        .panel .mce-edit-area iframe html {
            padding: 0 10px;
            min-height: 350px;
        }

        .mce-content-body {
            color: #555;
            font-size: 14px;
        }

        .panel.is-fullscreen .mce-statusbar {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
        }

        .panel.is-fullscreen .mce-tinymce {
            height:100%;
        }

        .panel.is-fullscreen .mce-edit-area,
        .panel.is-fullscreen .mce-edit-area iframe,
        .panel.is-fullscreen .mce-edit-area iframe html {
            height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
        }
    </style>
@stop
@section('content')
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>Category</h3>
                </div>

                <div class="title_right">
                    <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="button">Go!</button>
                        </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>

            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>@if($edit == "") Create New @else {{ 'Edit' }} @endif</h2>
                            <ul class="nav navbar-right panel_toolbox">
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div class="col-md-3 col-sm-3 col-xs-12 profile_left">
                                <h3>Categories</h3>
                                @if($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if(Session::has('message'))
                                    <div class="alert alert-success">
                                        {{ Session::get('message') }}
                                    </div>
                                @endif
                                <form method="post" action="{{ route('admin.portfolio.category.create') }}">
                                    {{ csrf_field() }}
                                    <div class="form-group">
                                        <label class=""> Name</label>
                                        <input type="text" class="form-control" placeholder="Name" name="name" value="{{ old('name') }}" />
                                    </div>
                                    <div class="form-group">
                                        <label class=""> Slug</label>
                                        <input type="text" class="form-control" placeholder="slug" name="slug" value="{{ old('slug') }}" />
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-success">Create</button>
                                    </div>
                                </form>
                                <br />

                            </div>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <!-- start project list -->
                                <table id="datatable-buttons" class="table table-striped table-bordered">
                                    <thead>
                                    <tr>
                                        <th style="width: 1%">#</th>
                                        <th>Name</th>
                                        <th>#Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(isset($categories))
										                                        @foreach($categories as $category)
                                            <tr>
                                                <td>{{ $i++ }}</td>
                                                @if ($edit == $category->id)
                                                    <form method="post" action="{{ route('admin.portfolio.category.update',['id'=>$category->id]) }}">
                                                        {{ csrf_field() }}
                                                        <td><input type="text" class="form-control" placeholder="Name" name="name" value="{{ $category->name }}" /></td>
                                                        <td><input type="text" class="form-control" placeholder="Slug" name="slug" value="{{ $category->slug }}" /></td>
                                                        <td><input type="submit" class="btn btn-info btn-xs" value="Update" /></td>
                                                    </form>
                                                @else
                                                    <td>
                                                        {{ $category->name }}
                                                    </td>
                                                    <td>
                                                        {{ $category->slug }}
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('admin.portfolio.category.edit', ['id'=> $category->id]) }}" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>
                                                        <a href="{{ route('admin.portfolio.category.delete', ['id'=> $category->id]) }}" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>
                                                    </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>
                                <!-- end project list -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <!-- TinyMCE -->
    <script src="{{ asset('vendors/tinymce/tinymce.min.js') }}"></script>
    <script>
        var editor_config = {
            path_absolute : "/",
            selector: "textarea#richtextbody",
            plugins: [
                'advlist autolink lists link image charmap preview hr anchor pagebreak',
                'searchreplace wordcount visualblocks visualchars code',
                'insertdatetime media nonbreaking table contextmenu directionality',
                'emoticons template paste textcolor youtube fullscreen preview giphy table colorpicker textpattern imagetools codesample'
            ],
            toolbar: ['insertfile undo redo | bold italic sizeselect fontselect fontsizeselect | hr alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image table youtube giphy | forecolor backcolor emoticons | code codesample preview fullscreen'],
            fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
            height: "350",
            //menubar: false,
            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 + 'laravel-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);
    </script>
    <script src="/vendor/laravel-filemanager/js/lfm.js"></script>
    <script>
        $('#lfm').filemanager('image');
    </script>
    <script>
        $('#fm').filemanager('image');
    </script>
@stop