Category Archives: Laravel

Laravel Tutorials

Laravel 8 Send Emails using Office365 Example

In this Laravel 8 Send Mail using Office365 Tutorial I will show you how to send mail using Office365 in laravel 8. In this tutorial you will learn to send mails using Office365 In laravel application. In this post I’ll show you how to integrate Office365 to send email in laravel 8 application.

Laravel 8 provides builtin mailable markdown class to send emails. In Laravel 8 you can use mailtrap, smtp, Mailgun, Postmark, Amazon SES, and sendmail for sending emails. You are required to configure driver details on the .env file.

Laravel 8 Send Emails using Office365 Example

In this step by step tutorial you will understand how to send emails in Laravel using Office365.

Step 1 – Install Laravel 8 App
Step 2 – Configuration SMTP in .env
Step 3 – Create Mailable Class
Step 4 – Add Email Send Route
Step 5 – Create Directory And Blade View
Step 6 – Create Email Controller
Step 7 – Run Development Server

Step 1 – Install Laravel 8 App

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2 – Configuration SMTP in .env

In this step we will configure Office365 smtp settings in .env file as following:

MAIL_DRIVER=smtp
MAIL_HOST=smtp.office365.com
MAIL_PORT=587
MAIL_USERNAME=email
MAIL_PASSWORD=app_password
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS=email
MAIL_FROM_NAME="your app name"

MAIL_DRIVER=smtp

MAIL_HOST=smtp.office365.com

MAIL_PORT=587

MAIL_USERNAME=email

MAIL_PASSWORD=app_password

MAIL_ENCRYPTION=tls

MAIL_FROM_ADDRESS=email

MAIL_FROM_NAME="your app name"

Step 3 – Create Mailable Class

Now, create a mailable class for sending emails, use the following command :

php artisan make:mail NotifyMail

1	php artisan make:mail NotifyMail

<?php
 
namespace App\Mail;
 
use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
 
class NotifyMail extends Mailable
{
    use Queueable, SerializesModels;
 
    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct()
    {
        //
    }
 
    /**
     * Build the message.
     *
     * @return $this
     */
    public function build()
    {
        return $this->view('view.name');
    }
}

<?php

namespace App\Mail;

use Illuminate\Bus\Queueable;

use Illuminate\Contracts\Queue\ShouldQueue;

use Illuminate\Mail\Mailable;

use Illuminate\Queue\SerializesModels;

class NotifyMail extends Mailable

{

use Queueable, SerializesModels;

/**

* Create a new message instance.

* @return void

public function __construct()

{

}

/**

* Build the message.

* @return $this

public function build()

{

return $this->view('view.name');

}

Here you need to add an email template name in build class of the above created notifymail class.

return $this->view('view.name');
to
return $this->view('emails.demoMail');

return $this->view('view.name');

return $this->view('emails.demoMail');

In next step, we will create email template named demoMail.blade.php inside resources/views/emails directory. That’s why we have added view name email.

Step 4 – Add Send Email Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\SendEmailController;

Route::get('send-email', [SendEmailController::class, 'index']);

use App\Http\Controllers\SendEmailController;

Route::get('send-email', [SendEmailController::class, 'index']);

Step 5 – Create Directory And Blade View

In this step, we will create view/blade file to setup email template. Open resources/views/Email/demoMail.blade.php file, put the following code.

resources/views/Email/demoMail.blade.php

<!DOCTYPE html>
<html>
<head>
 <title>Laravel 8 Send Email Example</title>
</head>
<body>
 
 <h1>This is test mail</h1>
 <p>Laravel 8 send email example</p>
 
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Send Email Example</title>

</head>

<body>

<p>Laravel 8 send email example</p>

</body>

</html>

Step 6 – Create Send Email Controller

In this step we will create a new controller SendEmailController with one method to send email. Open your terminal and run following command to create controller:

php artisan make:controller SendEmailController

1	php artisan make:controller SendEmailController

Then navigate to app/Http/Controllers directory and open SendEmailController.php. Then update the following code into it:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
use Mail;
 
class SendEmailController extends Controller
{
     
    public function sendEmail()
    {
 
      Mail::to('receiver-email-id')->send(new NotifyMail());
 
      if (Mail::failures()) {
           return response()->Fail('Sorry! Please try again latter');
      }else{
           return response()->success('Great! Successfully send in your mail');
         }
    } 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Mail;

class SendEmailController extends Controller

{

public function sendEmail()

{

Mail::to('receiver-email-id')->send(new NotifyMail());

if (Mail::failures()) {

return response()->Fail('Sorry! Please try again latter');

}else{

return response()->success('Great! Successfully send in your mail');

}

Step 7 – Run Development Server

In this step, use this PHP artisan serve command to start your server locally:

php artisan serve

1	php artisan serve

Then open browser and fire the following URL on it:

http://127.0.0.1:8000/send-email

1	http://127.0.0.1:8000/send-email

Laravel 8 Create JSON File & Download From Text

In this Laravel 8 Create JSON File and Download From Text tutorial I will show you how to convert form data to JSON and download json file. I will also show you how to insert and download json format data into MySQL database. In this tutorial you will learn convert form data or text file data into json format and to save text file data from JSON data into MySQL database and download data from mysql database.

Laravel 8 Create JSON File & Download From Text

In this step by step tutorial I will guide you through how to save form or text data into database with json format and to download in laravel 8 application. Please follow the instruction given below:

Step 1: Install Laravel Latest Setup
Step 2: Setup Database
Step 3: Generate migration and model
Step 4: Migrate Database
Step 5: Add Route
Step 6: Create controller
Step 7: Create blade view
Step 8: Start Development Server

Step 1: Install Laravel Latest Setup

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel LaravelJson

1	composer create-project --prefer-dist laravel/laravel LaravelJson

Step 2: Setup Database

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

 DB_CONNECTION=mysql 
 DB_HOST=127.0.0.1 
 DB_PORT=3306 
 DB_DATABASE=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Migrate Database

Before you run php artisan migrate command go to app/providers/AppServiceProvider.php and update the below code into AppServiceProvider.php file:

 use Illuminate\Support\Facades\Schema;

 function boot()
 {
     Schema::defaultStringLength(191);
 }

use Illuminate\Support\Facades\Schema;

function boot()

{

Schema::defaultStringLength(191);

}

Step 4: Generate migration and model

Now, in this step we will create model and migration file. Please run the following command:

php artisan make:model Test -m

1	php artisan make:model Test -m

The above command will create a model and migration file. Go to app/database/migration and find the migration file name create_tests_table.php and update the following code into it:

public function up()
 {
     Schema::create('tests', function (Blueprint $table) {
         $table->increments('id');
         $table->string('token')->nullable();
         $table->text('data')->nullable();
         $table->timestamps();
     });
 }

public function up()

{

Schema::create('tests', function (Blueprint $table) {

$table->increments('id');

$table->string('token')->nullable();

$table->text('data')->nullable();

$table->timestamps();

});

}

Now, in this step we will create model and migration file. Please run the following command:

php artisan migrate

1	php artisan migrate

Step 5: Add Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\JsonController;
 
 
Route::get('laravel-json', [JsonController::class, 'index']);
Route::post('json-file-download', [JsonController::class, 'download']);

use App\Http\Controllers\JsonController;

Route::get('laravel-json', [JsonController::class, 'index']);

Route::post('json-file-download', [JsonController::class, 'download']);

Step 6: Create Controller

Now, lets create a controller named JsonController using command given below –

php artisan make:controller JsonController

1	php artisan make:controller JsonController

Now, go to app/http/controllers open JsonController and create two method. The first method is to display the form and second method convert form data to json format and save it to database:

<?php
 
namespace App\Http\Controllers;
use Redirect,Response;
use Illuminate\Http\Request;
use App\Models\Test;
 
class JsonController extends Controller
{
   public function index()
   {
      return view('json_form');
   }  
 
  public function download(Request $request)
  {
      $data = $request->only('name','email','mobile_number');
      $test['token'] = time();
      $test['data'] = json_encode($data);
      Test::insert($test);
      $fileName = $test['token']. '_datafile.json';
      File::put(public_path('/upload/json/'.$fileName),$test);
      return download(public_path('/upload/jsonfile/'.$fileName));
  }
 
}

<?php

namespace App\Http\Controllers;

use Redirect,Response;

use Illuminate\Http\Request;

use App\Models\Test;

class JsonController extends Controller

{

public function index()

{

return view('json_form');

}

public function download(Request $request)

{

$data = $request->only('name','email','mobile_number');

$test['token'] = time();

$test['data'] = json_encode($data);

Test::insert($test);

$fileName = $test['token']. '_datafile.json';

File::put(public_path('/upload/json/'.$fileName),$test);

return download(public_path('/upload/jsonfile/'.$fileName));

}

Step 7: Create Blade view

In this step we will create blade view file. Now, create a blade view name json_form.blade.php in resources/views directory. Put the below code here :

<!doctype html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>Laravel Store Data To Json Format In Database</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
  <style>
   .error{ color:red; } 
  </style>
</head>
 
<body>
 
<div class="container">
    <h2 style="margin-top: 10px;">Laravel Store Data To Json Format In Database</h2>
    <br>
    <br>
 
    @if ($message = Session::get('success'))
    <div class="alert alert-success alert-block">
        <button type="button" class="close" data-dismiss="alert">×</button>
          <strong>{{ $message }}</strong>
    </div>
    <br>
    @endif
   
    <form id="laravel_json" method="post" action="{{url('json-file-download')}}">
      @csrf
      <div class="form-group">
        <label for="formGroupExampleInput">Name</label>
        <input type="text" name="name" class="form-control" id="formGroupExampleInput" placeholder="Please enter name">
      </div>
      <div class="form-group">
        <label for="email">Email Id</label>
        <input type="text" name="email" class="form-control" id="email" placeholder="Please enter email id">
      </div>      
      <div class="form-group">
        <label for="mobile_number">Mobile Number</label>
        <input type="text" name="mobile_number" class="form-control" id="mobile_number" placeholder="Please enter mobile number">
      </div>
      <div class="form-group">
       <button type="submit" class="btn btn-success">Submit</button>
      </div>
    </form>
 
</div>
 
</body>
</html>

<!doctype html>

<head>

<title>Laravel Store Data To Json Format In Database</title>

<style>

.error{ color:red; }

</style>

</head>

<body>

<h2 style="margin-top: 10px;">Laravel Store Data To Json Format In Database</h2>

<br>

@if ($message = Session::get('success'))

<strong>{{ $message }}</strong>

</div>

<br>

@endif

@csrf

</div>

<label for="email">Email Id</label>

</div>

<label for="mobile_number">Mobile Number</label>

</div>

<button type="submit" class="btn btn-success">Submit</button>

</div>

</form>

</div>

</body>

</html>

Step 8: Start Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

 http://localhost:8000/

1	http://localhost:8000/

Laravel 8 Download File From URL to Public Storage Folder

In this laravel download file from public storage folder example, I’ll show you how to download or display files from public storage folder in laravel 8 application. In this tutorial you will learn how to download or display files from public storage folder in laravel 8. In this article I will share example to display and download file from public storage folder in laravel 8.

Laravel 8 Download File From URL to Public Storage Folder

In this step by step tutorial I’ll guide you through the step to download files from public storage folder. And as well as display files on laravel blade views:

Steps 1: Routes

In this step, you need to add the following routes on web.php file. Go to routes directory and open web.php file then update the routes as following:

web.php

use App\Http\Controllers\FileController;
 
 
Route::get('view', [FileController::class, 'index']);
Route::get('get/{filename}', [FileController::class, 'getfile']);

use App\Http\Controllers\FileController;

Route::get('view', [FileController::class, 'index']);

Route::get('get/{filename}', [FileController::class, 'getfile']);

Step 2: Create Controller File

Now, go to app/controllers and create a controller file named FileController.php. Then update put the following methods in it:

function getFile($filename){
        $file=Storage::disk('public')->get($filename);
  
        return (new Response($file, 200))
              ->header('Content-Type', 'image/jpeg');
    }

function getFile($filename){

$file=Storage::disk('public')->get($filename);

return (new Response($file, 200))

->header('Content-Type', 'image/jpeg');

}

The above code will download files from public storage by giving the file name and return a response with correct content type. To display files on blade views, so you have to update the following methods into your controller file:

$files = Storage::files("public");
        $images=array();
        foreach ($files as $key => $value) {
            $value= str_replace("public/","",$value);
            array_push($images,$value);
        }
    return view('show', ['images' => $images]);

$files = Storage::files("public");

$images=array();

foreach ($files as $key => $value) {

$value= str_replace("public/","",$value);

array_push($images,$value);

}

return view('show', ['images' => $images]);

The above lined of code fetches the image files from the public storage folder and extract the name of these files and you pass them to your view.

Step 3: Create Blade View

Now, go to resources\view folder and create a blade view file named show.blade.php. Then update the following code into it:

@foreach($images as $image)
 
 <div> 
    <img src="{{route('getfile', $image)}}"  class="img-responsive" />
 </div>
                  
 
 @endforeach

@foreach($images as $image)

<div>

</div>

@endforeach

In Laravel 5,6,7,8, you can do this for a local file to download it:

return response()->download('path/to/file/image.jpg');

1	return response()->download('path/to/file/image.jpg');

You can download external image using copy() function, then send it to user in the response:

$filename = 'temp-image.jpg';
$tempImage = tempnam(sys_get_temp_dir(), $filename);
copy('https://my-cdn.com/files/image.jpg', $tempImage);
 
return response()->download($tempImage, $filename);

$filename = 'temp-image.jpg';

$tempImage = tempnam(sys_get_temp_dir(), $filename);

copy('https://my-cdn.com/files/image.jpg', $tempImage);

return response()->download($tempImage, $filename);

Note that, if you are getting the following errors in laravel apps, when you are working with laravel files or storage:

1: “class ‘app\http\controllers\file’ not found”.

Import File in your controller file as follow:

use File;

use File;

2: “class ‘app\http\controllers\response’ not found”.

Import Response in your controller file as follow:

use Response;

1	use Response;

3: “class ‘app\http\controllers\storage’ not found”.

Import Storage in your controller file as follow:

use Illuminate\Support\Facades\Storage;

1	use Illuminate\Support\Facades\Storage;

Laravel 8 Send SMS Notification to Mobile/ Phone Example

In this Laravel 8 Send SMS Notification to Mobile/ Phone Example tutorial I will show you how to send SMS notification to mobile in laravel 8 application. In this tutorial you will learn to send sms notification to mobile in laravel. In this example we will be using nexmo sms package to send sms in laravel 8 application.

Laravel 8 Send SMS Notification to Mobile/ Phone Example

In this step by step tutorial I will demonstrate you with example how to send sms notification in laravel 8 application using nexmo sms package. Please follow instruction given below:

Step 1 – Download Laravel 8 Application
Step 2 – Connecting App to Database
Step 3 – Install SMS Package
Step 4 – Create Route
Step 5 – Create Controller By Artisan Command
Step 6 – Run Development Server

Step 1 – Download Laravel 8 Application

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2 – Connecting App to Database

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database-name
DB_USERNAME=database-user-name
DB_PASSWORD=database-password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=database-name

DB_USERNAME=database-user-name

DB_PASSWORD=database-password

Step 3 – Install SMS Pakcage

In this step, we will install nexmo sms Package via the composer dependency manager. Use the following command to install nexmo sms Package.

composer require nexmo/client

1	composer require nexmo/client

Visit the link given below and create a nexmo account there:

https://www.nexmo.com

1	https://www.nexmo.com

After creating account you will be provided app id and secret key.

Step 4 – Create Routes

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\SendSMSController;
 
 
Route::get('send-sms', [SendSMSController::class, 'index']);

use App\Http\Controllers\SendSMSController;

Route::get('send-sms', [SendSMSController::class, 'index']);

Step 5 – Create Controller By Artisan Command

Now, lets create a controller named SendSMSController using command given below –

php artisan make:controller SendSMSController

1	php artisan make:controller SendSMSController

Now, go to app/http/controllers and open SendSMSController.php file. And put the following code into it:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
 
 
class SendSMSController extends Controller
{
    public function index()
    {
        $basic  = new \Nexmo\Client\Credentials\Basic('key', 'secret');
        $client = new \Nexmo\Client($basic);
 
        $message = $client->message()->send([
            'to' => '9181600*****',
            'from' => 'Nexmo',
            'text' => 'A text message sent using the Nexmo SMS API'
        ]);
 
        dd('message send successfully');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class SendSMSController extends Controller

{

public function index()

{

$basic = new \Nexmo\Client\Credentials\Basic('key', 'secret');

$client = new \Nexmo\Client($basic);

$message = $client->message()->send([

'to' => '9181600*****',

'from' => 'Nexmo',

'text' => 'A text message sent using the Nexmo SMS API'

]);

dd('message send successfully');

}

Step 6 – Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://127.0.0.1:8000/send-sms

1	http://127.0.0.1:8000/send-sms

Laravel 8 Livewire Dependent Dropdown Tutorial

In this Laravel 8 Livewire Dependent Dropdown Example tutorial, I’ll show you how to create dependent dropdown with Livewire in laravel 8. In this tutorial you will learn to implement dependent dropdown with Livewire in laravel 8. In this article we will be creating simple country state city dependent dropdown example to demonstrate dependent dropdown example in laravel.

In this step by step Laravel 8 Livewire Dependent Dropdown tutorial I will demonstrate you how to create Livewire Dependent Dropdown in laravel 8 application. Please follow instruction given below:

Step 1: Install Laravel 8 App
Step 2: Add Database Detail
Step 3: Create Migration For File using Artisan
Step 4: Create Model File
Step 5: Install Livewire Package
Step 6: Create Dependent Dropdown Component using Artisan
Step 7: Add Route For Livewire Dependent Dropdown
Step 8: Create View File
Step 9: Run Development Server

Step 1: Install Laravel 8 App

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

 composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2: Add Database Detail

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql  
DB_HOST=127.0.0.1  
DB_PORT=3306  
DB_DATABASE=here your database name here 
DB_USERNAME=here database username here 
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Create Migration For File using Artisan

Now, in this step we will create a migration file. Please run the following command:

php artisan make:migration create_states_cities_tables

1	php artisan make:migration create_states_cities_tables

Now, go to database/migrations folder and open create_states_cities_tables.php file. Then update the following code into create_states_cities_tables.php file:

<?php
   
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
   
class CreateStatesCitiesTables extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('states', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->timestamps();
        });
   
        Schema::create('cities', function (Blueprint $table) {
            $table->id();
            $table->integer('state_id');
            $table->string('name');
            $table->timestamps();
        });
    }
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('states');
        Schema::dropIfExists('cities');
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateStatesCitiesTables extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('states', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->timestamps();

});

Schema::create('cities', function (Blueprint $table) {

$table->id();

$table->integer('state_id');

$table->string('name');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('states');

Schema::dropIfExists('cities');

}

Step 4: Create Model File

Now, we will create model file. Please run the following command:

php artisan make:model State
php artisan make:model City

1 2	php artisan make:model State php artisan make:model City

Then visit app/Models/ directory and open state.php file and add the following code into it:

<?php
   
namespace App\Models;
   
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
   
class State extends Model
{
    use HasFactory;
   
    protected $fillable = ['name'];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class State extends Model

{

use HasFactory;

protected $fillable = ['name'];

}

Then visit app/Models/ directory and open city.php file and add the following code into it:

<?php
   
namespace App\Models;
   
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
   
class City extends Model
{
    use HasFactory;
   
    protected $fillable = ['state_id', 'name'];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class City extends Model

{

use HasFactory;

protected $fillable = ['state_id', 'name'];

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Step 5: Install Livewire Package

In this step, we will install livewire Package via the composer dependency manager. Use the following command to install livewire Package.

composer require livewire/livewire

1	composer require livewire/livewire

In this step we will create a livewire component for country state city dropdown functionality:

php artisan make:livewire statecitydropdown

1	php artisan make:livewire statecitydropdown

The above command will create the component on the following path:

app/Http/Livewire/Statecitydropdown.php

resources/views/livewire/statecitydropdown.blade.php

app/Http/Livewire/Statecitydropdown.php

resources/views/livewire/statecitydropdown.blade.php

Now, go to app/Http/Livewire folder and open Statecitydropdown.php file. Then add the following code into your Statecitydropdown.php file:

<?php
   
namespace App\Http\Livewire;
   
use Livewire\Component;
use App\Models\City;
use App\Models\State;
   
class Statecitydropdown extends Component
{
    public $states;
    public $cities;
   
    public $selectedState = NULL;
   
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function mount()
    {
        $this->states = State::all();
        $this->cities = collect();
    }
   
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function render()
    {
        return view('livewire.statecitydropdown')->extends('layouts.app');
    }
   
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function updatedSelectedState($state)
    {
        if (!is_null($state)) {
            $this->cities = City::where('state_id', $state)->get();
        }
    }
     
}

<?php

namespace App\Http\Livewire;

use Livewire\Component;

use App\Models\City;

use App\Models\State;

class Statecitydropdown extends Component

{

public $states;

public $cities;

public $selectedState = NULL;

/**

* Write code on Method

* @return response()

public function mount()

{

$this->states = State::all();

$this->cities = collect();

}

/**

* Write code on Method

* @return response()

public function render()

{

return view('livewire.statecitydropdown')->extends('layouts.app');

}

/**

* Write code on Method

* @return response()

public function updatedSelectedState($state)

{

if (!is_null($state)) {

$this->cities = City::where('state_id', $state)->get();

}

Now, go to resources/views/livewire folder and open statecitydropdown.blade.php file. Then add the following code into your statecitydropdown.blade.php file:

<div>
    <h1>Laravel Livewire Dependant Dropdown</h1>
    <div class="form-group row">
        <label for="state" class="col-md-4 col-form-label text-md-right">State</label>
        <div class="col-md-6">
            <select wire:model="selectedState" class="form-control">
                <option value="" selected>Choose state</option>
                @foreach($states as $state)
                    <option value="{{ $state->id }}">{{ $state->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
   
    @if (!is_null($selectedState))
        <div class="form-group row">
            <label for="city" class="col-md-4 col-form-label text-md-right">City</label>
   
            <div class="col-md-6">
                <select class="form-control" name="city_id">
                    <option value="" selected>Choose city</option>
                    @foreach($cities as $city)
                        <option value="{{ $city->id }}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    @endif
</div>

<div>

<h1>Laravel Livewire Dependant Dropdown</h1>

<label for="state" class="col-md-4 col-form-label text-md-right">State</label>

<option value="" selected>Choose state</option>

@foreach($states as $state)

<option value="{{ $state->id }}">{{ $state->name }}</option>

@endforeach

</select>

</div>

@if (!is_null($selectedState))

<option value="" selected>Choose city</option>

@foreach($cities as $city)

@endforeach

</select>

</div>

@endif

</div>

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
   
use Illuminate\Support\Facades\Route;
  
use App\Http\Livewire\Statecitydropdown;
   
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
   
Route::get('statecitydropdown', Statecitydropdown::class);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Livewire\Statecitydropdown;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('statecitydropdown', Statecitydropdown::class);

Step 8: Create View File

In this step we will create blade view files. Go to resources/views/livewire folder and create one blade view files that name app.blade.php file. Then put the following code into your app.blade.php file:

<!DOCTYPE html>
<html>
<head>
    <title>Laravel Livewire Example</title>
    @livewireStyles
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</head>
<body>
     
<div class="container">
    @yield('content')
</div>
     
</body>
   
@livewireScripts
   
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel Livewire Example</title>

@livewireStyles

</head>

<body>

@yield('content')

</div>

</body>

@livewireScripts

</html>

Step 9: Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

localhost:8000/statecitydropdown

1	localhost:8000/statecitydropdown

Laravel 8 Livewire Click Event Tutorial Example

In this Laravel 8 livewire click event tutorial example tutorial I will show you how to implement click event with livewire in laravel 8 application. In this tutorial you will learn to implement or create click event using livewire in laravel 8. In this article I will share example to create livewire click event in laravel.

Laravel 8 Livewire Click Event Tutorial Example

In this step by step tutorial I will demonstrate you how to implement click event with livewire in laravel 8 application. Please follow the instruction given below:

Step 1: Install Laravel 8 App
Step 2: Add Database Detail
Step 3: Install Livewire Package
Step 4: Create Click Event Component using Artisan
Step 5: Add Route For Livewire Click Event
Step 6: Create View File
Step 7: Run Development Server

Step 1: Install Laravel 8 App

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

 composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2: Add Database Detail

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql  
DB_HOST=127.0.0.1  
DB_PORT=3306  
DB_DATABASE=here your database name here 
DB_USERNAME=here database username here 
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

Step 3: Install Livewire Package

In this step, we will install livewire Package via the composer dependency manager. Use the following command to install livewire Package.

composer require livewire/livewire

1	composer require livewire/livewire

Step 4: Create Click Event Component using Artisan

Now we will create a livewire click event component using following artisan command:

php artisan make:livewire clickEvent

1	php artisan make:livewire clickEvent

The above command will create the following components on the following path:

app/Http/Livewire/ClickEvent.php

resources/views/livewire/click-event.blade.php

app/Http/Livewire/ClickEvent.php

resources/views/livewire/click-event.blade.php

Now, go to app/Http/Livewire folder and open ClickEvent.php file. Then add the following code into your ClickEvent.php file:

<?php
   
namespace App\Http\Livewire;
   
use Livewire\Component;
   
class ClickEvent extends Component
{
    public $message = '';
    public $user_id = 42;
   
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function render()
    {
        return view('livewire.click-event')->extends('layouts.app');
    }
   
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function callFunction()
    {
        $this->message = "You clicked on button";
    }
   
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function callFunctionArg($user_id)
    {
        $this->message = $user_id;
    }
}

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class ClickEvent extends Component

{

public $message = '';

public $user_id = 42;

/**

* Write code on Method

* @return response()

public function render()

{

return view('livewire.click-event')->extends('layouts.app');

}

/**

* Write code on Method

* @return response()

public function callFunction()

{

$this->message = "You clicked on button";

}

/**

* Write code on Method

* @return response()

public function callFunctionArg($user_id)

{

$this->message = $user_id;

}

Now, go to resources/views/livewire folder and open click-event.blade.php file. Then add the following code into your click-event.blade.php file:

<div>
    <button type="button" wire:click="callFunction" class="btn btn-danger">Click Me</button>
    <button type="button" wire:click="callFunctionArg({{$user_id}})" class="btn btn-danger">Click Me!</button>
       
    <p>{{ $message }}</p>
</div>

<div>

<button type="button" wire:click="callFunction" class="btn btn-danger">Click Me</button>

<button type="button" wire:click="callFunctionArg({{$user_id}})" class="btn btn-danger">Click Me!</button>

<p>{{ $message }}</p>

</div>

Step 5: Add Route For Livewire Click Event

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
   
use Illuminate\Support\Facades\Route;
  
use App\Http\Livewire\ClickEvent;
   
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
   
Route::get('click-event', ClickEvent::class);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Livewire\ClickEvent;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('click-event', ClickEvent::class);

Step 6: Create View File

In this step we will create blade view file. Go to resources/views/livewire folder and create one blade view files that name app.blade.php file. Then add the following code into your app.blade.php file:

<!DOCTYPE html>
<html>
<head>
    <title>Laravel 8 Click Event Livewire Example</title>
    @livewireStyles
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</head>
<body>
     
<div class="container">
    @yield('content')
</div>
     
</body>
   
@livewireScripts
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Click Event Livewire Example</title>

@livewireStyles

</head>

<body>

@yield('content')

</div>

</body>

@livewireScripts

</html>

Step 7: Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

localhost:8000/click-event

1	localhost:8000/click-event

Laravel Create Custom Blade Directive

In this Laravel Create Custom Blade Directive tutorial I will show you how to create custom blade directive in laravel. In this tutorial you will learn to create custom blade directives in laravel. In this article I will share example to create custom blade directives.

In laravel you can create your own @var, @if, @case directive that help you to avoid rewrite same code multiple time so that you can reuse.

Laravel Create Custom Blade Directive

In this step by step tutorial we will be creating custom blade directives and reuse it in blade file. we will create @nl2br blade directive and use it with example. Please follow the instruction given below:

Step 1: Create Custom Blade Directive

First of all you have to declare custom blade directive in your app service provide file:

app/Providers/AppServiceProvider.php

<?php

  

namespace App\Providers;

  

use Illuminate\Support\ServiceProvider;

use Illuminate\Pagination\Paginator;

use Blade;

  

class AppServiceProvider extends ServiceProvider

{

    /**

     * Register any application services.

     *

     * @return void

     */

    public function register()

    {

          

    }

    /**

     * Bootstrap any application services.

     *

     * @return void

     */

    public function boot()

    {

        Paginator::useBootstrap();

  

        Blade::directive('nl2br', function ($string) {

            return "<?php echo nl2br($string); ?>";

        });

    }

}

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;

use Illuminate\Pagination\Paginator;

use Blade;

class AppServiceProvider extends ServiceProvider

{

/**

* Register any application services.

* @return void

public function register()

{

}

/**

* Bootstrap any application services.

* @return void

public function boot()

{

Paginator::useBootstrap();

Blade::directive('nl2br', function ($string) {

return "<?php echo nl2br($string); ?>";

});

}

Step 2: Create Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

Route::get('directive', function () {

      

    $body = '';

  

    if(request()->filled('body')){

        $body = request()->body;        

    }

  

    return view('directive', compact('body'));

});

Route::get('directive', function () {

$body = '';

if(request()->filled('body')){

$body = request()->body;

}

return view('directive', compact('body'));

});

Step 3: Create Blade File

Now you can use @nl2br directive in this blade file as following:

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

</head>

<body>

  

<div class="container">

    <h1>How to create directive in Laravel</h1>

  

    <form>

        <strong>Enter Something:</strong>

        <textarea name="body" class="form-control" style="height: 200px"></textarea>

  

        <button type="submit" class="btn btn-success">Submit</button>

    </form>

  

    <p>Body:</p>

    <p>@nl2br($body)</p>

</div>

  

</body>

</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>How to create directive in Laravel</h1>

<form>

<strong>Enter Something:</strong>

<button type="submit" class="btn btn-success">Submit</button>

</form>

</div>

</body>

</html>

Laravel 8 Livewire Select2 Dropdown Tutorial Example

In this Laravel 8 livewire select2 example tutorial I will show you how to implement livewire select2 dropdown in laravel 8 application. In this tutorial you will learn to implement livewire select2 dropdown in laravel 8. In this article I will share example to implement livewire select2 dropdown in laravel 8 application.

In this step by step tutorial I will demonstrate you with example how to create livewire select2 dropdown in laravel 8 application. Please follow the instruction given below:

Step 1: Install Laravel 8 App
Step 2: Add Database Detail
Step 3: Install Livewire Package
Step 4: Create Select2 Component using Artisan
Step 5: Add Route For Livewire Select2
Step 6: Create View File
Step 7: Run Development Server

Step 1: Install Laravel 8 App

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

 composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2: Add Database Detail

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql  
DB_HOST=127.0.0.1  
DB_PORT=3306  
DB_DATABASE=here your database name here 
DB_USERNAME=here database username here 
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Step 3: Install Livewire Package

In this step, we will install livewire Package via the composer dependency manager. Use the following command to install livewire Package.

composer require livewire/livewire

1	composer require livewire/livewire

Step 4: Create Select2 Component using Artisan

In this step we will create a livewire component for creating a livewire select2 dropdown component using the following command:

php artisan make:livewire select2

1	php artisan make:livewire select2

This command will create the following components on the following path:

app/Http/Livewire/Select2.php

resources/views/livewire/select2.blade.php

app/Http/Livewire/Select2.php

resources/views/livewire/select2.blade.php

Now, go to app/Http/Livewire folder and open Select2.php file. Then put the following code into your Select2.php file:

<?php
 
   
 
namespace App\Http\Livewire;
 
   
 
use Livewire\Component;
 
   
 
class Select2 extends Component
 
{
 
    public $selCity = '';
 
    public $cities = [
 
        'Rajkot',
 
        'Surat',
 
        'Baroda',
 
    ]; 
 
    
 
    /**
 
     * Write code on Method
 
     *
 
     * @return response()
 
     */
 
    public function render()
 
    {
 
        return view('livewire.select2')->extends('layouts.app');
 
    }
 
}

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Select2 extends Component

{

public $selCity = '';

public $cities = [

'Rajkot',

'Surat',

'Baroda',

];

/**

* Write code on Method

* @return response()

public function render()

{

return view('livewire.select2')->extends('layouts.app');

}

Now, go to resources/views/livewire folder and open select2.blade.php file. Then add the following code into your select2.blade.php file:

<div>
 
    <h1>Laravel 8 Livewire Select2 Example</h1>
 
    <strong>Select2 Dropdown: {{ $selCity }}</strong>
 
    <div wire:ignore>
 
        <select class="form-control" id="select2" >
 
            <option value="">-- Select City --</option>
 
            @foreach($cities as $city)
 
                <option value="{{ $city }}">{{ $city }}</option>
 
            @endforeach
 
        </select>
 
    </div>
 
</div>
 
   
 
@push('scripts')
 
<script>
 
    $(document).ready(function() {
 
        $('#select2').select2();
 
        $('#select2').on('change', function (e) {
 
            var data = $('#select2').select2("val");
 
            @this.set('selCity', data);
 
        });
 
    });
 
</script>
 
@endpush

<div>

<h1>Laravel 8 Livewire Select2 Example</h1>

<strong>Select2 Dropdown: {{ $selCity }}</strong>

<option value="">-- Select City --</option>

@foreach($cities as $city)

@endforeach

</select>

</div>

@push('scripts')

$(document).ready(function() {

$('#select2').select2();

$('#select2').on('change', function (e) {

var data = $('#select2').select2("val");

@this.set('selCity', data);

});

</script>

@endpush

Step 5: Add Route For Livewire Select2

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
   
use Illuminate\Support\Facades\Route;
  
use App\Http\Livewire\Select2;
   
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
   
Route::get('select2', Select2::class);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Livewire\Select2;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('select2', Select2::class);

Step 6: Create View File

<!DOCTYPE html>
<html>
<head>
    <title>Laravel Livewire Example</title>
    @livewireStyles
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</head>
<body>
     
<div class="container">
    @yield('content')
</div>
     
</body>
   
@livewireScripts
@stack('scripts')
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel Livewire Example</title>

@livewireStyles

</head>

<body>

@yield('content')

</div>

</body>

@livewireScripts

@stack('scripts')

</html>

Step 7: Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

localhost:8000/select2

1	localhost:8000/select2

Laravel 8 Send SMS to Mobile with Nexmo Example

In this Laravel 8 Send SMS to Mobile with Nexmo Example tutorial I will show you how to send SMS message to mobile in laravel 8 application. In this tutorial you will learn to send sms to mobile in laravel. In this example we will be using nexmo sms package to send sms message in laravel 8 application.

Laravel 8 Send SMS to Mobile with Nexmo Example

In this step by step tutorial I will demonstrate you with example how to send sms message in laravel 8 application using nexmo sms package. Please follow instruction given below:

Step 1 – Download Laravel 8 Application
Step 2 – Connecting App to Database
Step 3 – Install SMS Package
Step 4 – Create Route
Step 5 – Create Controller By Artisan Command
Step 6 – Run Development Server

Step 1 – Download Laravel 8 Application

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2 – Connecting App to Database

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database-name
DB_USERNAME=database-user-name
DB_PASSWORD=database-password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=database-name

DB_USERNAME=database-user-name

DB_PASSWORD=database-password

Step 3 – Install SMS Pakcage

In this step, we will install nexmo sms Package via the composer dependency manager. Use the following command to install nexmo sms Package.

composer require nexmo/client

1	composer require nexmo/client

Visit the link given below and create a nexmo account there:

https://www.nexmo.com

1	https://www.nexmo.com

After creating account you will be provided app id and secret key.

Step 4 – Create Routes

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\SendSMSController;
 
 
Route::get('send-sms', [SendSMSController::class, 'index']);

use App\Http\Controllers\SendSMSController;

Route::get('send-sms', [SendSMSController::class, 'index']);

Step 5 – Create Controller By Artisan Command

Now, lets create a controller named SendSMSController using command given below –

php artisan make:controller SendSMSController

1	php artisan make:controller SendSMSController

Now, go to app/http/controllers and open SendSMSController.php file. And put the following code into it:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
 
 
class SendSMSController extends Controller
{
    public function index()
    {
        $basic  = new \Nexmo\Client\Credentials\Basic('key', 'secret');
        $client = new \Nexmo\Client($basic);
 
        $message = $client->message()->send([
            'to' => '9181600*****',
            'from' => 'Nexmo',
            'text' => 'A text message sent using the Nexmo SMS API'
        ]);
 
        dd('message send successfully');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class SendSMSController extends Controller

{

public function index()

{

$basic = new \Nexmo\Client\Credentials\Basic('key', 'secret');

$client = new \Nexmo\Client($basic);

$message = $client->message()->send([

'to' => '9181600*****',

'from' => 'Nexmo',

'text' => 'A text message sent using the Nexmo SMS API'

]);

dd('message send successfully');

}

Step 6 – Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://127.0.0.1:8000/send-sms

1	http://127.0.0.1:8000/send-sms

Laravel 8 Find Nearest Location By Latitude and Longitude

In this Laravel 8 Find Nearest Location By Latitude and Longitude tutorial I will show you How to find nearest location using latitude and longitude in laravel 8 application. In this tutorial you will learn How to find nearest location using latitude and longitude in laravel 8. In this article I will share example to find nearest location using latitude and longitude in laravel 8 application. When developing any web application we come to situations where we need to find the nearest location using latitude and longitude in laravel. In this tutorial I will help you find nearest location using your current latitude and longitude in laravel 8. In this examplewe will find neareby place using latitude and longitude query in laravel eloquent. You can get nearest geolocation by mysql radius query laravel 8.

Laravel 8 Find Nearest Location By Latitude and Longitude

In this step by step tutorial I will demonstrate you How to find nearest location using latitude and longitude in laravel 8. Please follow the instruction given below:

Step 1 – Install Laravel 8 App
Step 2 – Connecting App to Database
Step 3 – Add Route
Step 4 – Generate Controller by Command
Step 5 – Run Development Server
Step 6 – Test This App

Step 1 – Install Laravel 8 App

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2 – Connecting App to Database

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=Enter_Your_Database_Name
DB_USERNAME=Enter_Your_Database_Username
DB_PASSWORD=Enter_Your_Database_Password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=Enter_Your_Database_Name

DB_USERNAME=Enter_Your_Database_Username

DB_PASSWORD=Enter_Your_Database_Password

Step 3 – Add Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\LocationController;
Route::get('near-places', [LocationController::class, 'index']);

1 2	use App\Http\Controllers\LocationController; Route::get('near-places', [LocationController::class, 'index']);

Step 4 – Generate Controller by Command

Now, lets create a controller named LocationController using command given below –

php artisan make:controller LocationController

1	php artisan make:controller LocationController

After successfully create controller go to app/controllers/LocationController.php and update the following code :

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
use DB;
 
class LocationController extends Controller
{
    // ---------------- [ Load View ] ----------------
    public function index(Request $request) {
 
                $lat = YOUR_CURRENT_LATTITUDE;
        $lon = YOUR_CURRENT_LONGITUDE;
            
        $data = DB::table("users")
            ->select("users.id"
                ,DB::raw("6371 * acos(cos(radians(" . $lat . ")) 
                * cos(radians(users.lat)) 
                * cos(radians(users.lon) - radians(" . $lon . ")) 
                + sin(radians(" .$lat. ")) 
                * sin(radians(users.lat))) AS distance"))
                ->groupBy("users.id")
                ->get();
 
      dd($data);
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use DB;

class LocationController extends Controller

{

// ---------------- [ Load View ] ----------------

public function index(Request $request) {

$lat = YOUR_CURRENT_LATTITUDE;

$lon = YOUR_CURRENT_LONGITUDE;

$data = DB::table("users")

->select("users.id"

,DB::raw("6371 * acos(cos(radians(" . $lat . "))

* cos(radians(users.lat))

* cos(radians(users.lon) - radians(" . $lon . "))

+ sin(radians(" .$lat. "))

* sin(radians(users.lat))) AS distance"))

->groupBy("users.id")

->get();

dd($data);

}

Step 5 – Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

 http://localhost:8000/near-places

1	http://localhost:8000/near-places

Laravel 8 Generate and Read XML File Tutorial Example

In this Laravel 8 Generate and Read XML File Tutorial Example tutorial I will show you how to read xml file in laravel 8 application. In this tutorial you will learn to generate and read xml file in laravel 8 application. In this article I will share example to generate and read xml file in laravel 8 application.

Laravel 8 Read XML File Tutorial Example

In this step by step tutorial I will demonstrate you how to read xml file in laravel. Please follow the instruction given below:

Create Sample XML File

Please create a sample xml file with below code and save it as name “sample-course.xml” and save it in public directory:

<?xml version="1.0" encoding="UTF-8"?>
<online_course>
  <course>
    <name>WordPress Theme Development</name>
    <price>Free</price>
    <category>WordPress</category>
    <videos>35</videos>
  </course>
  <course>
    <name>WordPress Plugin Development</name>
    <price>Free</price>
    <category>WordPress</category>
    <videos>50</videos>
  </course>
</online_course>

<?xml version="1.0" encoding="UTF-8"?>

<online_course>

<name>WordPress Theme Development</name>

<category>WordPress</category>

</course>

<name>WordPress Plugin Development</name>

<category>WordPress</category>

</course>

</online_course>

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel lara8blog

1	composer create-project --prefer-dist laravel/laravel lara8blog

Make sure you have composer installed.

Setup Database Credentials

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=lara8blog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara8blog

DB_USERNAME=root

DB_PASSWORD=

Create Controller

In this step we will create a controller to parse or read xml data from file using following command:

php artisan make:controller ReadXmlController

1	php artisan make:controller ReadXmlController

Once the above command executed, it will create a controller file ReadXmlController.php in app/Http/Controllers/ directory. Open the ReadXmlController.php file and put the following code in it.

app/Http/Controllers/ReadXmlController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ReadXmlController extends Controller
{
    public function index()
    {
        $xmlDataString = file_get_contents(public_path('sample-course.xml'));
        $xmlObject = simplexml_load_string($xmlDataString);
                   
        $json = json_encode($xmlObject);
        $phpDataArray = json_decode($json, true); 
   
        // echo "<pre>";
        // print_r($phpDataArray);
        dd($phpDataArray);
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ReadXmlController extends Controller

{

public function index()

{

$xmlDataString = file_get_contents(public_path('sample-course.xml'));

$xmlObject = simplexml_load_string($xmlDataString);

$json = json_encode($xmlObject);

$phpDataArray = json_decode($json, true);

// echo "<pre>";

// print_r($phpDataArray);

dd($phpDataArray);

}

Create Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

# Import controller
use App\Http\Controllers\ReadXmlController;

Route::get("read-xml", [ReadXmlController::class, "index"]);

# Import controller

use App\Http\Controllers\ReadXmlController;

Route::get("read-xml", [ReadXmlController::class, "index"]);

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/read-xml

1	http://localhost:8000/read-xml

Laravel Eloquent firstWhere() Example

In this Laravel Eloquent firstWhere() Example tutorial I will show you how to use Eloquent firstWhere() method in laravel. In this tutorial you will learn about the use case and how to use Eloquent firstWhere() method in laravel model query. In this article I will share various example to use Eloquent firstWhere() method in laravel application.

What Is Eloquent firstWhere() method?

The eloquent firstWhere() method returns the first element in the collection with the given key / value pair. In laravel eloquent firstWhere() method will help you to easily fetch match first record.

Laravel Eloquent firstWhere() Example

The FirstWhere method returns the first element in the collection with the given key / value pair.

Example 1:

$collection = collect([
    ['name' => 'Regena', 'age' => null],
    ['name' => 'Linda', 'age' => 14],
    ['name' => 'Diego', 'age' => 23],
    ['name' => 'Linda', 'age' => 84],
]);
 
$collection->firstWhere('name', 'Linda');

$collection = collect([

['name' => 'Regena', 'age' => null],

['name' => 'Linda', 'age' => 14],

['name' => 'Diego', 'age' => 23],

['name' => 'Linda', 'age' => 84],

]);

$collection->firstWhere('name', 'Linda');

Output

// ['name' => 'Linda', 'age' => 14]

1	// ['name' => 'Linda', 'age' => 14]

Example 2:

$collection = collect([
    ['name' => 'Regena', 'age' => null],
    ['name' => 'Linda', 'age' => 14],
    ['name' => 'Diego', 'age' => 23],
    ['name' => 'Linda', 'age' => 84],
]);
 
$collection->firstWhere('age', '>=', 18);

$collection = collect([

['name' => 'Regena', 'age' => null],

['name' => 'Linda', 'age' => 14],

['name' => 'Diego', 'age' => 23],

['name' => 'Linda', 'age' => 84],

]);

$collection->firstWhere('age', '>=', 18);

Output

['name' => 'Diego', 'age' => 23],

1	['name' => 'Diego', 'age' => 23],

Example 3:

$collection = collect([
    ['name' => 'Regena', 'age' => null],
    ['name' => 'Linda', 'age' => 14],
    ['name' => 'Diego', 'age' => 23],
    ['name' => 'Linda', 'age' => 84],
]);
 
$collection->firstWhere('age');

$collection = collect([

['name' => 'Regena', 'age' => null],

['name' => 'Linda', 'age' => 14],

['name' => 'Diego', 'age' => 23],

['name' => 'Linda', 'age' => 84],

]);

$collection->firstWhere('age');

Output:

// ['name' => 'Linda', 'age' => 14]

1	// ['name' => 'Linda', 'age' => 14]

Laravel 8 Send Emails using Office365 Example

Step 1 – Install Laravel 8 App

Step 2 – Configuration SMTP in .env

Step 3 – Create Mailable Class

Step 4 – Add Send Email Route

Step 5 – Create Directory And Blade View

Step 6 – Create Send Email Controller

Step 7 – Run Development Server

Laravel 8 Create JSON File & Download From Text

Step 1: Install Laravel Latest Setup

Step 2: Setup Database

Step 3: Migrate Database

Step 4: Generate migration and model

Step 5: Add Route

Step 6: Create Controller

Step 7: Create Blade view

Step 8: Start Development Server

Laravel 8 Download File From URL to Public Storage Folder

Steps 1: Routes

Step 2: Create Controller File

Step 3: Create Blade View

Laravel 8 Send SMS Notification to Mobile/ Phone Example

Step 1 – Download Laravel 8 Application

Step 2 – Connecting App to Database

Step 3 – Install SMS Pakcage

Step 4 – Create Routes

Step 5 – Create Controller By Artisan Command

Step 6 – Run Development Server

Laravel 8 Livewire Dependent Dropdown Tutorial

Step 1: Install Laravel 8 App

Step 2: Add Database Detail

Step 3: Create Migration For File using Artisan

Step 4: Create Model File

Step 5: Install Livewire Package

Step 6: Create Dependent Dropdown Component using Artisan

Step 7: Add Route For Livewire Depedent Dropdown

Step 8: Create View File

Step 9: Run Development Server

Laravel 8 Livewire Click Event Tutorial Example

Step 1: Install Laravel 8 App

Step 2: Add Database Detail

Step 3: Install Livewire Package

Step 4: Create Click Event Component using Artisan

Step 5: Add Route For Livewire Click Event

Step 6: Create View File

Step 7: Run Development Server

Laravel Create Custom Blade Directive

Step 1: Create Custom Blade Directive

Step 2: Create Route

Step 3: Create Blade File

Laravel 8 Livewire Select2 Dropdown Tutorial Example

Step 1: Install Laravel 8 App

Step 2: Add Database Detail

Step 3: Install Livewire Package

Step 4: Create Select2 Component using Artisan

Step 5: Add Route For Livewire Select2

Step 6: Create View File

Step 7: Run Development Server

Laravel 8 Send SMS to Mobile with Nexmo Example

Step 1 – Download Laravel 8 Application

Step 2 – Connecting App to Database

Step 3 – Install SMS Pakcage

Step 4 – Create Routes

Step 5 – Create Controller By Artisan Command

Step 6 – Run Development Server

Laravel 8 Find Nearest Location By Latitude and Longitude

Step 1 – Install Laravel 8 App

Step 2 – Connecting App to Database

Step 3 – Add Route

Step 4 – Generate Controller by Command

Step 5 – Run Development Server

Laravel 8 Read XML File Tutorial Example

Create Sample XML File

Install Laravel 8

Setup Database Credentials

Create Controller

Create Route

Run Development Server

What Is Eloquent firstWhere() method?

Laravel Eloquent firstWhere() Example