Kohsin
1/12/2020 - 8:31 AM

php loop

//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="關閉">