Conditionals & Loops in Blade

Last modified on: September 4, 2025

<h1 data-start="133" data-end="177">🚀 Conditionals &amp; Loops in Laravel Blade</h1>
<p data-start="179" data-end="336">Blade provides powerful <strong data-start="203" data-end="225">control structures</strong> for <strong data-start="230" data-end="244">conditions</strong> and <strong data-start="249" data-end="258">loops</strong>, making it easy to write dynamic templates without mixing too much raw PHP.</p>
<p data-start="338" data-end="492">Instead of writing <code data-start="357" data-end="371">&lt;?php ... ?&gt;</code>, you use <strong data-start="381" data-end="401">Blade directives</strong> like <code data-start="407" data-end="412">@if</code>, <code data-start="414" data-end="424">@foreach</code>, etc. This keeps your code <strong data-start="452" data-end="489">clean, readable, and maintainable</strong>.</p>
<hr data-start="494" data-end="497" />
<h2 data-start="499" data-end="531">🔹 1. Conditionals in Blade</h2>
<h3 data-start="533" data-end="576">✅ <code data-start="539" data-end="544">@if</code>, <code data-start="546" data-end="555">@elseif</code>, <code data-start="557" data-end="564">@else</code>, <code data-start="566" data-end="574">@endif</code></h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@if($age &gt;= 18)
    &lt;p&gt;You are an adult.&lt;/p&gt;
@elseif($age &gt;= 13)
    &lt;p&gt;You are a teenager.&lt;/p&gt;
@else
    &lt;p&gt;You are a child.&lt;/p&gt;
@endif</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="729" data-end="732" />
<h3 data-start="734" data-end="771">✅ <code data-start="740" data-end="749">@unless</code> (opposite of <code data-start="763" data-end="768">@if</code>)</h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@unless($user-&gt;isAdmin)
    &lt;p&gt;You are not an admin.&lt;/p&gt;
@endunless</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="855" data-end="858" />
<h3 data-start="860" data-end="889">✅ <code data-start="866" data-end="874">@isset</code> and <code data-start="879" data-end="887">@empty</code></h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@isset($name)
    &lt;p&gt;Hello, {{ $name }}&lt;/p&gt;
@endisset

@empty($records)
    &lt;p&gt;No records found.&lt;/p&gt;
@endempty</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="1016" data-end="1019" />
<h3 data-start="1021" data-end="1049">✅ <code data-start="1027" data-end="1034">@auth</code> and <code data-start="1039" data-end="1047">@guest</code></h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@auth
    &lt;p&gt;Welcome back, {{ Auth::user()-&gt;name }}!&lt;/p&gt;
@endauth

@guest
    &lt;p&gt;Please login to continue.&lt;/p&gt;
@endguest</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="1186" data-end="1189" />
<h3 data-start="1191" data-end="1218">✅ <code data-start="1197" data-end="1206">@switch</code> / <code data-start="1209" data-end="1216">@case</code></h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@switch($role)
    @case('admin')
        &lt;p&gt;Welcome, Admin!&lt;/p&gt;
        @break

@case('editor')
        &lt;p&gt;Welcome, Editor!&lt;/p&gt;
        @break

@default
        &lt;p&gt;Welcome, Guest!&lt;/p&gt;
@endswitch</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="1438" data-end="1441" />
<h2 data-start="1443" data-end="1468">🔹 2. Loops in Blade</h2>
<h3 data-start="1470" data-end="1489">✅ <code data-start="1476" data-end="1482">@for</code> Loop</h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@for($i = 1; $i &lt;= 5; $i++)
    &lt;p&gt;Number: {{ $i }}&lt;/p&gt;
@endfor</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="1569" data-end="1572" />
<h3 data-start="1574" data-end="1597">✅ <code data-start="1580" data-end="1590">@foreach</code> Loop</h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@foreach($users as $user)
    &lt;p&gt;{{ $user-&gt;name }}&lt;/p&gt;
@endforeach</code></pre>
</div>
</div>
</div>
</div>
<p data-start="1680" data-end="1716">You can also use <code data-start="1697" data-end="1704">$loop</code> variable:</p>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@foreach($users as $user)
    &lt;p&gt;{{ $loop-&gt;iteration }}. {{ $user-&gt;name }}&lt;/p&gt;
@endforeach
</code></pre>
</div>
</div>
</div>
</div>
<p data-start="1823" data-end="1845">➡️ <code data-start="1826" data-end="1833">$loop</code> provides:</p>
<ul data-start="1846" data-end="2012">
<li data-start="1846" data-end="1887">
<p data-start="1848" data-end="1887"><code data-start="1848" data-end="1859">iteration</code> &rarr; current index (1-based)</p>
</li>
<li data-start="1888" data-end="1925">
<p data-start="1890" data-end="1925"><code data-start="1890" data-end="1897">index</code> &rarr; current index (0-based)</p>
</li>
<li data-start="1926" data-end="1954">
<p data-start="1928" data-end="1954"><code data-start="1928" data-end="1939">remaining</code> &rarr; items left</p>
</li>
<li data-start="1955" data-end="1980">
<p data-start="1957" data-end="1980"><code data-start="1957" data-end="1964">count</code> &rarr; total items</p>
</li>
<li data-start="1981" data-end="2012">
<p data-start="1983" data-end="2012"><code data-start="1983" data-end="1990">first</code> / <code data-start="1993" data-end="1999">last</code> &rarr; booleans</p>
</li>
</ul>
<hr data-start="2014" data-end="2017" />
<h3 data-start="2019" data-end="2056">✅ <code data-start="2025" data-end="2035">@forelse</code> (with empty check)</h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@forelse($products as $product)
    &lt;li&gt;{{ $product-&gt;name }}&lt;/li&gt;
@empty
    &lt;p&gt;No products available.&lt;/p&gt;
@endforelse</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="2191" data-end="2194" />
<h3 data-start="2196" data-end="2217">✅ <code data-start="2202" data-end="2210">@while</code> Loop</h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@php $count = 1; @endphp

@while($count &lt;= 3)
    &lt;p&gt;Count: {{ $count }}&lt;/p&gt;
    @php $count++; @endphp
@endwhile
</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="2347" data-end="2350" />
<h3 data-start="2352" data-end="2396">✅ Loop Control (<code data-start="2372" data-end="2380">@break</code>, <code data-start="2382" data-end="2393">@continue</code>)</h3>
<div class="contain-inline-size rounded-2xl relative bg-token-sidebar-surface-primary">
<div class="sticky top-9">
<div class="absolute end-0 bottom-0 flex h-9 items-center pe-2">
<div class="bg-token-bg-elevated-secondary text-token-text-secondary flex items-center gap-4 rounded-sm px-2 font-sans text-xs">
<pre class="language-php"><code>@foreach($numbers as $num)
    @if($num == 3)
        @continue
    @endif

@if($num == 7)
        @break
    @endif

&lt;p&gt;{{ $num }}&lt;/p&gt;
@endforeach</code></pre>
</div>
</div>
</div>
</div>
<hr data-start="2568" data-end="2571" />
<h2 data-start="2573" data-end="2588">📌 Summary</h2>
<ul data-start="2590" data-end="2821">
<li data-start="2590" data-end="2699">
<p data-start="2592" data-end="2699"><strong data-start="2592" data-end="2609">Conditionals:</strong> <code data-start="2610" data-end="2615">@if</code>, <code data-start="2617" data-end="2626">@elseif</code>, <code data-start="2628" data-end="2635">@else</code>, <code data-start="2637" data-end="2646">@unless</code>, <code data-start="2648" data-end="2656">@isset</code>, <code data-start="2658" data-end="2666">@empty</code>, <code data-start="2668" data-end="2675">@auth</code>, <code data-start="2677" data-end="2685">@guest</code>, <code data-start="2687" data-end="2696">@switch</code>.</p>
</li>
<li data-start="2700" data-end="2756">
<p data-start="2702" data-end="2756"><strong data-start="2702" data-end="2712">Loops:</strong> <code data-start="2713" data-end="2719">@for</code>, <code data-start="2721" data-end="2731">@foreach</code>, <code data-start="2733" data-end="2743">@forelse</code>, <code data-start="2745" data-end="2753">@while</code>.</p>
</li>
<li data-start="2757" data-end="2821">
<p data-start="2759" data-end="2821"><strong data-start="2759" data-end="2776">Loop Helpers:</strong> <code data-start="2777" data-end="2795">$loop-&gt;iteration</code>, <code data-start="2797" data-end="2805">@break</code>, <code data-start="2807" data-end="2818">@continue</code>.</p>
</li>
</ul>
<p data-start="2823" data-end="2909">These features make Blade <strong data-start="2849" data-end="2875">cleaner than plain PHP</strong> while keeping full flexibility.</p>

Web Technology View More