Laravel 11 E-Commerce - Admin Edit Coupon

Welcome back to the Laravel E-Commerce Project Tutorial. In this video, we will learn about creating an admin edit coupon feature.

Step 1: Create a Function in the AdminController

First, let's create a new function in the AdminController:

public function edit_coupon($id)
{
       $coupon = Coupon::find($id);
       return view('admin.coupon-edit',compact('coupon'));
}

Step 2: Create a Route for the Function

Next, create a route for this function:

Route::put('/admin/coupon/update',[AdminController::class,'update_coupon'])->name('admin.coupon.update');

Step 3: Create a View for Editing a Coupon

Now, go to the resources directory and create a new file called coupon-edit.blade.php. Open the coupon-add.blade.php file and copy all the content from there, then paste it inside the coupon-edit.blade.php file. Make the following changes:

@extends('layouts.admin')

@section('content')
<div class="main-content-inner">
    <!-- main-content-wrap -->
    <div class="main-content-wrap">
        <div class="flex items-center flex-wrap justify-between gap20 mb-27">
            <h3>Coupon infomation</h3>
            <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
                <li>
                    <a href="{{route('admin.index')}}"><div class="text-tiny">Dashboard</div></a>
                </li>
                <li>
                    <i class="icon-chevron-right"></i>
                </li>
                <li>
                    <a href="{{route('admin.coupons')}}"><div class="text-tiny">Coupons</div></a>
                </li>
                <li>
                    <i class="icon-chevron-right"></i>
                </li>
                <li>
                    <div class="text-tiny">Edit Coupon</div>
                </li>
            </ul>
        </div>        
        <!-- new-category -->
        <div class="wg-box">
            <form class="form-new-product form-style-1" method="POST" action="{{route('admin.coupon.update')}}" >
                @csrf
                @method("put")
                <input type="hidden" name="id" value="{{$coupon->id}}" />
                <fieldset class="name">
                    <div class="body-title">Coupon Code <span class="tf-color-1">*</span></div>
                    <input class="flex-grow" type="text" placeholder="Coupon Code" name="code" tabindex="0" value="{{$coupon->code}}" aria-required="true" required="">
                </fieldset>
                <fieldset class="category">
                    <div class="body-title">Coupon Type</div>
                    <div class="select flex-grow">
                        <select class="" name="type">
                            <option value="">Select</option>
                            <option value="fixed" {{$coupon->type=='fixed'? 'selected':''}}>Fixed</option>
                            <option value="percent" {{$coupon->type=='percent'? 'selected':''}}>Percent</option>
                        </select>
                    </div>
                </fieldset>
                <fieldset class="name">
                    <div class="body-title">Value <span class="tf-color-1">*</span></div>
                    <input class="flex-grow" type="text" placeholder="Coupon Value" name="value" tabindex="0" value="{{$coupon->value}}" aria-required="true" required="">
                </fieldset>
                <fieldset class="name">
                    <div class="body-title">Cart Value <span class="tf-color-1">*</span></div>
                    <input class="flex-grow" type="text" placeholder="Cart Value" name="cart_value" tabindex="0" value="{{$coupon->cart_value}}" aria-required="true" required="">
                </fieldset>
                <fieldset class="name">
                    <div class="body-title">Expiry Date <span class="tf-color-1">*</span></div>
                    <input class="flex-grow" type="date" placeholder="Expiry Date" name="expiry_date" tabindex="0" value="{{$coupon->expiry_date}}" aria-required="true" required="">
                </fieldset>                
                
                <div class="bot">
                    <div></div>
                    <button class="tf-button w208" type="submit">Save</button>
                </div>
            </form>
        </div>
        <!-- /new-category -->
    </div>
    <!-- /main-content-wrap -->
</div>                    

</div>
@endsection

Step 4: Create a Function for Updating the Coupon

Now, go to the AdminController and create a new function for updating the coupon:

public function update_coupon(Request $request)
{
       $request->validate([
       'code' => 'required',
       'type' => 'required',
       'value' => 'required|numeric',
       'cart_value' => 'required|numeric',
       'expiry_date' => 'required|date'
       ]);

       $coupon = Coupon::find($request->id);
       $coupon->code = $request->code;
       $coupon->type = $request->type;
       $coupon->value = $request->value;
       $coupon->cart_value = $request->cart_value;
       $coupon->expiry_date = $request->expiry_date;               
       $coupon->save();           
       return redirect()->route('admin.coupons')->with('status','Record has been updated successfully !');
}

Step 5: Create a Route for Updating the Coupon

Next, create a route for this update_coupon function:

Route::put('/admin/coupon/update',[AdminController::class,'update_coupon'])->name('admin.coupon.update');

Step 6: Update the Coupon Edit View

Now, go to the coupon-edit.blade.php file and set the form method and action:

method="POST" action="{{route('admin.coupon.update')}}"

Also, add the @method directive and pass the method name:

@method("PUT")

Step 7: Add an Edit Link

Finally, add an edit link. Go to the coupons.blade.php file and inside the foreach loop, add the edit link:

<td>
       <div class="list-icon-function">                                        
              <a href="{{route('admin.coupon.edit',['id'=>$coupon->id])}}">
                     <div class="item edit">
                     <i class="icon-edit-3"></i>
                     </div>
              </a>       
       </div>
</td>

Now it's done! Let's check it out. Go to the /admin/coupons page, edit a coupon, make some changes, and click on update. You can see that the coupon has been updated.

In this way, you can edit a coupon.

That's all about editing a coupon.