@extends('layouts.admin-panel')

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

@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">Page ə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('addStaticPageApi')}}" 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>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 name="editor1"></textarea>
                                    <script>
                                        CKEDITOR.replace('editor1', {
{{--                                            filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",--}}
                                            filebrowserUploadMethod: 'form'
                                        });
                                    </script>
                                </div>
                                <div class="form-group ">
                                    <label>Dil:</label>
                                    <select name="lang_code" class="form-control form-control-uniform" data-fouc required>
{{--                                        <option value="">Seçim edin</option>--}}
                                        <option value="az" selected>AZ</option>
{{--                                        <option value="en">EN</option>--}}
{{--                                        <option value="ru">RU</option>--}}
{{--                                        <option value="tr">TR</option>--}}
                                    </select>
                                </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