@extends('layouts.app')
@section('content')
@section('css')
<link href="{{ asset('assets/admin/summernote/summernote.css') }}" rel="stylesheet" type="text/css" />
<style>
  .note-editable{
    min-height: 400px !important;
  }
  .note-popover{
    display: none !important;
  }
</style>
@endsection

<div class="card">
    <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements">
            <ul class="list-inline mb-0">
              <a href="{{route('createBlog')}}" class="btn btn-custom waves-effect add_click">Add New Blog</a>
              <a href="{{route('blogList')}}" class="btn btn-custom waves-effect">Back to blog</a>
            </ul>
            
        </div>
    </div>
    <div class="card-body collapse in">
        <div class="card-block card-dashboard">
          @include('validation.success')
          @include('validation.error')

          <form method="post" action="{{route('updateBlog')}}" enctype="multipart/form-data">
  
            @csrf
            <input type="hidden" id="id" name="id" value="{{Request::input('id')}}" >

            <div class="form-group row">
              <label for="" class="col-sm-2 form-control-label">Category</label>
              <div class="col-sm-10">
                <select id="category" class="form-control" name="category">
                  <option value="recipes" @if(isset($blog) && $blog->category == 'recipes') selected @endif>Recipes</option>
                  <option value="lifestyle" @if(isset($blog) && $blog->category == 'lifestyle') selected @endif>Lifestyle</option>
                </select>
              </div>
            </div>
      
            <div class="form-group row">
              <label for="" class="col-sm-2 form-control-label">Title</label>
              <div class="col-sm-10">
                  <input type="text" class="form-control" name="title" id="title" placeholder="Title" value="{{isset($blog)?$blog->title:''}}">
              </div>
            </div>

            <div class="form-group row">
              <label for="" class="col-sm-2 form-control-label">Slug</label>
              <div class="col-sm-10">
                  <input type="text" class="form-control" name="slug" id="slug" placeholder="Slug" value="{{isset($blog)?$blog->slug:''}}">
              </div>
            </div>

            <div class="form-group row">
              <label for="" class="col-sm-2 form-control-label">Image</label>
              <div class="col-sm-10">
                <input type="file" id="image" class="form-control" name="image">
                <input type="hidden" id="old_image" name="old_image" value="{{isset($blog)?$blog->image:''}}">
                @if(isset($blog) && $blog->image !='')
                <div id="old_image_div">
                  <img width="220px" height="120px" src="{{env('IMAGE_URL').'blog/'.$blog->image}}" >
                </div>  
                @endif
              </div>
            </div>

            <div class="form-group row">
              <label for="" class="col-sm-2 form-control-label">Status</label>
              <div class="col-sm-10">
                <select id="status" class="form-control" name="status">
                  <option value="1" @if(isset($blog) && $blog->status == 1) selected @endif>Publish</option>
                  <option value="0" @if(isset($blog) && $blog->status == 0) selected @endif>UnPublish</option>
                </select>
              </div>
            </div>

            <div class="form-group row">
              <label for="" class="col-sm-2 form-control-label">Content</label>
              <div class="col-sm-10">
                <textarea class="form-control" name="content" id="content" rows="30" placeholder="Content">{{isset($blog)?$blog->content:''}}</textarea>
              </div>
            </div>

            <div class="form-group row">
              <div class="col-sm-2"></div>
              <div class="col-sm-8">
                <a href="{{route('dashboard')}}" type="button" class="btn btn-danger">Close</a>
                <button class="btn btn-success" type="submit">Save changes</button>
              </div>
            </div>
          
          </form>
        </div>
    </div>
</div>

@section('js')
<script src="{{ asset('assets/admin/summernote/summernote.js') }}"></script>
<script type="text/javascript">

  $('#content').summernote();

  function convertToSlug(Text){
    return Text
        .toLowerCase()
        .replace(/ /g,'-')
        .replace(/[^\w-]+/g,'')
        ;
  }

  $("body").on("keyup keypress", "#title", function(){
    var Text=$(this).val();
    $('#slug').val(convertToSlug(Text));
  });

</script>
@endsection
@endsection