TokenMismatchException in VerifyCsrfToken.php line 67 - Laravel 5.2 - laravel

Question

I am working on this project from a tutorial but i get this TokenMismatchException in VerifyCsrfToken.php line 67 Error when i try to add new category to the view i tried everything on the internet as :-
adding
<input type="hidden" name="_token" value="{{ Session::token() }}">
or adding
<meta name="csrf-token" content="{{ csrf_token() }}" />
to my code also removed th CSRF middileware nothing worked
here is the original code
The View
#extends('layouts.admin-master')
#section('styles')
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ URL::secure('src/css/categories.css') }}" type="text/css" />
#endsection
#section('content')
<div class="container">
<section id="category-admin">
<form action="" method="post">
<div class="category-input">
<label for="name">Category Name</label>
<input type="text" name="name" id="name">
<button type="submit" class="btn">Create Category</button>
</div>
</form>
</section>
<section class="list">
#foreach($categories as $category)
<article>
<div class="category-info" data-id="{{ $category->id }}">
<h3>{{ $category->name }}</h3>
</div>
<div class="edit">
<nav>
<ul>
<li class="category-edit"><input type="text"></li>
<li>Edit</li>
<li>Delete</li>
</ul>
</nav>
</div>
</article>
#endforeach
</section>
#if($categories->lastPage() > 1)
<section class="pagination">
#if($categories->currentPage() !== 1)
<i class="fa fa-caret-left"></i>
#endif
#if($categories->currentPage() !== $categories->lastPage())
<i class="fa fa-caret-right"></i>
#endif
</section>
#endif
</div>
#endsection
#section('scripts')
<script type="text/javascript">
var token = "{{ Session::token() }}";
</script>
<script type="text/javascript" src="{{ URL::secure('src/js/categories.js') }}"></script>
#endsection
Here is the Controller
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Category;
use Illuminate\Support\Facades\Response;
class CategoryController extends Controller{
public function getCategoryIndex()
{
$categories = Category::orderBy('created_at', 'desc')->paginate(5);
return view('admin.blog.categories',['categories' => $categories]);
}
public function postCreateCategory(Request $request)
{
$this->validate($request, [
'name' => 'required|unique:categories'
]);
$category = new Category();
$category->name = $request['name'];
if($category->save()){
return Response::json(['message' => 'Category Created Successfully!'], 200);
}
return Response::json(['message' => 'Error During Creation'], 404);
}
}
thats the Js file
var docReady = setInterval(function(){
if (document.readyState !== "complete"){
return;
}
clearInterval(docReady);
document.getElementsByClassName('btn')[0].addEventListener('click',createNewCategory);
var _token = document.getElementsByName('_token')[0].value;
//and append the value to form data
formdata.append("_token", _token);
},100);
function createNewCategory(event) {
event.preventDefault();
var name = event.target.previousElementSibling.value;
if(name.length === 0) {
alert("Please A Valid Category Name!");
return;
}
ajax("POST","/admin/blog/category/create", "name=" + name, newCategoryCreated, [name]);
}
function newCategoryCreated(params, success, responseObj){
location.reload();
}
function ajax(method, url, params, callback, callbackParams){
var http;
if (window.XMLHttpRequest){
http = new XMLHttpRequest();
}else {
http = new ActiveXObject("Microsoft.XMLHTTP");
}
http.onreadystatechange = function(){
if (http.readyState == XMLHttpRequest.DONE){
if (http.status == 200){
var obj = JSON.parse(http.responseText);
callback(callbackParams, true, obj);
}else if(http.status ==400){
alert("Category Could Not Be Saved. Please Try Again");
callback(callbackParams, false);
}else {
var obj = JSON.parse(http.responseText);
if (obj.message){
alert(obj.message);
}else {
alert("Please Check The Name");
}
}
}
}
http.open(method, baseUrl + url, true);
http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
http.send(params + "&_token=" + token);
}
and that`s the routes
Route::post('/blog/category/create',[
'uses' => 'CategoryController#postCreateCategory',
'as' => 'admin.blog.category.create'
]);
Route::get('/blog/categories',[
'uses' => 'CategoryController#getCategoryIndex',
'as' => 'admin.blog.categories'
]);
PLEASE Help me with this Error I have been stuck with it for three days Now

Answer 1

Set your post_max_size = 100 mb or as much you require.

Answer 2

Add <input type="hidden" name="_token" value="{{ csrf_token() }}"> before every input field like
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="text" name="last_name" id="last_name" placeholder="Last Name" class="form-control">