@extends('layouts.app')

@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ '' }}"></i> {{ __('Create Blog') }}</h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('blogs.index') }}">{{ __('Blog') }}</a></li>
                <li class="active">@lang('app.addNew')</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection

@section('content')
   <div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-inverse">
                <h3 class="panel-heading">@lang('Add') @lang('Blog')</h3>

                <p class="text-muted font-13"></p>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                                {!!  Form::open(['url' => '' ,'method' => 'post','files' => true , 'id' => 'add-edit-form','class'=>'form-horizontal']) 	 !!}
                                <div class="form-group">

                                </div>
                                <div class="row">
                                            <input class="" name="type" id="type" value="{{ $type }}" type="hidden"/>
                                            <input class="" name="featureId" id="featureId" value="{{ $featureId }}" type="hidden"/>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label mb-2" for="name">@lang('Title')</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="title" name="title" >
                                                <div class="form-control-focus"> </div>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group mt-3">
                                            <label class="col-sm-2 control-label mb-2" for="name">@lang('Description')</label>
                                            <div class="col-sm-12">
                                                <textarea type="text" class="form-control summernote" id="description" rows="3" name="description" > </textarea>
                                                <div class="form-control-focus"> </div>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>

                                        @if(isset($type) && $type == 'image' || $type == 'apps')
                                            <div class="form-group mt-3">
                                                <label class="col-sm-2 control-label mb-2" for="exampleInputPassword1">@lang('Image') (400x352)</label>
                                                <div class="col-sm-12">
                                                    <input type="file" name="image" id="image" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                </div>
                                <div class="form-actions text-center" style="margin-bottom: 20px;">
                                    <button type="submit" id="save-form"
                                        class="btn float-right mt-4 btn-success waves-effect waves-light m-r-10">
                                        @lang('Save')
                                    </button>
                                    </div>
                                    {{-- <a href="{{route('admin.teams.index')}}" class="btn btn-default waves-effect waves-light">@lang('app.back')</a> --}}
                                    {!! Form::close() !!}
                            </div>
                        </div>
                </div>
            </div>
        </div>
   </div>
    </div>
    <script src="{{ asset('plugins/iconpicker/js/fontawesome-iconpicker.js') }}"></script>
    <script>

$('.selectpicker').selectpicker();
    $('.icp-dd').iconpicker({
        title: 'Dropdown with picker',
        component:'.btn > i',
        templates: {
            iconpickerItem: '<a role="button" href="javascript:;" class="iconpicker-item"><i></i></a>'
        }
    });
    $(function () {
        $('.icp').on('iconpickerSelected', function (e) {
            $('#iconInput').val(e.iconpickerValue);
        });

        $(document).ready(function() {
            $('.summernote').summernote({
        height: 200,                 // set editor height
        minHeight: null,             // set minimum height of editor
        maxHeight: null,             // set maximum height of editor
        focus: false,
        toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'italic', 'underline', 'clear']],
                    ['fontname', ['fontname']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'hr','video']],
                    // ['view', ['fullscreen', 'codeview']],
                    ['help', ['help']]
                ],
    });
});
    });

    $('#save-form').click(function () {
        $.easyAjax({
            url: "{{ route('blogs.store') }}",
            container: '#add-edit-form',
            type: "POST",
            file:true,
            success: function (response) {
                    window.location.href = response.url;
            }
        })
        return false;
    })
</script>

@endsection