├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── app
    └── Providers
    │   └── FortifyUITailwindServiceProvider.php
├── composer.json
├── fortify-ui-tailwindcss-screenshot.PNG
├── fortify-ui-tailwindcss.png
├── psalm.xml.dist
├── src
    ├── Commands
    │   └── FortifyUITailwindCommand.php
    └── FortifyUITailwindServiceProvider.php
└── stubs
    ├── package.json
    ├── resources
        ├── js
        │   ├── app.js
        │   ├── bootstrap.js
        │   └── components
        │   │   └── ExampleComponent.vue
        ├── sass
        │   └── app.scss
        └── views
        │   ├── auth
        │       ├── confirm-password.blade.php
        │       ├── forgot-password.blade.php
        │       ├── login.blade.php
        │       ├── register.blade.php
        │       ├── reset-password.blade.php
        │       ├── two-factor-challenge.blade.php
        │       └── verify-email.blade.php
        │   ├── home.blade.php
        │   ├── layouts
        │       └── app.blade.php
        │   └── profile
        │       ├── two-factor-authentication-form.blade.php
        │       ├── update-password-form.blade.php
        │       └── update-profile-information-form.blade.php
    ├── tailwind.config.js
    └── webpack.mix.js


/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 | 
3 | All notable changes to `fortify-ui-tailwind` will be documented in this file
4 | 
5 | ## 1.0.0 - 2020-10-08
6 | 
7 | -   initial release
8 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) Your Name <you@yourdomain.com>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center"><img width="400" src="https://github.com/mekpk/fortify-ui-tailwindcss/raw/master/fortify-ui-tailwindcss.png"></p>
 2 | 
 3 | # Introduction
 4 | 
 5 | This package is a Laravel Fortify UI preset, built with Tailwind CSS. This package requires Laravel Fortify. Installing **FortifyUI Tailwind** will automatically install and configure Laravel Fortify for you, so you may start there.
 6 | 
 7 | -   [Installation](#installation)
 8 | 
 9 | ## Installation
10 | 
11 | To get started, you'll need to install **FortifyUI Tailwind** using Composer.
12 | 
13 | ```bash
14 | composer require pradeep3/fortify-ui-tailwindcss
15 | ```
16 | 
17 | Next, you'll need to run the install command:
18 | 
19 | ```bash
20 | php artisan fortify-ui:tailwindcss
21 | ```
22 | 
23 | This command will publish **FortifyUI Tailwind's** views and resources to your project.
24 | 
25 | -   All `auth` views
26 | -   Other files...
27 | 
28 | <p align="center"><img  src="https://github.com/mekpk/fortify-ui-tailwindcss/raw/master/fortify-ui-tailwindcss-screenshot.PNG"></p>
29 | 
30 | ```bash
31 | npm install && npm run dev
32 | ```
33 | 
34 | This command will install the tailwind css and neccessary node packages
35 | 
36 | ## License
37 | 
38 | **FortifyUI Tailwind** is open-sourced software licensed under the [MIT license](LICENSE.md).
39 | 


--------------------------------------------------------------------------------
/app/Providers/FortifyUITailwindServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Providers;
 4 | 
 5 | use Illuminate\Support\ServiceProvider;
 6 | use Laravel\Fortify\Fortify;
 7 | 
 8 | class FortifyUITailwindServiceProvider extends ServiceProvider
 9 | {
10 |     /**
11 |      * Register any application services.
12 |      *
13 |      * @return void
14 |      */
15 |     public function register()
16 |     {
17 |         //
18 |     }
19 | 
20 |     /**
21 |      * Bootstrap any application services.
22 |      *
23 |      * @return void
24 |      */
25 |     public function boot()
26 |     {
27 |         Fortify::loginView(function () {
28 |             return view('auth.login');
29 |         });
30 | 
31 |         Fortify::registerView(function () {
32 |             return view('auth.register');
33 |         });
34 | 
35 |         Fortify::requestPasswordResetLinkView(function () {
36 |             return view('auth.forgot-password');
37 |         });
38 | 
39 |         Fortify::resetPasswordView(function ($request) {
40 |             return view('auth.reset-password', ['request' => $request]);
41 |         });
42 | 
43 |         // Fortify::verifyEmailView(function () {
44 |         //     return view('auth.verify-email');
45 |         // });
46 | 
47 |         // Fortify::confirmPasswordView(function () {
48 |         //     return view('auth.confirm-password');
49 |         // });
50 | 
51 |         // Fortify::twoFactorChallengeView(function () {
52 |         //     return view('auth.two-factor-challenge');
53 |         // });
54 |     }
55 | }


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "pradeep3/fortify-ui-tailwindcss",
 3 |     "description": "Laravel Fortify tailwind UI",
 4 |     "keywords": [
 5 |         "fortify-ui"
 6 |     ],
 7 |     "homepage": "https://github.com/mekpk/fortify-ui-tailwindcss",
 8 |     "license": "MIT",
 9 |     "authors": [
10 |         {
11 |             "name": "K Pradeep Kumar",
12 |             "email": "pradeep@kpktechnology.com",
13 |             "homepage": "https://twitter.com/me_kpk",
14 |             "role": "Developer"
15 |         }
16 |     ],
17 |     "require": {
18 |         "php": "^8.0.2",
19 |         "illuminate/contracts": "^9.21.6",
20 |         "laravel/fortify": "^1.13.1"
21 |     },
22 |     "require-dev": {
23 |         "friendsofphp/php-cs-fixer": "^3.9.5|^5.9.5",
24 |         "orchestra/testbench": "^7.6.0",
25 |         "phpunit/phpunit": "^9.5.21",
26 |         "vimeo/psalm": "^5.0"
27 |     },
28 |     "autoload": {
29 |         "psr-4": {
30 |             "Pradeep3\\FortifyUITailwind\\": "src"
31 |         }
32 |     },
33 |     "autoload-dev": {
34 |         "psr-4": {
35 |             "Pradeep3\\FortifyUITailwind\\Tests\\": "tests"
36 |         }
37 |     },
38 |     "scripts": {
39 |         "psalm": "vendor/bin/psalm",
40 |         "test": "vendor/bin/phpunit --colors=always",
41 |         "test-coverage": "vendor/bin/phpunit --coverage-html coverage",
42 |         "format": "vendor/bin/php-cs-fixer fix --allow-risky=yes"
43 |     },
44 |     "config": {
45 |         "sort-packages": true
46 |     },
47 |     "extra": {
48 |         "laravel": {
49 |             "providers": [
50 |                 "Pradeep3\\FortifyUITailwind\\FortifyUITailwindServiceProvider"
51 |             ]
52 |         }
53 |     },
54 |     "minimum-stability": "dev",
55 |     "prefer-stable": true
56 | }
57 | 


--------------------------------------------------------------------------------
/fortify-ui-tailwindcss-screenshot.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pradeep3/fortify-ui-tailwindcss/55a6051bf295c593bc5ea5f57f8f796392df272e/fortify-ui-tailwindcss-screenshot.PNG


--------------------------------------------------------------------------------
/fortify-ui-tailwindcss.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pradeep3/fortify-ui-tailwindcss/55a6051bf295c593bc5ea5f57f8f796392df272e/fortify-ui-tailwindcss.png


--------------------------------------------------------------------------------
/psalm.xml.dist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <psalm
 3 |     errorLevel="4"
 4 |     findUnusedVariablesAndParams="true"
 5 |     resolveFromConfigFile="true"
 6 |     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 7 |     xmlns="https://getpsalm.org/schema/config"
 8 |     xsi:schemaLocation="https://getpsalm.org/schema/config vendor/vimeo/psalm/config.xsd"
 9 | >
10 |     <projectFiles>
11 |         <directory name="src"/>
12 |         <ignoreFiles>
13 |             <directory name="vendor"/>
14 |         </ignoreFiles>
15 |     </projectFiles>
16 | </psalm>
17 | 


--------------------------------------------------------------------------------
/src/Commands/FortifyUITailwindCommand.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Pradeep3\FortifyUITailwind\Commands;
 4 | 
 5 | use Illuminate\Console\Command;
 6 | use Illuminate\Support\Str;
 7 | 
 8 | class FortifyUITailwindCommand extends Command
 9 | {
10 |     public $signature = 'fortify-ui:tailwindcss {--skip-provider}';
11 | 
12 |     public $description = 'Setup FortifyUI routes, service providers and views with Tailwindcss preset';
13 | 
14 |     public function handle()
15 |     {
16 |         $this->publishAssets();
17 |         $this->updateServiceProviders();
18 |         $this->updateRoutes();
19 | 
20 |         $this->comment('FortifyUI Tailwind CSS is now installed.');
21 | 
22 |         if ($this->option('skip-provider')) {
23 |             $this->info('Please, remember to include the Fortify view registrations!');
24 |         }
25 | 
26 |         $this->info('Please, run php artisan migrate!');
27 |     }
28 | 
29 |     protected function publishAssets()
30 |     {
31 |         $this->callSilent('vendor:publish', ['--provider' => 'Laravel\Fortify\FortifyServiceProvider']);
32 | 
33 |         if (! $this->option('skip-provider')) {
34 |             $this->callSilent('vendor:publish', ['--tag' => 'fortifyui-provider', '--force' => true]);
35 |         }
36 | 
37 |         $this->callSilent('vendor:publish', ['--tag' => 'fortifyui-views', '--force' => true]);
38 |     }
39 | 
40 |     public function updateServiceProviders()
41 |     {
42 |         $appConfig = file_get_contents(config_path('app.php'));
43 | 
44 |         if ($this->option('skip-provider')) {
45 |             if (! Str::contains($appConfig, 'App\\Providers\\FortifyServiceProvider::class')) {
46 |                 file_put_contents(config_path('app.php'), str_replace(
47 |                     "App\Providers\RouteServiceProvider::class,",
48 |                     "App\Providers\RouteServiceProvider::class,".PHP_EOL."        App\Providers\FortifyServiceProvider::class,",
49 |                     $appConfig
50 |                 ));
51 |             }
52 |         } else {
53 |             if (
54 |                 ! Str::contains($appConfig, 'App\\Providers\\FortifyServiceProvider::class')
55 |                 &&
56 |                 ! Str::contains($appConfig, 'App\\Providers\\FortifyUITailwindServiceProvider::class')
57 |             ) {
58 |                 file_put_contents(config_path('app.php'), str_replace(
59 |                     "App\Providers\RouteServiceProvider::class,",
60 |                     "App\Providers\RouteServiceProvider::class,".PHP_EOL."        App\Providers\FortifyServiceProvider::class,".PHP_EOL."        App\\Providers\\FortifyUITailwindServiceProvider::class",
61 |                     $appConfig
62 |                 ));
63 |             }
64 |         }
65 |     }
66 | 
67 |     protected function updateRoutes()
68 |     {
69 |         file_put_contents(
70 |             base_path('routes/web.php'),
71 |             "\nRoute::view('home', 'home')\n\t->name('home')\n\t->middleware(['auth', 'verified']);\n",
72 |             FILE_APPEND
73 |         );
74 |     }
75 | }


--------------------------------------------------------------------------------
/src/FortifyUITailwindServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Pradeep3\FortifyUITailwind;
 4 | 
 5 | use Illuminate\Support\ServiceProvider;
 6 | use Pradeep3\FortifyUITailwind\Commands\FortifyUITailwindCommand;
 7 | 
 8 | class FortifyUITailwindServiceProvider extends ServiceProvider
 9 | {
10 |     public function boot()
11 |     {
12 |         if ($this->app->runningInConsole()) {
13 |             $this->publishes([
14 |                 // views
15 |                 __DIR__ . '/../stubs/resources/views' => base_path('resources/views'),
16 | 
17 |                 // assets
18 |                 __DIR__ . '/../stubs/resources/js' => base_path('resources/js'),
19 |                 __DIR__ . '/../stubs/resources/sass' => base_path('resources/sass'),
20 |                 
21 |                 // package files
22 |                 __DIR__ . '/../stubs/.editorconfig' => base_path('.editorconfig'),
23 |                 __DIR__ . '/../stubs/.gitignore' => base_path('.gitignore'),
24 |                 __DIR__ . '/../stubs/package.json' => base_path('package.json'),
25 |                 __DIR__ . '/../stubs/tailwind.config.js' => base_path('tailwind.config.js'),
26 |                 __DIR__ . '/../stubs/webpack.mix.js' => base_path('webpack.mix.js'),
27 |             ], 'fortifyui-views');
28 | 
29 |             $this->publishes([
30 |                 __DIR__ . '/../app/Providers' => base_path('app/Providers'),
31 |             ], 'fortifyui-provider');
32 | 
33 |             $this->commands([
34 |                 FortifyUITailwindCommand::class,
35 |             ]);
36 |         }
37 |     }
38 | }
39 | 


--------------------------------------------------------------------------------
/stubs/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "scripts": {
 4 |         "dev": "npm run development",
 5 |         "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
 6 |         "watch": "npm run development -- --watch",
 7 |         "watch-poll": "npm run watch -- --watch-poll",
 8 |         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
 9 |         "prod": "npm run production",
10 |         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
11 |     },
12 |     "devDependencies": {
13 |         "axios": "^0.21",
14 |         "laravel-mix": "^6.0.6",
15 |         "lodash": "^4.17.19",
16 |         "postcss": "^8.1.14",
17 |         "cross-env": "^7.0.3",
18 |         "popper.js": "^1.16",
19 |         "resolve-url-loader": "^5.0",
20 |         "sass": "^1.54",
21 |         "sass-loader": "13.*",
22 |         "vue": "^3.*",
23 |         "vue-template-compiler": "^2.7.8",
24 |         "@tailwindcss/custom-forms": "^0.2.1"
25 |     },
26 |     "dependencies": {
27 |         "tailwindcss": "^3.1.6"
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/stubs/resources/js/app.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * First we will load all of this project's JavaScript dependencies which
 3 |  * includes Vue and other libraries. It is a great starting point when
 4 |  * building robust, powerful web applications using Vue and Laravel.
 5 |  */
 6 | 
 7 | require("./bootstrap");
 8 | 
 9 | window.Vue = require("vue");
10 | 
11 | /**
12 |  * The following block of code may be used to automatically register your
13 |  * Vue components. It will recursively scan this directory for the Vue
14 |  * components and automatically register them with their "basename".
15 |  *
16 |  * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
17 |  */
18 | 
19 | // const files = require.context('./', true, /\.vue$/i)
20 | // files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
21 | 
22 | Vue.component(
23 |     "example-component",
24 |     require("./components/ExampleComponent.vue").default
25 | );
26 | 
27 | /**
28 |  * Next, we will create a fresh Vue application instance and attach it to
29 |  * the page. Then, you may begin adding components to this application
30 |  * or customize the JavaScript scaffolding to fit your unique needs.
31 |  */
32 | 
33 | const app = new Vue({
34 |     el: "#app",
35 | });
36 | 


--------------------------------------------------------------------------------
/stubs/resources/js/bootstrap.js:
--------------------------------------------------------------------------------
 1 | window._ = require("lodash");
 2 | 
 3 | /**
 4 |  * We'll load the axios HTTP library which allows us to easily issue requests
 5 |  * to our Laravel back-end. This library automatically handles sending the
 6 |  * CSRF token as a header based on the value of the "XSRF" token cookie.
 7 |  */
 8 | 
 9 | window.axios = require("axios");
10 | 
11 | window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
12 | 
13 | /**
14 |  * Echo exposes an expressive API for subscribing to channels and listening
15 |  * for events that are broadcast by Laravel. Echo and event broadcasting
16 |  * allows your team to easily build robust real-time web applications.
17 |  */
18 | 
19 | // import Echo from 'laravel-echo';
20 | 
21 | // window.Pusher = require('pusher-js');
22 | 
23 | // window.Echo = new Echo({
24 | //     broadcaster: 'pusher',
25 | //     key: process.env.MIX_PUSHER_APP_KEY,
26 | //     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
27 | //     forceTLS: true
28 | // });
29 | 


--------------------------------------------------------------------------------
/stubs/resources/js/components/ExampleComponent.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="container">
 3 |         <div class="row justify-content-center">
 4 |             <div class="col-md-8">
 5 |                 <div class="card">
 6 |                     <div class="card-header">Example Component</div>
 7 | 
 8 |                     <div class="card-body">
 9 |                         I'm an example component.
10 |                     </div>
11 |                 </div>
12 |             </div>
13 |         </div>
14 |     </div>
15 | </template>
16 | 
17 | <script>
18 |     export default {
19 |         mounted() {
20 |             console.log('Component mounted.')
21 |         }
22 |     }
23 | </script>
24 | 


--------------------------------------------------------------------------------
/stubs/resources/sass/app.scss:
--------------------------------------------------------------------------------
1 | // Fonts
2 | @import url("https://fonts.googleapis.com/css?family=Nunito");
3 | 
4 | @import "tailwindcss/base";
5 | 
6 | @import "tailwindcss/components";
7 | 
8 | @import "tailwindcss/utilities";
9 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/confirm-password.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:max-w-lg sm:mt-10">
 5 |     <div class="flex">
 6 |         <div class="w-full">
 7 |             <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg p-6">
 8 |           
 9 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST" action="{{ route('password.email') }}">
10 |                     @csrf
11 | 
12 |                     <div class="flex flex-wrap">
13 |                         <label for="email" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
14 |                             {{ __('Password') }}
15 |                         </label>
16 | 
17 |                         <input
18 |                             class="form-input w-full @error('password') border-red-500 @enderror"
19 |                             value="{{ old('email') }}" type="password" name="password" required autocomplete="current-password">
20 | 
21 |                         @if ($errors->any())
22 |                             <div>
23 |                                 <div>{{ __('Whoops! Something went wrong.') }}</div>
24 |                     
25 |                                 <ul>
26 |                                     @foreach ($errors->all() as $error)
27 |                                         <li class="text-red-500 text-xs italic mt-4">{{ $error }}</li>
28 |                                     @endforeach
29 |                                 </ul>
30 |                             </div>
31 |                         @endif
32 |                     </div>
33 | 
34 |                     <div class="flex items-center">
35 |                         <button type="submit"
36 |                         class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150">
37 |                         {{ __('Confirm Password') }}
38 |                         </button>
39 | 
40 |                         @if (Route::has('password.request'))
41 |                             <a href="{{ route('password.request') }}" class="text-sm text-blue-500 hover:text-blue-700 whitespace-no-wrap no-underline hover:underline ml-auto">
42 |                                 {{ __('Forgot Your Password?') }}
43 |                             </a>
44 |                         @endif
45 |                     </div>
46 | 
47 |                 </form>
48 | 
49 |             </section>
50 |         </div>
51 |     </div>
52 | </main>
53 | 
54 | @endsection
55 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/forgot-password.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:max-w-lg sm:mt-10">
 5 |     <div class="flex">
 6 |         <div class="w-full">
 7 |             <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg p-6">
 8 |                 @if (session('status'))
 9 |                     <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">
10 |                         <span class="block sm:inline">{{ session('status') }}.</span>
11 |                     </div>
12 |                 @endif
13 |                 
14 | 
15 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST" action="{{ route('password.email') }}">
16 |                     @csrf
17 | 
18 |                     <div class="flex  flex-wrap">
19 |                         <label class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}</label>
20 |                     </div>
21 | 
22 |                     <div class="flex flex-wrap">
23 |                         <label for="email" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
24 |                             {{ __('E-Mail Address') }}:
25 |                         </label>
26 | 
27 |                         <input id="email" type="email"
28 |                             class="form-input w-full @error('email') border-red-500 @enderror" name="email"
29 |                             value="{{ old('email') }}" required autocomplete="email" autofocus>
30 | 
31 |                         @if ($errors->any())
32 |                             <div>
33 |                                 <ul>
34 |                                     @foreach ($errors->all() as $error)
35 |                                         <li class="text-red-500 text-xs italic mt-4">{{ $error }}</li>
36 |                                     @endforeach
37 |                                 </ul>
38 |                             </div>
39 |                         @endif
40 |                     </div>
41 | 
42 |                     <div class="flex flex-wrap">
43 |                         <button type="submit"
44 |                         class="w-full select-none font-bold whitespace-no-wrap p-3 rounded-lg text-base leading-normal no-underline text-gray-100 bg-blue-500 hover:bg-blue-700 sm:py-4">
45 |                         {{ __('Email Password Reset Link') }}
46 |                         </button>
47 |                     </div>
48 |                 </form>
49 | 
50 |             </section>
51 |         </div>
52 |     </div>
53 | </main>
54 | @endsection
55 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/login.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:max-w-lg sm:mt-10">
 5 |     @if (session('status'))
 6 |         <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">
 7 |             <span class="block sm:inline">{{ session('status') }}.</span>
 8 |         </div>
 9 |     @endif
10 |     
11 |     <div class="flex">
12 |         <div class="w-full">
13 |             <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg">
14 | 
15 |                 <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
16 |                     {{ __('Login') }}
17 |                 </header>
18 | 
19 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST" action="{{ route('login') }}">
20 |                     @csrf
21 | 
22 |                     <div class="flex flex-wrap">
23 |                         <label for="email" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
24 |                             {{ __('E-Mail Address') }}:
25 |                         </label>
26 | 
27 |                         <input id="email" type="email"
28 |                             class="form-input w-full @error('email') border-red-500 @enderror" name="email"
29 |                             value="{{ old('email') }}" required autocomplete="email" autofocus>
30 | 
31 |                         @error('email')
32 |                         <p class="text-red-500 text-xs italic mt-4">
33 |                             {{ $message }}
34 |                         </p>
35 |                         @enderror
36 |                     </div>
37 | 
38 |                     <div class="flex flex-wrap">
39 |                         <label for="password" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
40 |                             {{ __('Password') }}:
41 |                         </label>
42 | 
43 |                         <input id="password" type="password"
44 |                             class="form-input w-full @error('password') border-red-500 @enderror" name="password"
45 |                             required>
46 | 
47 |                         @error('password')
48 |                         <p class="text-red-500 text-xs italic mt-4">
49 |                             {{ $message }}
50 |                         </p>
51 |                         @enderror
52 |                     </div>
53 | 
54 |                     <div class="flex items-center">
55 |                         <label class="inline-flex items-center text-sm text-gray-700" for="remember">
56 |                             <input type="checkbox" name="remember" id="remember" class="form-checkbox h-5 w-5 text-blue-600"
57 |                                 {{ old('remember') ? 'checked' : '' }}>
58 |                             <span class="ml-2">{{ __('Remember Me') }}</span>
59 |                         </label>
60 | 
61 |                         @if (Route::has('password.request'))
62 |                         <a class="text-sm text-blue-500 hover:text-blue-700 whitespace-no-wrap no-underline hover:underline ml-auto"
63 |                             href="{{ route('password.request') }}">
64 |                             {{ __('Forgot Your Password?') }}
65 |                         </a>
66 |                         @endif
67 |                     </div>
68 | 
69 |                     <div class="flex flex-wrap">
70 |                         <button type="submit"
71 |                         class="w-full select-none font-bold whitespace-no-wrap p-3 rounded-lg text-base leading-normal no-underline text-gray-100 bg-blue-500 hover:bg-blue-700 sm:py-4">
72 |                             {{ __('Login') }}
73 |                         </button>
74 | 
75 |                         @if (Route::has('register'))
76 |                         <p class="w-full text-xs text-center text-gray-700 my-6 sm:text-sm sm:my-8">
77 |                             {{ __("Don't have an account?") }}
78 |                             <a class="text-blue-500 hover:text-blue-700 no-underline hover:underline" href="{{ route('register') }}">
79 |                                 {{ __('Register') }}
80 |                             </a>
81 |                         </p>
82 |                         @endif
83 |                     </div>
84 |                 </form>
85 | 
86 |             </section>
87 |         </div>
88 |     </div>
89 | </main>
90 | @endsection


--------------------------------------------------------------------------------
/stubs/resources/views/auth/register.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:max-w-lg sm:mt-10">
 5 |     <div class="flex">
 6 |         <div class="w-full">
 7 |             <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg">
 8 | 
 9 |                 <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
10 |                     {{ __('Register') }}
11 |                 </header>
12 | 
13 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST"
14 |                     action="{{ route('register') }}">
15 |                     @csrf
16 | 
17 |                     <div class="flex flex-wrap">
18 |                         <label for="name" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
19 |                             {{ __('Name') }}:
20 |                         </label>
21 | 
22 |                         <input id="name" type="text" class="form-input w-full @error('name')  border-red-500 @enderror"
23 |                             name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
24 | 
25 |                         @error('name')
26 |                         <p class="text-red-500 text-xs italic mt-4">
27 |                             {{ $message }}
28 |                         </p>
29 |                         @enderror
30 |                     </div>
31 | 
32 |                     <div class="flex flex-wrap">
33 |                         <label for="email" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
34 |                             {{ __('E-Mail Address') }}:
35 |                         </label>
36 | 
37 |                         <input id="email" type="email"
38 |                             class="form-input w-full @error('email') border-red-500 @enderror" name="email"
39 |                             value="{{ old('email') }}" required autocomplete="email">
40 | 
41 |                         @error('email')
42 |                         <p class="text-red-500 text-xs italic mt-4">
43 |                             {{ $message }}
44 |                         </p>
45 |                         @enderror
46 |                     </div>
47 | 
48 |                     <div class="flex flex-wrap">
49 |                         <label for="password" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
50 |                             {{ __('Password') }}:
51 |                         </label>
52 | 
53 |                         <input id="password" type="password"
54 |                             class="form-input w-full @error('password') border-red-500 @enderror" name="password"
55 |                             required autocomplete="new-password">
56 | 
57 |                         @error('password')
58 |                         <p class="text-red-500 text-xs italic mt-4">
59 |                             {{ $message }}
60 |                         </p>
61 |                         @enderror
62 |                     </div>
63 | 
64 |                     <div class="flex flex-wrap">
65 |                         <label for="password-confirm" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
66 |                             {{ __('Confirm Password') }}:
67 |                         </label>
68 | 
69 |                         <input id="password-confirm" type="password" class="form-input w-full"
70 |                             name="password_confirmation" required autocomplete="new-password">
71 |                     </div>
72 | 
73 |                     <div class="flex flex-wrap">
74 |                         <button type="submit"
75 |                             class="w-full select-none font-bold whitespace-no-wrap p-3 rounded-lg text-base leading-normal no-underline text-gray-100 bg-blue-500 hover:bg-blue-700 sm:py-4">
76 |                             {{ __('Register') }}
77 |                         </button>
78 | 
79 |                         <p class="w-full text-xs text-center text-gray-700 my-6 sm:text-sm sm:my-8">
80 |                             {{ __('Already have an account?') }}
81 |                             <a class="text-blue-500 hover:text-blue-700 no-underline hover:underline" href="{{ route('login') }}">
82 |                                 {{ __('Login') }}
83 |                             </a>
84 |                         </p>
85 |                     </div>
86 |                 </form>
87 | 
88 |             </section>
89 |         </div>
90 |     </div>
91 | </main>
92 | @endsection


--------------------------------------------------------------------------------
/stubs/resources/views/auth/reset-password.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:max-w-lg sm:mt-10">
 5 |     <div class="flex">
 6 |         <div class="w-full">
 7 |             <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg p-6">
 8 |                 @if (session('status'))
 9 |                     <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">
10 |                         <span class="block sm:inline">{{ session('status') }}.</span>
11 |                     </div>
12 |                 @endif
13 |         
14 | 
15 |                 @if ($errors->any())
16 |                     <div>
17 |                         <ul>
18 |                             @foreach ($errors->all() as $error)
19 |                                 <li class="text-red-500 text-xs italic mt-4">{{ $error }}</li>
20 |                             @endforeach
21 |                         </ul>
22 |                     </div>
23 |                 @endif
24 | 
25 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST" action="{{ route('password.update') }}">
26 |                     @csrf
27 | 
28 |                     <input type="hidden" name="token" value="{{ $request->route('token') }}">
29 | 
30 |                     <div class="flex flex-wrap">
31 |                         <label for="email" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
32 |                             {{ __('Email') }}
33 |                         </label>
34 | 
35 |                         <input id="email" type="email"
36 |                             class="form-input w-full @error('email') border-red-500 @enderror" value="{{ old('email', $request->email) }}" name="email" required autofocus>
37 |                     </div>
38 | 
39 |                     <div class="flex flex-wrap">
40 |                         <label for="password" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
41 |                             {{ __('Password') }}
42 |                         </label>
43 | 
44 |                         <input id="password" type="password"
45 |                             class="form-input w-full @error('password') border-red-500 @enderror" name="password" required autocomplete="new-password" />
46 |                     </div>
47 | 
48 |                     <div class="flex flex-wrap">
49 |                         <label for="confirm_password" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
50 |                             {{ __('Confirm Password') }}
51 |                         </label>
52 | 
53 |                         <input id="password" type="password"
54 |                             class="form-input w-full @error('confirm_password') border-red-500 @enderror" name="password_confirmation" required autocomplete="new-password" />
55 |                     </div>                
56 | 
57 |                     <div class="flex flex-wrap">
58 |                         <button type="submit"
59 |                         class="w-full select-none font-bold whitespace-no-wrap p-3 rounded-lg text-base leading-normal no-underline text-gray-100 bg-blue-500 hover:bg-blue-700 sm:py-4">
60 |                         {{ __('Reset Password') }}
61 |                         </button>
62 |                     </div>
63 |                 </form>
64 | 
65 | </section>
66 | </div>
67 | </div>
68 | </main>
69 | @endsection
70 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/two-factor-challenge.blade.php:
--------------------------------------------------------------------------------
 1 | <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg">
 2 | 
 3 |     <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
 4 |         Update Profile information
 5 |     </header>
 6 | 
 7 |     <div class="w-full p-6">
 8 |         @if ($errors->any())
 9 |             <div>
10 |                 <div>{{ __('Whoops! Something went wrong.') }}</div>
11 | 
12 |                 <ul>
13 |                     @foreach ($errors->all() as $error)
14 |                         <li>{{ $error }}</li>
15 |                     @endforeach
16 |                 </ul>
17 |             </div>
18 |         @endif
19 | 
20 |         <form method="POST" action="{{ url('/two-factor-challenge') }}">
21 |             @csrf
22 | 
23 |             {{--
24 |                 Do not show both of these fields, together. It's recommended
25 |                 that you only show one field at a time and use some logic
26 |                 to toggle the visibility of each field
27 |             --}}
28 | 
29 |             <div>
30 |                 {{ __('Please confirm access to your account by entering the authentication code provided by your authenticator application.') }}
31 |             </div>
32 | 
33 |             <div>
34 |                 <label>{{ __('Code') }}</label>
35 |                 <input type="text" name="code" autofocus autocomplete="one-time-code" />
36 |             </div>
37 | 
38 |             {{-- ** OR ** --}}
39 | 
40 |             <div>
41 |                 {{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }}
42 |             </div>
43 | 
44 |             <div>
45 |                 <label>{{ __('Recovery Code') }}</label>
46 |                 <input type="text" name="recovery_code" autocomplete="one-time-code" />
47 |             </div>
48 | 
49 |             <div>
50 |                 <button type="submit">
51 |                     {{ __('Login') }}
52 |                 </button>
53 |             </div>
54 |         </form>
55 |         
56 | </div>
57 | </section>


--------------------------------------------------------------------------------
/stubs/resources/views/auth/verify-email.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:max-w-lg sm:mt-10">
 5 |     @if (session('status') == 'verification-link-sent')
 6 |         <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">
 7 |             <span class="block sm:inline">{{ __('A new verification link has been sent to the email address you provided during registration.') }}</span>
 8 |         </div>
 9 |     @endif
10 |     <div class="flex">
11 |         <div class="w-full">
12 |             <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg p-6">
13 |                 <label class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">{{ __('Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}</label>
14 | 
15 |     
16 | 
17 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST" action="{{ route('verification.send') }}">
18 |                     @csrf
19 | 
20 |                     <button type="submit" class="w-full select-none font-bold whitespace-no-wrap p-3 rounded-lg text-base leading-normal no-underline text-gray-100 bg-blue-500 hover:bg-blue-700 sm:py-4">
21 |                         {{ __('Resend Verification Email') }}
22 |                     </button>
23 |                 </form>
24 | 
25 |                 <form class="w-full px-6 space-y-6 sm:px-10 sm:space-y-8" method="POST" action="{{ route('logout') }}">
26 |                     @csrf
27 | 
28 |                     <button type="submit" class="w-full select-none font-bold whitespace-no-wrap p-3 rounded-lg text-base leading-normal no-underline text-gray-800 bg-gray-300 hover:bg-gray-400 sm:py-4">
29 |                         {{ __('Logout') }}
30 |                     </button>
31 |                 </form>
32 |     <section>
33 |     </div>
34 | </div>
35 | 
36 | </main>
37 | @endsection
38 | 


--------------------------------------------------------------------------------
/stubs/resources/views/home.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <main class="sm:container sm:mx-auto sm:mt-10">
 5 |     <div class="flex items-center bg-blue-500 text-white text-sm font-bold rounded px-4 py-3 mb-2" role="alert">
 6 |         <svg class="fill-current w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.432 0c1.34 0 2.01.912 2.01 1.957 0 1.305-1.164 2.512-2.679 2.512-1.269 0-2.009-.75-1.974-1.99C9.789 1.436 10.67 0 12.432 0zM8.309 20c-1.058 0-1.833-.652-1.093-3.524l1.214-5.092c.211-.814.246-1.141 0-1.141-.317 0-1.689.562-2.502 1.117l-.528-.88c2.572-2.186 5.531-3.467 6.801-3.467 1.057 0 1.233 1.273.705 3.23l-1.391 5.352c-.246.945-.141 1.271.106 1.271.317 0 1.357-.392 2.379-1.207l.6.814C12.098 19.02 9.365 20 8.309 20z"/></svg>
 7 |         <p>Customize these with your own pages</p>
 8 |     </div>
 9 | 
10 |     <div class="w-full sm:px-6">
11 | 
12 |         @if (session('status'))
13 |             <div class="text-sm border border-t-8 rounded text-green-700 border-green-600 bg-green-100 px-3 py-4 mb-4" role="alert">
14 |                 {{ session('status') }}
15 |             </div>
16 |         @endif
17 | 
18 |         <div class="pb-16">
19 |             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updateProfileInformation()))
20 |                 @include('profile.update-profile-information-form')
21 |             @endif
22 | 
23 |             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords()))
24 |                 @include('profile.update-password-form')
25 |             @endif
26 | 
27 |             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::twoFactorAuthentication()))
28 |                 @include('profile.two-factor-authentication-form')
29 |             @endif
30 |         </div>
31 |      
32 | 
33 |     </div>
34 | </main>
35 | @endsection


--------------------------------------------------------------------------------
/stubs/resources/views/layouts/app.blade.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 3 |     <head>
 4 |         <meta charset="utf-8">
 5 |         <meta name="viewport" content="width=device-width, initial-scale=1">
 6 | 
 7 |         <!-- CSRF Token -->
 8 |         <meta name="csrf-token" content="{{ csrf_token() }}">
 9 | 
10 |         <title>{{ config('app.name', 'Laravel') }}</title>
11 |         
12 |         <!-- Styles -->
13 |         <link href="{{ mix('css/app.css') }}" rel="stylesheet">
14 |     </head>
15 |     <body class="bg-gray-100 h-screen antialiased leading-none font-sans">
16 |         <div id="app">
17 |             <header class="bg-blue-900 py-6">
18 |                 <div class="container mx-auto flex justify-between items-center px-6">
19 |                     <div>
20 |                         <a href="{{ url('/') }}" class="text-lg font-semibold text-gray-100 no-underline">
21 |                             {{ config('app.name', 'Laravel') }}
22 |                         </a>
23 |                     </div>
24 |                     <nav class="space-x-4 text-gray-300 text-sm sm:text-base">
25 |                         @guest
26 |                             <a class="no-underline hover:underline" href="{{ route('login') }}">{{ __('Login') }}</a>
27 |                             @if (Route::has('register'))
28 |                                 <a class="no-underline hover:underline" href="{{ route('register') }}">{{ __('Register') }}</a>
29 |                             @endif
30 |                         @else
31 |                             <span>{{ Auth::user()->name }}</span>
32 |     
33 |                             <a href="{{ route('logout') }}"
34 |                                class="no-underline hover:underline"
35 |                                onclick="event.preventDefault();
36 |                                     document.getElementById('logout-form').submit();">{{ __('Logout') }}</a>
37 |                             <form id="logout-form" action="{{ route('logout') }}" method="POST" class="hidden">
38 |                                 {{ csrf_field() }}
39 |                             </form>
40 |                         @endguest
41 |                     </nav>
42 |                 </div>
43 |             </header>
44 |     
45 |             @yield('content')
46 |         </div>
47 |         <!-- Scripts -->
48 |         <script src="{{ asset('js/app.js') }}" defer></script>
49 |     </body>
50 | </html>
51 | 


--------------------------------------------------------------------------------
/stubs/resources/views/profile/two-factor-authentication-form.blade.php:
--------------------------------------------------------------------------------
 1 | <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg mt-4">
 2 | 
 3 |     <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
 4 |         Two factor authentication
 5 |     </header>
 6 | 
 7 |     <div class="px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg">
 8 |         @if(! auth()->user()->two_factor_secret)
 9 |             {{-- Enable 2FA --}}
10 |             <form method="POST" action="{{ url('user/two-factor-authentication') }}" name="two-factor-authentication">
11 |                 @csrf
12 | 
13 |                 <button type="submit" name="enable-two-factor-authentication" class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150">
14 |                     {{ __('Enable Two-Factor') }}
15 |                 </button>
16 |             </form>
17 |         @else
18 |             {{-- Disable 2FA --}}
19 |             <form method="POST" action="{{ url('user/two-factor-authentication') }}">
20 |                 @csrf
21 |                 @method('DELETE')
22 | 
23 |                 <button type="submit">
24 |                     {{ __('Disable Two-Factor') }}
25 |                 </button>
26 |             </form>
27 | 
28 |             @if(session('status') == 'two-factor-authentication-enabled')
29 |                 {{-- Show SVG QR Code, After Enabling 2FA --}}
30 |                 <div>
31 |                     {{ __('Two factor authentication is now enabled. Scan the following QR code using your phone\'s authenticator application.') }}
32 |                 </div>
33 | 
34 |                 <div>
35 |                     {!! auth()->user()->twoFactorQrCodeSvg() !!}
36 |                 </div>
37 |             @endif
38 | 
39 |             {{-- Show 2FA Recovery Codes --}}
40 |             <div>
41 |                 {{ __('Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost.') }}
42 |             </div>
43 | 
44 |             <div>
45 |                 @foreach (json_decode(decrypt(auth()->user()->two_factor_recovery_codes), true) as $code)
46 |                     <div>{{ $code }}</div>
47 |                 @endforeach
48 |             </div>
49 | 
50 |             {{-- Regenerate 2FA Recovery Codes --}}
51 |             <form method="POST" action="{{ url('user/two-factor-recovery-codes') }}">
52 |                 @csrf
53 | 
54 |                 <button type="submit">
55 |                     {{ __('Regenerate Recovery Codes') }}
56 |                 </button>
57 |             </form>
58 |         @endif
59 |         </div>
60 | </section>


--------------------------------------------------------------------------------
/stubs/resources/views/profile/update-password-form.blade.php:
--------------------------------------------------------------------------------
 1 | <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg mt-4">
 2 | 
 3 |     <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
 4 |         Change password
 5 |     </header>
 6 | 
 7 |     <div class="w-full p-6">
 8 |         <form method="POST" action="{{ route('user-password.update') }}" class="w-full px-6 py-2 space-y-6 sm:px-10 sm:space-y-8
 9 |         ">
10 |             @csrf
11 |             @method('PUT')
12 | 
13 |             <div class="flex flex-wrap">
14 |                 <label for="current_password" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
15 |                     {{ __('Current Password') }}
16 |                 </label>
17 | 
18 |                 <input id="current_password"
19 |                     class="form-input w-full @error('email') border-red-500 @enderror" type="password" name="current_password" required autocomplete="current-password">
20 | 
21 |                 @error('current_password')
22 |                 <p class="text-red-500 text-xs italic mt-4">
23 |                     {{ $message }}
24 |                 </p>
25 |                 @enderror
26 |             </div>
27 | 
28 |             <div class="flex flex-wrap">
29 |                 <label for="password" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
30 |                     {{ __('Password') }}
31 |                 </label>
32 | 
33 |                 <input id="password"
34 |                     class="form-input w-full @error('email') border-red-500 @enderror" type="password" name="password" required autocomplete="new-password">
35 | 
36 |                 @error('password')
37 |                 <p class="text-red-500 text-xs italic mt-4">
38 |                     {{ $message }}
39 |                 </p>
40 |                 @enderror
41 |             </div>
42 | 
43 |             <div class="flex flex-wrap">
44 |                 <label for="password_confirmation" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
45 |                     {{ __('Confirm Password') }}
46 |                 </label>
47 | 
48 |                 <input id="password_confirmation"
49 |                     class="form-input w-full @error('email') border-red-500 @enderror" type="password" name="password_confirmation" required autocomplete="new-password">
50 | 
51 |                 @error('password_confirmation')
52 |                 <p class="text-red-500 text-xs italic mt-4">
53 |                     {{ $message }}
54 |                 </p>
55 |                 @enderror
56 |             </div>
57 | 
58 |             <div class="flex flex-wrap">
59 |                 <button type="submit"
60 |                 class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150">
61 |                     {{ __('Save') }}
62 |                 </button>
63 |             </div>
64 |             
65 |         </form>
66 | 
67 | </div>
68 | </section>
69 | 


--------------------------------------------------------------------------------
/stubs/resources/views/profile/update-profile-information-form.blade.php:
--------------------------------------------------------------------------------
 1 | <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg">
 2 | 
 3 |     <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
 4 |         Update Profile information
 5 |     </header>
 6 | 
 7 |     <div class="w-full p-6">
 8 |         <form method="POST" action="{{ route('user-profile-information.update') }}" class="w-full px-6 py-2 space-y-6 sm:px-10 sm:space-y-8">
 9 |             @csrf
10 |             @method('PUT')
11 |         
12 |             <div class="flex flex-wrap">
13 |                 <label for="Name" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
14 |                     {{ __('Name') }}
15 |                 </label>
16 |         
17 |                 <input id="name" type="text"
18 |                     class="form-input w-full @error('email') border-red-500 @enderror" ntype="text" name="name" value="{{ old('name') ?? auth()->user()->name }}" required autofocus autocomplete="name">
19 |         
20 |                 @error('name')
21 |                 <p class="text-red-500 text-xs italic mt-4">
22 |                     {{ $message }}
23 |                 </p>
24 |                 @enderror
25 |             </div>
26 |             
27 |         
28 |             <div class="flex flex-wrap">
29 |                 <label for="email" class="block text-gray-700 text-sm font-bold mb-2 sm:mb-4">
30 |                     {{ __('Email') }}
31 |                 </label>
32 |         
33 |                 <input id="email" type="email"
34 |                     class="form-input w-full @error('email') border-red-500 @enderror" type="email" name="email" value="{{ old('email') ?? auth()->user()->email }}" required autofocus>
35 |         
36 |                 @error('name')
37 |                 <p class="text-red-500 text-xs italic mt-4">
38 |                     {{ $message }}
39 |                 </p>
40 |                 @enderror
41 |             </div>
42 |         
43 |             <div class="flex flex-wrap">
44 |                 <button type="submit"
45 |                 class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150">
46 |                 {{ __('Update Profile') }}
47 |                 </button>
48 |             </div>
49 |           
50 |         </form>
51 |     </div>
52 | </section>
53 | 
54 | 


--------------------------------------------------------------------------------
/stubs/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     future: {},
 3 |     purge: [],
 4 |     theme: {
 5 |         extend: {}
 6 |     },
 7 |     variants: {},
 8 |     plugins: [require("@tailwindcss/custom-forms")]
 9 | };
10 | 


--------------------------------------------------------------------------------
/stubs/webpack.mix.js:
--------------------------------------------------------------------------------
 1 | const mix = require("laravel-mix");
 2 | 
 3 | const tailwindcss = require("tailwindcss");
 4 | 
 5 | mix.sass("resources/sass/app.scss", "public/css").options({
 6 |     processCssUrls: false,
 7 |     postCss: [tailwindcss("./tailwind.config.js")],
 8 | });
 9 | 
10 | mix.js("resources/js/app.js", "public/js");
11 | 


--------------------------------------------------------------------------------