{"flag":true,"single":true,"pageTitle":"Blade, Layouts, script, Subviews and other functions","post":{"id":3,"user_id":"1","slug":"blade-template-create-layouts-scripts-add-comments-conditions-array-to-js-auth-check-isset-empty-switch-loop-variables-include-subviews--odsu","title":"Blade, Layouts, script, Subviews and other functions","body":"

resources>layouts\/app.blade.php<\/strong> (work as masterpage)<\/p>\r\n

it will contain all reusable code<\/p>\r\n

<title>@yield('title')<\/title>  <!-- Child views can inject their own page title here @section('title', 'Home Page') -->\r\n<div class=\"main\">\r\n\r\n@yield('content')  <!-- childview inject it-->\r\n<\/div>\r\n\r\n@include ('layouts.scripts') \/\/this will contain all scripts tags<\/code><\/pre>\r\n
resources\/views\/child.blade.php<\/strong><\/p>\r\n
@extends('layouts.app')\r\n@section('title','Home page')\r\n\r\n<h1> I am sidebar <\/h1>\r\n\r\n@section('content')\r\n<h1> I am content<\/h1>\r\n@endsection<\/code><\/pre>\r\n
_______________________<\/p>\r\n
>> How to add scripts in ordered way laravel<\/strong><\/p>\r\n
app.blade.php<\/p>\r\n
<script src=\"bootstrap.bundle.min.js\"><\/script>\r\n@stack('scripts') <!--any child template put his scripts here -->\r\n<\/code><\/pre>\r\n
child.blade.php<\/p>\r\n
@push('scripts')\r\n<script src=\"{{asset('dashboard.js')}}\"><\/script> <!--ok am pushing it into app.blade.php -->\r\n@endpush<\/code><\/pre>\r\n
>> HOW TO add css , js files in views >> it will see public\/assets\/css\/style.css<\/strong><\/p>\r\n
<link rel=\"stylesheet\" href=\"{{ asset('assets\/css\/style.css') }}\"><\/code><\/pre>\r\n
>> How to echo Get request in blade ($_GET['monthYear'])<\/strong><\/p>\r\n
<input type=\"month\" name=\"monthYear\" value=\"{{app('request')->input('monthYear')}}\"><\/code><\/pre>\r\n
>> How to echo variable <\/strong><\/p>\r\n
<p>{{$msg}} <\/p>\r\n<p>{{ \"<h1>\".$msg.\"<\/h1>\"}} <\/p> \/\/ h1 tags not render\r\n<p>{!! \"<h1>\".$msg.\"<\/h1>\" !!} <\/p> \/\/ h1 rendered<\/code><\/pre>\r\n
>>comments<\/strong><\/p>\r\n
{{-- <p>comment<\/p> --}}<\/code><\/pre>\r\n
>> conditions<\/strong><\/p>\r\n
@if(!empty($msg))\r\n<p> msg is not empty <\/p>\r\n@else\r\n<p>msg is empty<\/p>\r\n@endif\r\n\r\n@for($i=0;$i<=5;$i++)\r\n<p>loop<\/p>\r\n@endfor<\/code><\/pre>\r\n
By default its add htmlspecialchars() <\/strong>but if use {{!! $variable !!}}<\/strong> then data is not escaped<\/p>\r\n
Hello, {!! $name !!}.<\/code><\/pre>\r\n
Pass json to javascript<\/strong><\/p>\r\n
<script> var app = {{ Js::from($array) }}; <\/script><\/code><\/pre>\r\n
NOT sign in<\/strong><\/p>\r\n
@unless (Auth::check())\r\n    You are not signed in.\r\n@endunless<\/code><\/pre>\r\n
Authenticated user or not<\/strong><\/p>\r\n
@auth  \/\/ The user is authenticated... @endauth\r\n \r\n@guest \/\/ The user is not authenticated... @endguest<\/code><\/pre>\r\n
Isset and empty<\/strong><\/p>\r\n
@isset($records)   \/\/ $records is defined and is not null... @endisset\r\n \r\n@empty($records)   \/\/ $records is \"empty\"... @endempty<\/code><\/pre>\r\n
Switch<\/strong><\/p>\r\n
@switch($i)\r\n    @case(1)\r\n        First case...\r\n     @break\r\n\r\n    @case(2)\r\n        Second case...\r\n     @break\r\n \r\n    @default\r\n        Default case...\r\n@endswitch<\/code><\/pre>\r\n
LOOP<\/strong><\/p>\r\n
@for ($i = 0; $i < 10; $i++)\r\n    The current value is {{ $i }}\r\n@endfor\r\n \r\n@foreach ($users as $user)\r\n    <p>This is user {{ $user->id }}<\/p>\r\n@endforeach\r\n \r\n@forelse ($users as $user)\r\n    <li>{{ $user->name }}<\/li>\r\n@empty\r\n    <p>No users<\/p>\r\n@endforelse\r\n \r\n@while (true)\r\n    <p>I'm looping forever.<\/p>\r\n@endwhile<\/code><\/pre>\r\n
LOOP variables<\/strong><\/p>\r\n
@foreach ($users as $user)\r\n    @if ($loop->first) \/\/This is the first iteration. @endif\r\n    @if ($loop->last) \/\/This is the last iteration. @endif\r\n    <p>This is user {{ $user->id }}<\/p>\r\n@endforeach\r\n\r\n\/*\r\n$loop->index\t \/\/(starts at 0).\r\n$loop->iteration  \/\/(starts at 1).\r\n$loop->remaining\t\/\/The iterations remaining in the loop.\r\n$loop->count\r\n$loop->first\t\/\/when first iteration through the loop.\r\n$loop->last\t\/\/last iteration\r\n$loop->even\t\/\/even iteration\r\n$loop->odd\t\/\/odd iteration \r\n$loop->depth\t\/\/The nesting level of the current loop.\r\n$loop->parent \/\/When in a nested loop, the parent's loop variable.\r\n*\/<\/code><\/pre>\r\n
PHP<\/strong><\/p>\r\n
@php\r\n    $isActive = false;\r\n    $hasError = true;\r\n@endphp<\/code><\/pre>\r\n
Sub View add<\/strong><\/p>\r\n
@include('shared.errors')\r\n@include('view.name', ['status' => 'complete']) \/\/with data \r\n@includeIf('view.name', ['status' => 'complete']) \/\/if view exist, in @include if not exist its throw error\r\n@includeWhen($boolean, 'view.name', ['status' => 'complete']) \/\/conditional include\r\n<\/code><\/pre>\r\n
COMPONENTS:<\/strong><\/span><\/h5>\r\n
To use code again and again we create components , below command create app\/http\/views\/Alert.php<\/strong> class and resources\/views\/components\/alert.blade.php<\/strong><\/span><\/p>\r\n
php artisan make:component Alert<\/code><\/pre>\r\n
alert.blade.php<\/strong><\/p>\r\n
<div>\r\n    Its Alert\r\n<\/div><\/code><\/pre>\r\n
To render in view we need ie home.blade.php, x represent component and alert is component name<\/p>\r\n
<x-alert\/><\/code><\/pre>\r\n
 <\/p>\r\n
To make component dynamic <\/p>\r\n
1. app\/http\/views\/Alert.php<\/strong><\/p>\r\n
<?php\r\n\r\nnamespace App\\View\\Components;\r\n\r\nuse Illuminate\\View\\Component;\r\n\r\nclass Alert extends Component\r\n{\r\n    public $message;\r\n    public $class;\r\n    public function __construct($message,$class)\r\n    {\r\n        $this->message = $message;\r\n        $this->class = $class;\r\n    }\r\n    public function render()\r\n    {\r\n        return view('components.alert');\r\n    }\r\n}\r\n<\/code><\/pre>\r\n
component view<\/p>\r\n
<div class=\"{{$class}}\">\r\n    Its Alert with message {{ $message }}\r\n<\/div><\/code><\/pre>\r\n
in blade<\/p>\r\n
<x-alert message=\"Hello world\" class=\"danger\" \/><\/code><\/pre>","category_id":"2","is_private":"0","created_at":"2023-03-14T04:11:43.000000Z","updated_at":"2026-02-05T06:05:38.000000Z","category":{"id":2,"user_id":"1","name":"Laravel Core","slug":"laravel-nhyt","parent_id":"1","created_at":"2023-03-14T03:58:27.000000Z","updated_at":"2023-03-20T11:30:50.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"resources>layouts\/app.blade.php (work as masterpage) it will contain all reusable code <title>@yield('title')<\/title>  <!- - Blade, Layouts, script, Subviews and other functions (Updated: February 5, 2026) - Read more about Blade, Layouts, script, Subviews and other functions at my programming site [SITE]","categories":[]}