Laravel Form No Longer Submitting & Radio Button not Working In Dev Environment

I am new to laravel and am running into an issue where the form is not submitting. Clicking the form submit button returns nothing in terms of errors or action. I seemed to have noticed another behavior that might be linked to the issue. In production, I am able to select the radio button for order type and the form changes to the corresponding fields weather pickup, on table or home delivery. This behavior is intended but in development, the form doesnt change and no error or message is displayed.

my form file is:

<form method="POST" id="payment" enctype="multipart/form-data">
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@csrf
<div class="container">
<div class="row">
<div class="col-12 mb-5">
<div class="table">
<div class="shop-title-box">
<h3>{{$keywords["Serving Method"] ?? __('Serving Method') }}</h3>
</div>
<table class="cart-table shipping-method">
<thead class="cart-header">
<tr>
<th>#</th>
<th>{{$keywords["Method"] ?? __('Method') }}</th>
</tr>
</thead>
<tbody>

@foreach ($smethods as $sm)
<tr>
@if(!empty($packagePermissions) && in_array($sm->name, $packagePermissions))
<td>

<input type="radio" name="serving_method" class="shipping-charge"
value="{{$sm->value}}"
@if(empty(old()) && $loop->first)
checked
@elseif(old('serving_method') == $sm->value)
checked
@endif
data-gateways="{{$sm->gateways}}">
</td>
<td>
@php
$smname = str_replace(' ','_',$sm->name);
@endphp

<p class="mb-1">
<strong>{{ $keywords[$smname] ?? __($sm->name) }}</strong></p>
<p class="mb-0"><small>{{ __($sm->note) }}</small></p>
</td>

@else
<td class="d-none">
<input type="radio" name="serving_method" class="shipping-charge"
value="{{$sm->value}}"
@if(empty(old()) && $loop->first)
checked
@elseif(old('serving_method') == $sm->value)
checked
@endif
data-gateways="{{$sm->gateways}}">
</td>
@endif
</tr>
@endforeach
</tbody>
</table>
@error('serving_method')
<p class="text-danger mb-0">{{ convertUtf8($message) }}</p>
@enderror
</div>
</div>
</div>
<input type="hidden" name="ordered_from" value="website">
<div class="form-container" id="home_delivery">
@includeIf('user-front.qrmenu.partials.home_delivery_form')
</div>
<div class="form-container d-none" id="pick_up">
@includeIf('user-front.qrmenu.partials.pick_up_form')
</div>
<div class="form-container d-none" id="on_table">
@includeIf('user-front.qrmenu.partials.on_table_form')
</div>
<div class="row">
<div class="col-12">
<div class="field-label">{{$keywords["Order Notes"] ?? __('Order Notes') }} </div>
<div class="field-input">
<textarea name="order_notes" cols="30" rows="10"></textarea>
</div>
</div>
</div>
<div id="paymentInputs"></div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12">
<div class="table">
<div class="shop-title-box">
<h3>{{$keywords["Order Summary"] ?? __('Order Summary') }}</h3>
</div>
@if (!empty($cart))
<table class="cart-table">
<thead class="cart-header">
<tr>
<th class="prod-column"
width="10%">{{$keywords["Product"] ?? __('Product') }}</th>
<th width="70%">{{$keywords["Product Title"] ?? __('Product Title') }}</th>
<th>{{$keywords["Quantity"] ?? __('Quantity') }}</th>
<th>{{$keywords["Total"] ?? __('Total') }}</th>
</tr>
</thead>
<tbody>
@foreach ($cart as $key => $item)
@php
$id = $item["id"];
if(session()->has('user_lang')){
$lang = App\Models\User\Language::where('code',session()->get('user_lang'))->where('user_id',getUser()->id)->first();
}else{
$lang = App\Models\User\Language::where('is_default',1)->where('user_id',getUser()->id)->first();
}
$product = Product::query()
->join('product_informations', 'product_informations.product_id', 'products.id')
->where('product_informations.language_id', $lang->id)
->where('products.user_id', $user->id)
->where('products.id', $id)
->first();
@endphp
<tr class="remove{{ $id }}">
<td class="prod-column" width="10%">
<div class="column-box">
<div class="prod-thumb">
<a
href="{{ route('user.front.product.details', [getParam(), $product->slug, $product->product_id]) }}"
target="_blank">
<img class="lazy"
data-src="{{ Uploader::getImageUrl(Constant::WEBSITE_PRODUCT_FEATURED_IMAGE,$item['photo'],$userBs) }}"
alt="" width="100">
</a>
</div>
</div>
</td>
<td width="70%">
<div class="title">
<a
href="{{ route('user.front.product.details', [getParam(), $product->slug, $product->product_id]) }}"
target="_blank">
<h5 class="prod-title">
{{ strlen($product->title) > 27 ? mb_substr($product->title, 0, 27, 'UTF-8') . '...' : $product->title }}
</h5>
@if (!empty($item["variations"]))

@php
$variations = $item['variations'];
$prokeywords = json_decode($product->keywords, true);
$addonkeywords = json_decode($product->addon_keywords, true);
$sessionLang = session()->get('user_lang');

@endphp

<p><strong>{{$keywords["Variation"] ?? __("Variation")}}
:</strong> <br>
@php
$variations = $item["variations"];
@endphp
@foreach ($variations as $vKey => $variation)
@php

$vname = $userCurrentLang->code . '_' . str_replace('_', ' ', $vKey);
$voption = $userCurrentLang->code . '_' . $variation['name'];

$variationName = isset($prokeywords['variation_name'][$vname]) ? $prokeywords['variation_name'][$vname] : '';
$optionName = isset($prokeywords['option_name'][$voption]) ? $prokeywords['option_name'][$voption] : '';
@endphp
@if(!empty($variationName))
<span
class="text-capitalize font-weight-bold {{ $userCurrentLang->rtl == 1 ? 'text-right' : '' }}">{{ $variationName }}:</span>
<span
class="{{ $userCurrentLang->rtl == 1 ? 'text-right' : '' }}">{{ $optionName }}</span>

@if (!$loop->last)
<span
class="{{ $userCurrentLang->rtl == 1 ? 'text-right' : '' }}"> ,</span>
@endif
@endif
@endforeach
</p>
</a>
@endif
@if (!empty($item['addons']))
<p>
<strong>{{$keywords["Addons"] ?? __("Addons") }}
:</strong>
@php
$addons = $item["addons"];
@endphp
@foreach ($addons as $addon)
@php
$addonkeywords = json_decode($product->addon_keywords, true);
if (!empty($sessionLang)) {
$aname = $sessionLang . '_' . $addon['name'];
} else {
$aname = $userCurrentLang->code . '_' . $addon['name'];
}

@endphp

{{ $addonkeywords['addon_name'][$aname] }}
@if (!$loop->last)
,
@endif
@endforeach
</p>
@endif
</div>
</td>
<td class="qty">
{{ $item['qty'] }}
</td>
<input type="hidden" value="{{ $id }}" class="product_id">
<td class="sub-total">
{{ $userBe->base_currency_symbol_position == 'left' ? $userBe->base_currency_symbol : '' }}
{{ $item['total'] }}
{{ $userBe->base_currency_symbol_position == 'right' ? $userBe->base_currency_symbol : '' }}
</td>
<script>
window.userBe = "{{ json_encode($userBe) }}";
</script>
</tr>

@endforeach
@else
<div class="py-5 bg-light text-center">
<h5>{{$keywords["Cart is empty"] ?? __('Cart is empty!') }}</h5>
</div>
@endif
</tbody>
</table>
<div class="text-center my-4">
<a href="{{ route('user.front.index',getParam()) }}"
class="main-btn main-btn-2">{{$keywords["Return to Website"] ?? __('Return to Website') }}</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
@includeIf('user-front.qrmenu.partials.order_total')
</div>
</div>
</div>
</div>
</form>


the pickup form is:

@php use Illuminate\Support\Facades\Auth; @endphp
<div class="row">
<div class="col-12">
<div class="form billing-info">
<div class="shop-title-box">
<h3>{{ $keywords['Information'] ?? __('Information') }}</h3>
</div>
<div class="row">
<div class="col-md-4">
<div class="field-label">{{ $keywords['Information'] ?? __('Name') }} *</div>
<div class="field-input">
@php
$bname = '';
if (empty(old())) {
if (Auth::guard('client')->check()) {
$bname = Auth::guard('client')->user()->billing_fname;
}
} else {
$bname = old('billing_fname');
}
@endphp
<input type="text" name="billing_fname" value="{{ $bname }}">
@error('billing_fname')
<p class="text-danger">{{ convertUtf8($message) }}</p>
@enderror
</div>
</div>
<div class="col-md-4">
<div class="field-label">{{ $keywords['Contact Email'] ?? __('Contact Email') }} *</div>
<div class="field-input">
@php
$bmail = '';
if (empty(old())) {
if (Auth::guard('client')->check()) {
$bmail = Auth::guard('client')->user()->billing_email;
}
} else {
$bmail = old('billing_email');
}
@endphp
<input type="text" name="billing_email" value="{{ $bmail }}">
@error('billing_email')
<p class="text-danger">{{ convertUtf8($message) }}</p>
@enderror
</div>
</div>

<div class="col-md-4">
<div class="field-label">{{ $keywords['Phone'] ?? __('Phone') }} *</div>

@php
$bnumber = '';
if (empty(old())) {
if (Auth::guard('client')->check()) {
$bnumber = Auth::guard('client')->user()->billing_number;
}
} else {
$bnumber = old('billing_number');
}

$bccode = '';
if (empty(old())) {
if (Auth::guard('client')->check()) {
$bccode = Auth::guard('client')->user()->billing_country_code;
}
} else {
$bccode = old('billing_country_code');
}
@endphp
<div class="input-group mb-3">
<input type="hidden" name="billing_country_code" value="{{ $bccode }}">
<div class="input-group-prepend">
<button class="btn btn-outline-secondary dropdown-toggle billing_country_code"
type="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">{{ !empty($bccode) ? $bccode : $keywords['Select'] ?? __('Select') }}</button>
<div class="dropdown-menu country-codes" id="billing_country_code">
@foreach ($ccodes as $ccode)
<a class="dropdown-item" data-billing_country_code="{{ $ccode['code'] }}"
href="#">{{ $ccode['name'] }} ({{ $ccode['code'] }})</a>
@endforeach
</div>
</div>
<input type="text" name="billing_number" class="form-control" value="{{ $bnumber }}">
</div>
@error('billing_country_code')
<p class="text-danger mb-2">{{ $message }}</p>
@enderror
@error('billing_number')
<p class="text-danger mb-2">{{ $message }}</p>
@enderror
</div>

<div class="col-md-6">
<div class="field-label">{{ $keywords['Pick up Date'] ?? __('Pick up Date') }} *</div>
<div class="field-input">
<input type="text" class="datepicker" name="pick_up_date" value="{{ old('pick_up_date') }}"
autocomplete="off">
@error('pick_up_date')
<p class="text-danger">{{ convertUtf8($message) }}</p>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="field-label">{{ $keywords['Pick up Time'] ?? __('Pick up Time') }} *</div>
<div class="field-input">
<input type="text" class="timepicker" name="pick_up_time" value="{{ old('pick_up_time') }}"
autocomplete="off">
@error('pick_up_time')
<p class="text-danger">{{ convertUtf8($message) }}</p>
@enderror
</div>
</div>
</div>
</div>
</div>
</div>



For some reason, only the home delivery form is visible. The other 2 forms do not appear even when the radio button is selected and this behavior only happens in localhost. I have attached a video of the difference in dev and production. Please let me know if more code or info is needed as I am new to laravel.





I have tried reverting my code, change the location of the submit button and check for any if statements failing but had no luck. I believe the form is not submitting because that radio button is not setting the order type causing the form to be incomplete or have errors. I am also not getting any errors or compile issues.

Continue reading...