@extends('layouts.admin-panel')

@section('head')
    @include('admin-panel/includes/head')

    <!-- Theme JS files -->
    <script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
    <script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>

{{--    <script src="assets/js/app.js"></script>--}}
    <script src="{{asset('global_assets/js/demo_pages/form_layouts.js')}}"></script>
    <!-- /theme JS files -->
    <script src="{{asset('global_assets/js/demo_pages/form_multiselect.js')}}"></script>
    <script src="{{asset('global_assets/js/demo_pages/form_select2.js')}}"></script>

    <script src="{{asset('global_assets/js/demo_pages/form_actions.js')}}"></script>
    <script src="{{asset('global_assets/js/demo_pages/form_inputs.js')}}"></script>
    <script src="https://cdn.ckeditor.com/4.13.1/full/ckeditor.js"></script>
{{--    <script src="{{asset('ckeditor/ckeditor.js')}}"></script>--}}
@stop

@section('nav')
    @include('admin-panel/includes/navbar')
@stop

@section('content')

    @include('admin-panel/includes/sidebar')

    <!-- Main content -->
    <div class="content-wrapper">

        @include('admin-panel/includes/header')

        <!-- Content area -->
            <div class="content">

                <!-- Vertical form options -->
                <div class="row">
                    <div class="col-md-12">

                        <!-- Basic layout-->
                        <div class="card">
                            <div class="card-header header-elements-inline">
                                <h5 class="card-title">Blog əlavə et</h5>
                                <div class="header-elements">
                                    <div class="list-icons">
                                        <a class="list-icons-item" data-action="collapse"></a>
                                        <a class="list-icons-item" data-action="reload"></a>
                                        <a class="list-icons-item" data-action="remove"></a>
                                    </div>
                                </div>
                            </div>

                            <div class="card-body">
                                <form action="{{route('saveBlog')}}" method="POST" enctype="multipart/form-data">
{{--                                    @csrf--}}
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <div class="form-group">
                                        <label>Başlıq:</label>
                                        <input name="title" type="text" class="form-control" placeholder="Eugene Kopyov">
                                    </div>
                                    <div class="form-group">
                                        <label>Imtahan</label>
                                        <select name="exam" data-placeholder="İmtahanı seç" class="form-control select-clear" data-fouc>
                                            @foreach($exam as $item)
                                                <option value="{{$item->id}}">{{$item->title}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label>Preview of Article:</label>
                                        <input type="file" class="form-input-styled" name="preview" data-fouc>
                                        <span class="form-text text-muted">Accepted formats: gif, png, jpg. Max file size 2Mb</span>
                                    </div>
                                    <div class="form-group">
                                        <label>Your message:</label>
{{--                                        <textarea rows="5" cols="5" class="form-control"--}}
{{--                                                  placeholder="Enter your message here"></textarea>--}}
                                        <textarea name="editor1"></textarea>
{{--                                        <script>--}}
{{--                                            CKEDITOR.replace( 'editor1' );--}}
{{--                                            CKEDITOR.replace('editor1',{--}}
{{--                                                filebrowserBrowseUrl: "{{url('/public/ckfinder/ckfinder.html')}}",--}}
{{--                                                filebrowserImageBrowseUrl: "{{url('/public/ckfinder/ckfinder.html?type=Images')}}",--}}
{{--                                                filebrowserUploadUrl:--}}
{{--                                                    '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files¤tFolder=/archive/',--}}
{{--                                                filebrowserImageUploadUrl:--}}
{{--                                                    '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images¤tFolder=/cars/'--}}
{{--                                            });--}}
{{--                                        </script>--}}
                                        <script>
                                            CKEDITOR.replace( 'editor1', {
                                                filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
                                                filebrowserUploadMethod: 'form'
                                            });
                                        </script>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label">
                                                <input name="star" type="checkbox" class="form-control-styled" checked data-fouc>
                                                Deaktiv et
                                            </label>
                                        </div>
                                    </div>
                                    <br>
                                    <div class="text-right">
                                        <button type="submit" class="btn btn-primary">Submit form <i
                                                class="icon-paperplane ml-2"></i></button>
                                    </div>
                                </form>
                                <br />
{{--                                <div class="progress">--}}
{{--                                    <div class="progress-bar" role="progressbar" aria-valuenow=""--}}
{{--                                         aria-valuemin="0" aria-valuemax="100" style="width: 0%">--}}
{{--                                        0%--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                                <br />
                                <div id="success">
                                </div>
                        </div>
                        <!-- /basic layout -->

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

        <!-- /content area -->


        @include('admin-panel/includes/footer')

    </div>
{{--    <script>--}}
{{--        $(document).ready(function(){--}}

{{--            $('form').ajaxForm({--}}
{{--                beforeSend:function(){--}}
{{--                    $('#success').empty();--}}
{{--                },--}}
{{--                uploadProgress:function(event, position, total, percentComplete)--}}
{{--                {--}}
{{--                    $('.progress-bar').text(percentComplete + '%');--}}
{{--                    $('.progress-bar').css('width', percentComplete + '%');--}}
{{--                },--}}
{{--                success:function(data)--}}
{{--                {--}}
{{--                    if(data.errors)--}}
{{--                    {--}}
{{--                        $('.progress-bar').text('0%');--}}
{{--                        $('.progress-bar').css('width', '0%');--}}
{{--                        $('#success').html('<span class="text-danger"><b>'+data.errors+'</b></span>');--}}
{{--                    }--}}
{{--                    if(data.success)--}}
{{--                    {--}}
{{--                        $('.progress-bar').text('Uploaded');--}}
{{--                        $('.progress-bar').css('width', '100%');--}}
{{--                        $('#success').html('<span class="text-success"><b>'+data.success+'</b></span><br /><br />');--}}
{{--                        $('#success').append(data.image);--}}
{{--                    }--}}
{{--                }--}}
{{--            });--}}

{{--        });--}}
{{--    </script>--}}

    <!-- /main content -->
@endsection