showing choses from dropdownmenu - laravel

Question

Having two dropdownmenu, choosing days and times inserted manually from sql. What is the best method of show at shopping cart which day and time the user chosen and added to the shopping cart.
my idea is under below.
index.blade.php
#extends('layouts.master')
#section('title')
Shopping Cart
#endsection
#section('content')
#foreach($products->chunk(3) as $productsChunk)
<div class="row">
#foreach($productsChunk as $products)
<div class="col-sm-4 col-md-4">
<div class="thumbnail">
<img src="{{ $products->imagePath }}" alt="..." class="img-responsive">
<div class="caption">
<h3>{{ $products->title }}</h3>
<p class="description">{{ $products->description }}</p>
<div class="clearfix">
<script type="text/javascript">
<div class="container">
<h2>Laravel Dependent Dropdown</h2>
<div class="form-group">
<label for="day">Select Day:</label>
<select name1="day" class="form-control" style="width:250px">
<option value="">--- Select Day ---</option>
#foreach ($days as $key => $value)
<option value="{{ $key }}">{{ $value }}</option>
#endforeach
</select>
</div>
<div class="form-group">
<label for="time">Select Time:</label>
<select name1="time" class="form-control"style="width:150px">
<option>--Time--</option>
#foreach ($times as $key => $value)
<option value="{{ $key }}"{{ ( $key == $selectedID) ? 'selected' : '' }}>{{ $value }}</option>
#endforeach
</select>
</select>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ()
{
jQuery('select[name1="day"]').on('change',function(){
var dayID = jQuery(this).val();
if(dayID)
{
jQuery.ajax({
url : 'shopindex/getindex/' +dayId,
type : "GET",
dataType : "json",
success:function(data)
{
console.log(data);
jQuery('select[name1="day"]').empty();
jQuery.each(data, function(key,value){
$('select[name1="day"]').append('<option value="'+ key +'">'+ value +'</option>');
});
}
});
}
else
{
$('select[name1="day"]').empty();
}
});
});
</script>
<div class="container">
<div class="form-group">
<label for="days">Select Day:</label>
<select name1="day" class="form-control" style="width:250px">
<option value="">--- Select Day ---</option>
#foreach ($days as $key => $value)
<option value="{{ $key }}">{{ $value }}</option>
#endforeach
</select>
</div>
<div class="form-group">
<label for="time">Select Time:</label>
<select name2="time" class="form-control"style="width:250px">
<option value="">--Time--</option>
#foreach ($times as $key => $value)
<option value="{{ $key }}">{{ $value }}</option>
#endforeach
</select>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ()
{
jQuery('select[name1="time"]').on('change',function(){
var dayID = jQuery(this).val();
if(dayID)
{
jQuery.ajax({
url : 'shopindex/getindex/' +dayID,
type : "GET",
dataType : "json",
success:function(data)
{
console.log(data);
jQuery('select[name2="time"]').empty();
jQuery.each(data, function(key,value){
$('select[name2="time"]').append('<option value="'+ key +'">'+ value +'</option>');
});
}
});
}
else
{
$('select[name2="time"]').empty();
}
});
});
</script>
<div class="pull-left price">${{ $products->price }}</div>
<a href="{{ route('product.addToCart', ['id' => $products->id]) }}"
class="btn btn-success pull-right" role="button">Add to cart</a>
</div>
</div>
</div>
</div>
#endforeach
</div>
#endforeach
#endsection
ProductController.php
public function getIndex()
{
$products = Product::all();
$days = DB::table('days')->pluck("name1","id");
$times = DB::table('times')->pluck("name2","id");
return view('shop.index',compact('products','days','times'), ['products' => $products]);
}
shopping-cart.blade.php
#section('content')
#if(Session::has('cart'))
<div class="container-fluid">
<div class="row">
<div class="col-md-6 m-auto">
#foreach ($products as $product)
<li class="list-group-item">
<img src="{{ $product['item']['imagePath'] }}" height="120" width="100">
<span class="badge badge-secondary">Quantity: {{ $product['qty'] }}</span>
<span class="badge badge-secondary">Item: {{ $product['item']['title'] }}</span>
<span class="badge badge-secondary">Item: {{ $product['item']['day'] }}</span>
<span class="badge badge-secondary">Item: {{ $product['item']['time'] }}</span>
<span class="badge badge-secondary">Price: ${{ $product['price'] }}</span>
<div class="btn-group">
<button type="button" class="btn btn-primary btn-md dropdown-toggle" data-toggle="dropdown">Action
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li>Reduce by 1
</li>
<li>Reduce All</li>
</ul>
</div>
</li>
#endforeach
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 m-auto">
<strong>Total Cost: ${{ $totalPrice }}</strong>
</ul>
</div>
</div>
</div>
<hr>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 m-auto">
<button>Checkout</button>
</div>
</div>
</div>
#else
<div class="container-fluid">
<div class="row">
<div class="col-md-4 m-auto">
<h1>No item to cart</h1>
</ul>
</div>
</div>
</div>
#endif
#endsection
my idea at index.blade.php
<select name2="time" class="form-control"style="width:250px">
<option value="">--Time--</option>
#foreach ($times as $key => $value)
<option value="{{ $key }}"{{ ( $key == $times_id) ? 'selected' : '' }}>{{ $value }}</option>
#endforeach
</select>
but $times_id is undefined