@extends('dashboard.layout.base')

@section('content')
    <div class="slim-mainpanel">
        <div class="container">
            <div class="section-wrapper mg-t-20">
                @include('dashboard.component.dashboard_error')
                <form action="{{url('admin/post/store')}}" enctype="multipart/form-data"  method="post"> 
                    @csrf 
                    <div class="row">
                        <div class="col-lg-6">                                     
                            <div class="form-group">
                                <label class="form-control-label">Titre: <span class="tx-danger">*</span></label>
                                <input class="form-control" type="text" name="title">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-control-label">Image resolution = 900*450: <span class="tx-danger">*</span></label>
                                <input class="form-control" type="file" name="image" >
                            </div>
                        </div>
                        {{-- <div class="col-lg-12">
                            <div class="form-group">
                                <label class="form-control-label">description: <span class="tx-danger">*</span></label>
                                <textarea class="form-control full-editor" name="description" rows="7"></textarea>
                            </div>
                        </div> --}}
                        <div class="col-lg-12">
                            <div class="">
                                <label class="form-control-label">Description: <span class="tx-danger">*</span></label>
                                <textarea class="form-control" id="summernote" name="description" rows="6"></textarea>
                            </div>
                        </div>
                    </div>
                    {{-- <label class="form-control-label">Description</label>
                    <div id="summernote" class="form-control" name="description">Hello, universe!</div> --}}
                    <button type="submit" class="btn btn-primary bd-0 mg-t-10"><i class="fa fa-plus mg-r-5"></i>Create</button>
                </form>
            </div><!-- section-wrapper -->
        </div>
    </div>
@endsection

@push('styles')
    <link href="{{ asset('dashboard/lib/summernote/css/summernote-bs4.css') }}" rel="stylesheet">
    <link href="{{ asset('dashboard/lib/medium-editor/css/medium-editor.css') }}" rel="stylesheet">
    <link href="{{ asset('dashboard/lib/medium-editor/css/default.css') }}" rel="stylesheet">
@endpush

@push('scripts')
    <script src="{{ asset('dashboard/lib/summernote/js/summernote-bs4.min.js') }}"></script>
    <script src="{{ asset('dashboard/lib/medium-editor/js/medium-editor.js') }}"></script>
    <script>
      $(function(){
        'use strict';

        // Inline editor
        var editor = new MediumEditor('.editable');

        // Summernote editor
        $('#summernote').summernote({
          height: 150,
          tooltip: false
        })
      });
    </script>
@endpush