blade components code example

Example 1: laravel for loop

@for ($i = 0; $i < 10; $i++)
    The current value is {{ $i }}
@endfor

@foreach ($users as $user)
    <p>This is user {{ $user->id }}</p>
@endforeach

@forelse ($users as $user)
    <li>{{ $user->name }}</li>
@empty
    <p>No users</p>
@endforelse

@while (true)
    <p>I'm looping forever.</p>
@endwhile

Example 2: laravel foreach first

@foreach ($users as $user)
    @if ($loop->first)
        This is the first iteration.
    @endif

    @if ($loop->last)
        This is the last iteration.
    @endif

    <p>This is user {{ $user->id }}</p>
@endforeach

Example 3: laravel blade directives

@can('edit', $post)
  <a href="{{ route('post.edit', $post) }}">Edit Post</a>
@endcan

@cannot('view', $post)
   <p>You cannor view this post!</p>
@endcannot

@includeWhen(auth()->user()->isAdmin(), 'admin_panel')

{{-- in your layout template --}}
@stack('scripts')
  <script src="jquery.js"></script>
@endstack

{{-- anywhere you want --}}
@push('scripts')
  <script>$(function() { $('button').click(function() { alert("Hello!"); }); });</script>
@endpush

@each('post.view', $posts, 'post', 'post.empty')

@inject('metrics', 'App\Services\MetricsService')
<div>
    Monthly Revenue: {{ $metrics->monthlyRevenue() }}.
</div>
@if(auth()->guest())
    // The user is not authenticated.
@endif
@guest
    // The user is not authenticated.
@endguest
@if(auth()->user())
    // The user is authenticated.
@endif
@auth
    // The user is authenticated.
@endauth
@guest
    // The user is not authenticated.
@else
    // The user is authenticated.
@endguest
@if(view()->exists('first-view-name'))
    @include('first-view-name')
@else
    @include('second-view-name')
@endif
@includeFirst(['first-view-name', 'second-view-name']);

Example 4: laravel components

<x-inputs.button/>