DEV Community: Rashid Ali

🎉 Announcing Cart Package Coupon Feature!

Rashid Ali — Sun, 11 Aug 2024 14:31:46 +0000

I am thrilled to unveil an exciting new feature for the Cart package: Coupons! This update brings enhanced flexibility and functionality to your Laravel-based e-commerce solutions, making it easier than ever to offer discounts and promotions to your customers.

What’s New?

With the new Coupon feature, you can now:

Apply Discounts: Add both percentage-based and fixed amount coupons to your cart.
Create Custom Coupons: Develop your own coupon classes to suit your unique business needs.
Manage Coupons Efficiently: Apply, remove, and get details of applied coupons with ease.

Key Features

1. Apply Coupons with Ease

Integrate discount promotions effortlessly with our new methods. You can apply a coupon to your cart using a simple method call:

use RealRashid\Cart\Facades\Cart;
use App\Coupons\PercentageCoupon;

// Create a percentage-based coupon
$percentageCoupon = new PercentageCoupon('PERCENT20', 20, '2024-12-31');

// Apply it to the cart
Cart::instance('cart')->applyCoupon($percentageCoupon);

2. Custom Coupon Classes

Design and implement custom coupon classes by implementing the Coupon interface. Here’s a sample of a fixed amount coupon:

<?php

namespace App\Coupons;

use RealRashid\Cart\Coupon\Coupon as CouponContract;
use App\Models\Coupon as CouponModel;

class FixedAmountCoupon implements CouponContract
{
    protected $coupon;

    public function __construct(CouponModel $coupon)
    {
        $this->coupon = $coupon;
    }

    public function getCode(): string
    {
        return $this->coupon->code;
    }

    public function isValid(): bool
    {
        return $this->coupon->isValid();
    }

    public function getDiscountType(): string
    {
        return 'fixed_amount';
    }

    public function getExpiryDate(): string
    {
        return $this->coupon->expiry_date;
    }

    public function getDiscountAmount(): float
    {
        return $this->coupon->amount;
    }
}

3. Manage Applied Coupons

Easily manage your applied coupons with new methods to apply, remove, and retrieve details about your coupons:

Apply Coupon: Cart::applyCoupon($coupon);
Remove Coupon: Cart::removeCoupon();
Get Coupon Details: Cart::getAppliedCouponDetails();

How to Get Started

Ready to add discounts to your cart? Follow the updated usage documentation for detailed instructions on how to leverage the new Coupon feature.

Why This Matters

Coupons are a powerful tool for increasing sales and enhancing customer satisfaction. By integrating this feature into the Cart package, we aim to make it easier for you to run effective promotions and manage discounts, ultimately driving more value to your customers and business.

Join the Conversation

I would love to hear your feedback! Share your thoughts and experiences with the new Coupon feature by joining our community forums or connecting with us on social media.

Check It Out

Explore the Cart package and contribute to its development on our GitHub repository.

Thank you for your continued support. Stay tuned for more exciting updates and features!

Happy discounting! 🎉

🎉 Announcing the Release of Laravel Zoho Cliq Package! 🚀

Rashid Ali — Sun, 11 Aug 2024 13:20:06 +0000

I’m excited to announce the release of the Laravel Zoho Cliq package, a powerful tool designed to bring seamless integration between Laravel applications and Zoho Cliq. Whether you're building a new app or enhancing an existing one, this package makes it incredibly easy to send messages, notifications, and rich content directly from your Laravel application to Zoho Cliq.

Key Features:

Send Messages to Multiple Users: Effortlessly broadcast messages to multiple Zoho Cliq users from your Laravel application.
Single User Messaging: Send personalized messages to individual users with ease.
Rich Card Messaging: Create visually engaging messages with interactive cards.
Channel Messaging: Communicate with specific channels to keep your teams informed and engaged.

How to Get Started

Install the Package: Add the Laravel Zoho Cliq package to your Laravel application using Composer:

composer require realrashid/laravel-zoho-cliq

Publish Configuration: Publish the configuration file to set up your credentials:

php artisan cliq:install

Configure OAuth Credentials: Obtain your Client ID and Client Secret from Zoho Cliq’s API Console:

Visit Zoho API Console.
Click the Get Started button and select Self Client.
Click Create, then OK when prompted.
Copy the Client ID and Client Secret, and add them to your .env file:

CLIQ_CLIENT_ID=your-client-id
CLIQ_CLIENT_SECRET=your-client-secret
CLIQ_DEFAULT_CHANNEL=your-default-channel
CLIQ_DEFAULT_SEND_TO=buddies

Example Usages

Send a Message to Multiple Users:

  Route::get('/send-buddy-message', function () {
      $response = Cliq::to(['user1@example.com', 'user2@example.com'])
          ->send("Hello team! This is a message from Laravel.");

      return response()->json($response);
  });

Send a Message with a Card:

  Route::get('/send-card-message', function () {
      $response = Cliq::toChannel()->to('alerts')
          ->card(
              'New Feature Released!',
              'https://example.com/image.jpg',
              'https://example.com/image.jpg',
              'modern-inline',
              'Release Bot',
              [
                  [
                      'label' => 'Learn More',
                      'hint' => 'Click to learn more about the feature',
                      'action_type' => 'open.url',
                      'web_url' => 'https://example.com/feature',
                  ],
                  [
                      'label' => 'Feedback',
                      'hint' => 'Provide feedback on the new feature',
                      'action_type' => 'open.url',
                      'web_url' => 'https://example.com/feedback',
                  ]
              ]
          )
          ->send("I’m excited to announce the release of our new feature!");

      return response()->json($response);
  });

Send a Message to a Channel:

  Route::get('/send-message-channel', function () {
      $response = Cliq::toChannel()->to('general')
          ->send("Good morning, everyone! Here’s the latest update from Laravel.");

      return response()->json($response);
  });

Why Use Laravel Zoho Cliq?

Seamless Integration: Easily integrate Zoho Cliq into your Laravel applications with minimal configuration.
Rich Features: Leverage advanced features like rich card messaging to enhance your communication.
Open Source: Contribute and benefit from a package that’s actively maintained and community-driven.

Get Involved

I welcome contributions and feedback! If you have suggestions or improvements, please check out the GitHub repository and consider contributing.

Support

If you find this package useful and would like to support my work, you can buy me a coffee. Your support helps me continue to maintain and improve the package.

Thank you for using Laravel Zoho Cliq!

Discover How Easy It Is to Stay Updated with daily.dev! Join Our Laravel Developers Squad Today!

Rashid Ali — Wed, 19 Jun 2024 10:26:56 +0000

🌟 Calling all developers! 🌟

Hey fellow developers,

Are you looking for a seamless way to stay updated with the latest in tech, programming trends, and news? Look no further than daily.dev! It's your go-to hub for staying informed without the hassle. Whether you're into web development, machine learning, or anything in between, daily.dev curates the best articles, news, and resources just for you. Trust me, it's the developer's best friend!

Discover for yourself how easy it is to stay in the loop. Join us at daily.dev and see why thousands of developers rely on it daily.

But wait, there's more! 🚀

Calling all Laravel developers! 🛠️ Join our exclusive Squad where you can connect with like-minded developers, share tips, troubleshoot errors, explore new packages, and dive into insightful articles. It's your community to grow and excel in Laravel development.

Join the Laravel Developers Squad now at Laravel Developers Squad and start collaborating today!

Let's stay connected and keep pushing the boundaries of what's possible in development. See you there!

Happy coding! 🖥️💻

Enhancing Enum Constants in Laravel with Description and Label Attributes

Rashid Ali — Wed, 19 Jun 2024 09:40:15 +0000

PHP attributes provide a powerful way to add metadata to classes and constants, enhancing readability and organization in frameworks like Laravel. Let's explore how to use Description and Label attributes to annotate enum constants in Laravel, specifically with an OrderStatus example.

Understanding PHP Attributes in Enums

PHP attributes allow us to attach metadata to classes, methods, properties, and constants. In Laravel, this feature can streamline the management of descriptive metadata for enum constants such as status codes or types.

Implementing Description and Label Attributes

Step 1: Define Attribute Classes

Create attribute classes that extend a base AttributeProperty class to encapsulate metadata values:

<?php

namespace App\Attributes;

use Attribute;

/* Base class for attribute properties */
#[Attribute(Attribute::TARGET_CLASS_CONSTANT)]
class AttributeProperty
{
    public const ATTRIBUTE_PATH = 'App\Attributes\\';

    public function __construct(
        protected mixed $value,
    ) {
    }

    public function get(): mixed
    {
        return $this->value;
    }
}

/* Attribute for describing enum constants */
#[Attribute(Attribute::TARGET_CLASS_CONSTANT)]
class Description extends AttributeProperty
{
}

/* Attribute for labeling enum constants */
#[Attribute(Attribute::TARGET_CLASS_CONSTANT)]
class Label extends AttributeProperty
{
}

<?php

namespace App\Traits;

use App\Attributes\AttributeProperty;
use BadMethodCallException;
use Illuminate\Support\Str;
use ReflectionAttribute;
use ReflectionEnum;

trait AttributableEnum
{
    /**
     * Call the given method on the enum case
     *
     */
    public function __call(string $method, array $arguments): mixed
    {
        // Get attributes of the enum case with reflection API
        $reflection = new ReflectionEnum(static::class);
        $attributes = $reflection->getCase($this->name)->getAttributes();

        // Check if attribute exists in our attributes list
        $filtered_attributes = array_filter($attributes, fn (ReflectionAttribute $attribute) => $attribute->getName() === AttributeProperty::ATTRIBUTE_PATH . Str::ucfirst($method));

        // If not, throw an exception
        if (empty($filtered_attributes)) {
            throw new BadMethodCallException(sprintf('Call to undefined method %s::%s()', static::class, $method));
        }

        return array_shift($filtered_attributes)->newInstance()->get();
    }
}

Step 2: Create the Enum Using Attributes

Define an enum OrderStatus that uses Label and Description attributes to annotate its constants:

<?php

namespace App\Enums;

use App\Attributes\Label;
use App\Attributes\Description;
use App\Attributes\AttributeProperty;
use App\Traits\AttributableEnum;

enum OrderStatus: string
{
    use AttributableEnum;

    #[Label('Pending')]
    #[Description('Order is pending')]
    case Pending = 'pending';

    #[Label('Confirmed')]
    #[Description('Order is confirmed')]
    case Confirmed = 'confirmed';

    #[Label('Canceled')]
    #[Description('Order has been canceled')]
    case Canceled = 'canceled';

    #[Label('Completed')]
    #[Description('Order has been completed')]
    case Completed = 'completed';
}

Step 3: Accessing Enum Attributes

With the defined Description and Label attributes, you can access their values through methods defined in AttributeProperty or directly within your Laravel application's logic. For example, to retrieve the description of an enum constant:

<?php

$statusDescription = OrderStatus::Pending()->getDescription();
// Output: 'Order is pending'

Conclusion

Using PHP attributes such as Label and Description with enums in Laravel enables you to centralize and manage descriptive metadata for enum constants effectively. This approach improves code clarity, simplifies maintenance, and enhances the readability of your Laravel applications.

By leveraging attributes in enums, you can streamline how you define and use status codes, types, or any other constant values that require additional descriptive information.

Start using PHP attributes in enums today to enhance your Laravel projects and maintain a clean, organized codebase!

Join Our Vibrant Laravel Developers Squad!

Rashid Ali — Wed, 19 Jun 2024 09:15:47 +0000

Are you passionate about Laravel development? Whether you're a seasoned developer or just starting out, our Laravel Developers Squad is the perfect community for you. Join us as we dive into the world of Laravel, share insights, troubleshoot together, explore new packages, and discuss the latest trends shaping our industry.

Why Join Our Squad?

1. Community Connection: Connect with a diverse group of Laravel enthusiasts who share your passion for coding and learning.

2. Knowledge Sharing: Share your expertise, tips, and tricks while learning from others. Our squad is all about mutual growth and support.

3. Stay Updated: Stay ahead with the latest updates, best practices, and emerging trends in the Laravel ecosystem.

How to Get Started

Joining is easy! Simply follow these steps:

Click on the invitation link to join our Squad: Join Laravel Developers Squad.
Introduce yourself! Start by saying hello and let us know what excites you most about Laravel.
Dive into discussions: Share your thoughts, ask questions, and engage with fellow developers. Your input is valuable to our community.

Our Commitment

We strive to maintain a welcoming and respectful environment for everyone:

Respect: Treat others with kindness and respect diverse perspectives.
Constructive Feedback: Offer feedback that helps others grow without discouraging them.
Relevance: Keep discussions focused on Laravel development and related topics.

Let's Code Together!

Join us in shaping the future of Laravel development. Together, we can innovate, build, and create amazing projects. Click the link, introduce yourself, and let's embark on this exciting journey!

🔗 Join Laravel Developers Squad

See you in the Squad!

Introducing Cart: Simplifying Shopping Cart Management for Laravel

Rashid Ali — Sun, 16 Jun 2024 00:00:00 +0000

In the fast-paced world of e-commerce, efficient shopping cart management isn't just essential—it's a competitive advantage. Today, I'm thrilled to unveil Cart, a powerful Laravel package designed to streamline and elevate your online retail experience.

Why Cart Matters

Effective cart management is crucial for any successful e-commerce venture. Whether you're running a small boutique shop or a large-scale marketplace, seamless cart operations can significantly impact your customer's shopping journey. Cart acts as your trusted ally, offering a robust set of features tailored specifically for Laravel applications.

Unveiling Key Features

Flexible Configuration

Cart allows you to customize each cart instance with specific tax rates, configurations, and business rules tailored to your unique needs. Whether managing different tax jurisdictions or implementing promotional discounts, Cart adapts effortlessly to your business requirements.

Multiple Instances Management

With Cart, you can define and manage multiple cart instances within a single Laravel application. This capability is particularly valuable for scenarios requiring separate carts for different user sessions, order types, or temporary storage.

Dynamic Tax Calculation

Tax rules can vary based on location, product type, or customer category. Cart empowers you to enable or disable tax calculations on a per-instance basis, ensuring compliance and flexibility in tax handling across diverse markets.

Intuitive API Integration

Seamlessly integrate Cart into your Laravel application with its intuitive API. Whether adding products, updating quantities, or retrieving cart details, the API simplifies interactions and enhances development efficiency.

Extensive Documentation and Support

Navigating a new package can be daunting, but Cart provides comprehensive documentation that guides you through installation, configuration, and advanced usage scenarios. Additionally, our dedicated support ensures you're supported throughout your journey with Cart.

Getting Started with Cart

Installation

Getting started with Cart is straightforward. Begin by installing the package via Composer:

composer require realrashid/cart

Next, publish Cart's configuration and other necessary assets:

php artisan cart:install

Basic Usage

Once installed, using Cart is as simple as including its facade in your Laravel controllers or services. Here's a quick example of adding an item to the cart:

use RealRashid\Cart\Facades\Cart;

// Add a product to the cart
Cart::add(1, 'Sample Product', 2, 25.00, ['size' => 'M', 'color' => 'Blue'], 10);

Advanced Features

Explore Cart's advanced features like updating item details, calculating taxes, managing multiple cart instances, and more. Dive deeper into our documentation to harness the full potential of Cart for your business.

Support and Contribution

Cart is open-source software licensed under the MIT License. We welcome contributions from the community to enhance Cart's capabilities and ensure it meets the evolving needs of Laravel developers worldwide.

Show Your Support on ProductHunt!

Conclusion

In conclusion, Cart is more than just a package—it's a solution designed to optimize your Laravel-powered e-commerce platform. Whether you're a developer streamlining cart management or a business owner aiming to enhance customer satisfaction, Cart provides the tools and flexibility you need.

Ready to transform your shopping cart experience? Get started with Cart today and discover a new level of efficiency and control in managing your online store.

If you find Cart helpful and would like to support my work, you can buy me a coffee. Your support keeps this project alive and thriving.

Thank you for being part of this journey.

Warm regards,

Rashid Ali

Introducing PlanCraft

Rashid Ali — Mon, 23 Oct 2023 18:58:48 +0000

Today, I am thrilled to introduce you to a groundbreaking solution that reimagines how you handle subscription plans in your Laravel applications.
Say hello to PlanCraft – a meticulously designed Laravel package engineered to simplify the creation and management of subscription plans, all without the need for additional database tables.

No More Database Tables, No More Queries

The standout feature of PlanCraft is its database-less approach to subscription management.
You can now define plans directly within the PlanCraftServiceProvider, completely eliminating the need for extensive database storage.
This innovative approach not only streamlines your application's subscription workflow but also makes it lighter and more efficient, ultimately enhancing the performance of your application.

Effortless Plan Creation, Simplified Feature Management

With the database hurdle removed, creating subscription plans becomes a seamless process.
No more wrestling with databases or writing complex queries.
PlanCraft empowers you to effortlessly craft and manage features within your subscription plans.
Say goodbye to tedious tasks, and say hello to a world where every interaction is a symphony of efficiency and precision.

Sophisticated Eligibility Checks

Need to implement intricate eligibility checks based on subscription levels?
PlanCraft has you covered. Perform advanced eligibility checks for specific features, ensuring that your subscribers have access to the right functionalities at the right subscription tiers.
It's a level of customization that puts you in full control.

Getting Started with PlanCraft

Composer Magic: Get started by injecting a dose of magic into your project with this one-liner:

   composer require realrashid/plancraft

Publish the Scaffolding: Next, give your application the gift of elegance with the following command:

   php artisan plancraft:install

Bask in the Awesomeness: With PlanCraft seamlessly integrated into your Laravel application, you're ready to craft, manage, and assign features with the grace of a virtuoso.

Conclusion:

With PlanCraft, managing subscription plans becomes an art form.
It's not just about tasks; it's about elevating your Laravel SaaS application to new heights.
I invite you to explore the comprehensive documentation to unlock the full potential of this revolutionary Laravel package.

https://realrashid.github.io/plan-craft/

If you find PlanCraft helpful and would like to support my work, you can buy me a coffee.
Your support will help keep this project alive and thriving.

https://www.buymeacoffee.com/realrashid

Thank you for being a part of this journey.

Warm regards,

Rashid Ali

sweet-alert v7.0.0 Released: Here's What's New

Rashid Ali — Thu, 20 Apr 2023 07:00:00 +0000

I'm excited to announce the release of sweet-alert v7.0.0, the latest version of our popular alert library for Laravel.
This release includes several new features and bug fixes that make it easier and more customizable than ever before.

Here are the highlights:

ConfirmDelete Function
One of the most requested features from our users has been the ability to add a confirm delete dialog to their applications.
With v7.0.0, i've added the confirmDelete function that makes it easy to create a dialog that asks users to confirm before deleting an item.
This function is fully customizable, allowing you to choose the text, buttons, and icons that appear in the dialog.

Usage

To use the confirmDelete function, you need to call it in your controller method in my case its index , passing in the required parameters.

For example:

<?php

namespace App\Http\Controllers;

use App\Models\User;
use Illuminate\Http\Request;

class UsersController extends Controller
{
    public function index()
    {
        $users = User::latest()->paginate(10);

        $title = 'Delete User!';
        $text = "Are you sure you want to delete?";
        confirmDelete($title, $text);
        return view('users.index', compact('users'));
    }
}

This allows the confirmation alert to be displayed after a clicking the delete button.

In your view, you can add the data-confirm-delete attribute to the delete button to trigger the confirmation popup.
The confirmation popup will use the configuration options set in the session flash data.

For example:

<a href="{{ route('users.destroy', $user->id) }}" class="btn btn-danger" data-confirm-delete="true">Delete</a>

The following environment variables can be used to customize the confirm alert:

SWEET_ALERT_CONFIRM_DELETE_CONFIRM_BUTTON_TEXT

This variable sets the text of the confirmation button. Default is Yes, delete it!.

SWEET_ALERT_CONFIRM_DELETE_CANCEL_BUTTON_TEXT

This variable sets the text of the cancel button. Default is Cancel.

SWEET_ALERT_CONFIRM_DELETE_SHOW_CANCEL_BUTTON

This variable sets whether to show the cancel button in the popup. Possible values are true or false. Default is true.

SWEET_ALERT_CONFIRM_DELETE_SHOW_CLOSE_BUTTON

This variable sets whether to show the close button in the popup. Possible values are true or false. Default is false.

SWEET_ALERT_CONFIRM_DELETE_ICON

This variable sets icon of the popup. Default is warning.

SWEET_ALERT_CONFIRM_DELETE_SHOW_LOADER_ON_CONFIRM

This variable sets whether to show a loader in delete button of the popup. Possible values are true or false. Default is true.

You can customize the configuration options of the confirmation popup by setting the environment variables in your .env file.

Themes Customization Option
i've also added a new customization option that allows you to choose from a selection of themes for your alerts. Whether you want a light or dark theme, a bold or subtle design, or anything in between, sweet-alert v7.0.0 has you covered.

You can choose a theme by setting the SWEET_ALERT_THEME environment variable in your .env file.
The available themes are dark, minimal, borderless, bootstrap-4, bulma, material-ui and wordpress-admin.

Usage

Dark

The dark theme is a dark-themed alert box with white text. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="dark"

Minimal

The minimal theme is a simple alert box with minimal styling. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="minimal"

Borderless

The borderless theme is a simple alert box with no border. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="borderless"

Bootstrap 4

The bootstrap-4 theme is a theme that mimics the look and feel of Bootstrap 4 alerts. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="bootstrap-4"

Bulma

The bulma theme is a theme that mimics the look and feel of Bulma alerts. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="bulma"

Material UI

The material-ui theme is a theme that mimics the look and feel of Material UI alerts. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="material-ui"

WordPress Admin

The wordpress-admin theme is a theme that mimics the look and feel of WordPress admin alerts. To use this theme, add the following environment variable to your .env file:

SWEET_ALERT_THEME="wordpress-admin"

Upgraded sweet-alert to Latest Version
As always, i've upgraded sweet-alert to the latest version to ensure maximum compatibility and performance.
This means that you can be confident that your alerts will work seamlessly using the latest versions of SweetAlert2 JavaScript library.

Bug Fixes
i've also fixed several bugs and issues that were reported by our users, including issues with text alignment and responsiveness.
I take user feedback seriously and strive to create the best possible experience for everyone who uses sweet-alert.

Docs Updated
Finally, i've updated our documentation to reflect the new features and changes in v7.0.0.
Whether you're a new or experienced user of sweet-alert, our documentation is the best place to start to learn how to use the library to its fullest potential.

Overall, I'm thrilled with the new features and improvements in sweet-alert v7.0.0, and I hope that you are too.
Thank you to all of our users for your support and feedback, and I look forward to continuing to improve and develop sweet-alert in the future.

Repo
Documentation

How to use SweetAlert2 with Livewire

Rashid Ali — Wed, 17 Feb 2021 18:01:58 +0000

I got too many requests for adding confirmation alerts feature to realrashid/sweet-alert package this realrashid/sweet-alert/issues/57 is one of the earliest request for adding confirmation alerts feature but unfortunately i haven't added this feature yet because i haven't found the best way to achieve this.

So Today I found an easy way to do this without adding the support for this feature in realrashid/sweet-alert package with the help of Livewire 🎉

So without any further due Let's Begin 🔥

First Install the realrashid/sweet-alert package in your project if not installed yet 😢

composer require realrashid/sweet-alert

Then configure the package.

Include 'sweetalert::alert' view in master layout

@include('sweetalert::alert')

and run the below command to publish the package assets.

php artisan sweetalert:publish

Yahoooooooo You Have Successfully Installed realrashid/sweet-alert 😉

For more info checkout the documentation.
sweet-alert/documentation 📘

Note: You have to enable SWEET_ALERT_ALWAYS_LOAD_JS in your .env file!

Like this SWEET_ALERT_ALWAYS_LOAD_JS=true.

Congratulations now you can use the realrashid/sweet-alert package with Livewire 🎉 🎉

Now let's install the Livewire then we go further 😎 .

composer require livewire/livewire

Include the JavaScript (on every page that will be using Livewire).

In our case this is our master layout there we included @include('sweetalert::alert')

...
    @livewireStyles
</head>
<body>
    ...

    @include('sweetalert::alert')
    @livewireScripts
    // Don't forget the stack tag!
    @stack('scripts')
</body>
</html>

Now let's create a Livewire ConfirmAlert component.

php artisan make:livewire ConfirmAlert

Running this above command will generate the following two files:

// app/Http/Livewire/ConfirmAlert.php
// resources/views/livewire/confirm-alert.blade.php

Let's first start with app/Http/Livewire/ConfirmAlert.php

<?php

namespace App\Http\Livewire;

use Livewire\Component;
use App\Contact;

class ConfirmDelete extends Component
{
    /**
     * Contact Id
     *
     * @var [inf]
     */
    public $contactId;

    /**
     * Render the confirm-alert button
     * @return view
     * @author Rashid Ali <realrashid05@gmail.com>
     */
    public function render()
    {
        return view('livewire.confirm-delete');
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     * @author Rashid Ali <realrashid05@gmail.com>
     */
    public function destroy($contactId)
    {
        Contact::find($contactId)->delete();
    }
}

Now Let's edit the component view!

<!-- resources/views/livewire/confirm-alert.blade.php -->

<div>
    <button class="btn btn-danger" wire:click="$emit('triggerDelete',{{ $contactId }})">
        Delete
    </button>
</div>

@push('scripts')
<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        @this.on('triggerDelete', contactId => {
            Swal.fire({
                title: 'Are You Sure?',
                text: 'Conatct record will be deleted!',
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#aaa',
                confirmButtonText: 'Delete!'
            }).then((result) => {
         //if user clicks on delete
                if (result.value) {
             // calling destroy method to delete
                    @this.call('destroy',contactId)
             // success response
                    Swal.fire({title: 'Contact deleted successfully!', icon: 'success'});
                } else {
                    Swal.fire({
                        title: 'Operation Cancelled!',
                        icon: 'success'
                    });
                }
            });
        });
    })
</script>
@endpush

You did it 🎉

Now just load the button within your blade.
In my case it is resources/views/contacts/index.blade.php.

<table class="table table-striped">
    <thead>
        <tr>
            <td>....</td>
            <td colspan=2>Actions</td>
        </tr>
    </thead>
    <tbody>
        @foreach($contacts as $contact)
        <tr>
            <td>...</td>
            <td>
                <a href="...">Edit</a>
            </td>
            <td>
                @livewire('confirm-delete', ['contactId' => $contact->id])
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

That's it.

Thank you! 👍

Laravel SweetAlert

Rashid Ali — Mon, 22 Apr 2019 20:04:24 +0000

Laravel SweetAlert 2 is a Laravel package that integrates the popular JavaScript SweetAlert 2 with Laravel.

Using the package’s Alert facade or alert() helper, you can queue up SweetAlert 2 alerts on the frontend from your controller:

It so easy to implement and easy to use give a shot and leave your thoughts.

Install

To get started with Laravel SweetAlert,
use Composer to add the package to your project's dependencies:

composer require realrashid/sweet-alert

Alert

alert('Title','Lorem Lorem Lorem', 'success');
alert()->success('Title','Lorem Lorem Lorem');
alert()->info('Title','Lorem Lorem Lorem');
alert()->warning('Title','Lorem Lorem Lorem');
alert()->question('Title','Lorem Lorem Lorem');
alert()->error('Title','Lorem Lorem Lorem');
alert()->html('HTML example'," You can use bold text, <a href='//github.com'>links</a> and other HTML tags ",'success');

Toast

toast('Your Post as been submited!','success','top-right');

You can also configure the package’s ToSweetAlert middleware to handle SweetAlert 2 messages during a middleware handler:

public function someFunction(Request $request)
{
    return redirect('login')->with('success', 'Login Successfully!');
}

You should check out the Documentation to see what methods are available.
You can learn more about this package and check out the source code on GitHub at realrashid/sweet-alert

Featured On