//loop code
@for($i = 1; $i <= 4; $i++)
@endfor
//include component
@include('components.languageDropdown')
//inseart img
<img src="@appImageUrl(icon-40-shot.svg)" alt="" />
//echo img
<img src="<?php echo 'https://picsum.photos/200/300'; ?>" />
//media query
@include media-breakpoint-down(sm)
// insert img in scss
background-image: url(#{$img-path}/icon-10-caret-down.svg);
<a class="nav-item p-2 text-light" href="{{route('teacher')}}">老師頁面</a>
//for search bar
<div class="input-group py-3">
<input type="text" class="form-control form-control-sm" placeholder="搜尋">
<div class="input-group-append">
<button class="btn btn-sm btn-has-icon btn-primary"><i class="icon-box icon-search"></i></button>
</div>
</div>
///php for if else
<div class="nav pl-3">
@if (Route::has('login'))
@auth
<a href="{{route('my-account.index')}}" class="p-2 text-white"><i class="fas fa-user-circle"></i></a>
<a href="{{route('admin.index')}}" class="p-2 text-white">後台</a>
<a href="{{ route('logout') }}" class="p-2 text-white"
onclick="event.preventDefault(); document.getElementById('logout-form').submit();">登出</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
@else
@endauth
@endif
</div>
//switch toggle btn
<label>履歷開啟 \ 關閉<i class="fas fa-question-circle ml-md-2 tooltip-icon m-0" data-toggle="tooltip"
data-placement="top" title="" data-original-title="如關閉開放設定
學生將無法從網站中搜尋到您"></i></label><input id="toggle-info" type="checkbox" data-toggle="toggle" data-on="開啟" data-off="關閉">