@extends('admin.layout.master')

@section('styles')
    <link rel="stylesheet" href="{{asset('/admin/dist/css/dropzone.css')}}">
@endsection

@section('content')

<section id="app" class="content">

<div class="box box-info">

<div class="box-header with-border"><h3 class="box-title pull-right">ایجاد مطلب جدید</h3></div>
<div class="box-body">

    <div class="row">

      <div class="col-md-8 col-md-offset-1">


      <form id="myForm" method="post" action="/adminsaatlux090/posts">
          @csrf
          <div class="form-group">
              <label for="title">عنوان</label>
              <input type="text" name="title" class="form-control" placeholder="عوان">
          </div>

          <div class="form-group">
              <label for="slug">نام مستعار</label>
              <input type="text" name="slug" class="form-control" placeholder="نام مستعار">
          </div>

          <div class="form-group">
              <label for="description">توضیحات</label>
              <textarea id="textareaDescription" type="text" name="description" class="ckeditor form-control" placeholder="توضیحات محصول را وارد کنید..."></textarea>
          </div>

           <div class="form-group">
              <label for="kholase">خلاصه</label>
              <input type="text" name="kholase" class="form-control" placeholder="خلاصه">
          </div>


          <div class="form-group">
              <label for="photo">گالری تصاویر</label>
              <input type="hidden" name="photo_id[]" id="post-photo">
              <div id="photo" class="dropzone"></div>
          </div>

          <div class="form-group">
              <label>عنوان سئو</label>
              <input type="text" name="meta_title" class="form-control" placeholder="عنوان سئو را وارد کنید...">
          </div>
          <div class="form-group">
              <label>توضیحات سئو</label>
              <textarea type="text" name="meta_description" class="form-control" placeholder="توضیحات سئو را وارد کنید..."></textarea>
          </div>
          <div class="form-group">
              <label>کلمات کلیدی سئو</label>
              <input type="text" name="meta_keywords" class="form-control" placeholder="کلمات کلیدی سئو را وارد کنید...">
          </div>

          <button type="submit" onclick="productGallery()" class="btn btn-success pull-left">ذخیره</button>
      </form>
      </div>
        </div>

    </div>
    </div>
    </section>
@endsection

@section('scripts')
    <script type="text/javascript" src="{{asset('admin/dist/js/dropzone.js')}}"></script>
    <script type="text/javascript" src="{{asset('admin/plugins/ckeditor/ckeditor.js')}}"></script>
    <script>
        Dropzone.autoDiscover = false;
        var photosGallery = []
        var drop = new Dropzone('#photo', {
          addRemoveLinks: true,
          url: "{{ route('photospost.uploadpost') }}",
          sending: function(file, xhr, formData){
            formData.append("_token","{{csrf_token()}}")
          },
          success: function(file, response){
            photosGallery.push(response.photo_id)
          }
        });
        productGallery = function(){
          document.getElementById('post-photo').value = photosGallery
        }

        CKEDITOR.replace('textareaDescription',{
          customConfig: 'config.js',
          toolbar: 'simple',
          language: 'fa',
          removePlugins: 'cloudservices, easyimage'
        })

    </script>

@endsection