Hello Both,
Sorry for the delay, (Busy at work).
First of all, really appreciate you help on the topic..
@ultimateBusiness I tried your solution, but it dit not solve my issue
Underneath my view.
@extends('layouts.adminlayouts.admin_design') @section('content')@can('Contacten Registreren')
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<div id="content">
<div id="content-header">
<div id="breadcrumb">
<a href="index.html" title="Go to Home" class="tip-bottom">
<i class="icon-home"></i> Home</a>
<a href="{{url('/posts/')}}">Registraties</a>
<a href="{{ route('posts.create') }}" class="current">Registratie aanmaken</a>
</div>
<h1>Registreer een klantcontact</h1>
</div>
@if(Session::has('flash_message_success'))
<button data-dismiss="alert" type="button" class="close" <i class="icon-sitemap">
</i>
</button>
<div class="alert alert-success">
<em> {!! session('flash_message_success') !!}</em>
</div>
@endif @if(Session::has('flash_message_error'))
<button data-dismiss="alert" type="button" class="close" <i class="icon-sitemap">
</i>
</button>
<div class="alert alert-danger">
<em> {!! session('flash_message_error') !!}
@foreach ($errors->all() as $error)
{!! $errors->first() !!}
@endforeach
</em>
</div>
@endif
@if(Session::has('errors'))
<button data-dismiss="alert" type="button" class="close" <i class="icon-sitemap">
</i>
</button>
<div class="alert alert-danger">
<em>
@foreach ($errors->all() as $error)
{!! $errors->first() !!}
@endforeach
</em>
</div>
@endif
<div class="container-fluid">
<hr>
<div class="row-fluid">
<div class="span8">
<div class="widget-box">
<div class="widget-title">
<span class="icon">
<i class="icon-lemon">
</i>
</span>
<h5>Registreer klantcontact</h5>
</div>
<div class="widget-content nopadding">
{{ Form::open(array('route' => 'posts.store', 'class' => 'form-horizontal', 'id'=>'tijd')) }} @csrf
<div class="control-group">
<label class="control-label">{{ Form::label('title', 'Title') }}</label>
<div class="controls">
{{ Form::text('title', null, array('class' => 'span11')) }}
</div>
</div>
{{ Form::open(array('url'=>'','files'=>true)) }}
<div class="control-group">
<label class="control-label">Kanaal</label>
<div class="controls">
<select name="channel" id="channel">
@foreach($channels as $channel)
<option value="{{$channel->id}}">{{$channel->name}}</option>
@endforeach
</select>
</div>
<label class="control-label">Afdeling</label>
<div class="controls">
<select name="department" id="department">
@foreach($departments as $department)
<option value="{{$department->id}}">{{$department->name}}</option>
@endforeach
</select>
</div>
<label class="control-label">Hoofd Categorie</label>
<div class="controls">
<select name="hoofdcategory" id="hoofdcategory">
<option selected disabled>Selecteer een hoofdcategorie</option>
@foreach($categories as $category)
<option value="{{$category->id}}">{{$category->name}}</option>
@endforeach
</select>
</div>
<label class="control-label">Sub Categorie</label>
<div class="controls">
<select class="form-control" name="subcategory" id="subcategory">
<option selected="selected"></option> </select>
<input type="hidden" name="user_id" id="user_id" value="{{Auth::user()->id}}">
</div>
<div class="control-group">
<label class="control-label">Tijdstip: </label>
<div class="controls">
<input type="text" name="starttijd" id="starttijd" class="span11" value="{{ \Carbon\Carbon::now() }} " />
</div>
</div>
</div>
<div class="control-group">
<label class="control-label"> {{ Form::label('body', 'Body') }}</label>
<div class="controls">
{{ Form::textarea('body', null, array('class' => 'span11')) }}
</div>
</div>
</div>
</div>
</div>
<div class="span4">
<div class="widget-box">
<div class="widget-title">
<span class="icon">
<i class="icon-edit">
</i>
</span>
<h5>Feedback</h5>
</div>
<div class="widget-content">
<div class="control-group">
<label class="control-label">{{ Form::label('kennisbankboolean', 'Beschikbaar in Kennisbank?') }}</label>
<div class="controls">
<input type="checkbox" name="kennisbankboolean" value="1">
<BR>
<hr>
<label class="control-label">{{ Form::label('title', 'Wil je feedback geven?') }}</label>
{{ Form::checkbox('feedbackboolean', 1) }}Ja
<hr>
<label class="control-label"> {{ Form::label('Feedbacktxt', 'Feedback') }}</label>
<div class="controls">
{{ Form::textarea('feedbacktxt', null, array('class' => 'span11')) }}
<hr>
</div>
</div>
</div>
</div> {{ Form::submit('creer contact', array('class' => 'btn btn-success btn-lg btn-block')) }} {{ Form::close() }}
</div>
</div>
</div>
</div>
@endcan
<script>
$(document).ready(function () {
$("#hoofdcategory").on('change', function (e) {
console.log(e);
var cat_id = e.target.value;
$.get('/admin/ajax-subcat/' + cat_id, function (data) {
//success data
// console.log(data);
$('#subcategory').empty();
$.each(data, function (index, subcatObj) {
$('#subcategory').append('<option value ="' + subcatObj.id + '">' +
subcatObj.name + '</option>');
});
});
});
});
</script>
@endsection
My Controller:
/**
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
//Validating title and body field
$this->validate($request, [
'title' => 'required|max:100',
'channel' => 'required',
'department' => 'required',
'hoofdcategory' => 'required',
'subcategory' => 'required',
'body' => 'required',
'user_id' => 'required',
'starttijd' => 'required',
]);
$startTime = Carbon::parse($request->starttijd);
$finishTime = Carbon::now();
$totalDuration = $finishTime->diffinSeconds($startTime);
$seconden = $request->starttijd;
$post = new Post();
$post->title = $request->title;
$post->body = $request->body;
$post->channel_id = $request->channel;
$post->department_id = $request->department;
$post->hoofdcategories_id = $request->hoofdcategory;
$post->subcategories_id = $request->subcategory;
$post->kennisbankboolean = (int) $request->has('kennisbankboolean');
$post->feedbackboolean = (int) $request->has('feedbackboolean');
$post->feedbacktxt = $request->feedbacktxt;
$post->user_id = $request->user_id;
$post->seconds = $totalDuration;
// dd($request->all());
if ($post->save()){
return redirect()->route('posts.index')
->with('flash_message_success', 'Contact,
' . $post->title . ' Geregistreerd');
}else {
return redirect()->route('posts.index')
->with('flash_message_error', 'Contact,
' . $post->title . ' NIET Geregistreerd');
}
}
JS script route:
Route::get('admin/ajax-subcat/{cat_id}', 'CascadeController@ajax')->name('ajax');
So the CascadeController
<?php
namespace App\Http\Controllers;
use App\Subcategory;
/**
*
*/
class CascadeController extends Controller
{
public function ajax($cat_id)
{
$cat_id = $cat_id;
$subcategory = Subcategory::where('category_id', '=', $cat_id)->get();
return response()->json($subcategory);
}
}
