@extends('layouts.site')
@section('js')
<script>
</script>
@endsection
@section('content')
<div class="container my-3">
  @if(Route::is('shop_*') && count($menu) != 0)   
  <div class="section--shop-container">  
    <div class="section--shop col-12  m-0">   
      <div class="row">       
        <div class="shop__menu col-3 p-3 ">
          @foreach($menu[0] as $menuItem)     
          <a class="menu-link" href="{{ route('shop_category', ['category_id' => $menuItem->id]) }}">
            <div class="row py-3" style="align-items: center;">             
              <li class="nav-item col-2">
                <i class=" fas fa-{{$menuItem->Icon}}"></i> 
              </li>  
              <li class="nav-item col-4">
                <p>{{ $menuItem->name }}</p>
              </li>
            </div>   
          </a>
    
          @endforeach          
          <div class="row mt-4 d-flex flex-column-reverse" style="position: absolute; bottom: 0;">
            <div class="col-5">
              <a href="{{'/shop'}}"><img src="{{asset('img/logoshop.png')}}" width="128px" class="shop__logo mx-auto mt-3 mb-3"/></a>
            </div>
            <div class="col-6 d-flex flex-row align-items-center pr-4">
              <h2 style="color: #272727;" class="mx-4" >{{Auth::user()->coins}}</h2>
              <img src="{{asset('img/coins-solid.svg')}}" alt="">
            </div>
          </div>
          
        </div>
        <div class="shop__body col-9  p-3 m-0">         
          @yield('items_in_shop')
        </div>       
      </div> 
  </div>
  @endif
</div>
@endsection