@extends('app.web.layout.layout')

@section('title','MenuCategories')

@push('css')
<link rel="stylesheet" href="{{asset('/assets/web/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('/assets/web/css/animate.css')}}">
<link rel="stylesheet" href="{{asset('/assets/web/css/icomoon.css')}}">
<link rel="stylesheet" href="{{asset('/assets/web/css/style.css')}}">

<style>
	.bg-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh !important;
		object-fit: cover;
		z-index: -1;
	}

	@media(max-width:425px) {
		.contact-info-mobile {
			font-size: 12px;
		}

		.footer-responsive {
			flex-direction: column;
			align-items: center;
		}
	}
	</style>
@endpush

@section('content')
<section class="site-cover " id="section-home" style="background-image: url(assets/web/assets/img/exteriornight.jpg)">
    <div class="container">
        <br>
        <a href="{{ route('categories') }}" style="display: flex; justify-content: end;"><h6 style=" border: 1px solid #ffb12c; padding: 3px 7px; color:#f1f1f1; border-radius: 3px">Geri</h6></a>
      <div class="row align-items-center justify-content-center text-center site-vh-90 " style="padding-top: 100px;" >
        <div class="col-md-12">
            @foreach ($menu_nocategories as $menu_nocategory)
               <p><a href="{{route('mainmenyus',['categoryId' =>$menu_nocategory->id])}}"  class="btn btn-outline-white btn-lg site-animate" style="width: 300px; color: #ffb12c; background-color: white;
    font-size: 14px !important; border-radius: 15px;">{{$menu_nocategory->getAttribute('menu_category_az')}}</a></p>
            @endforeach
			@foreach ($menu_categories as $menu_category)
			<p><a href="{{route('menyus',['categoryId' =>$menu_category->id])}}"  class="btn btn-outline-white btn-lg site-animate" style="width: 250px;">{{$menu_category->getAttribute('menu_category_az')}}</a></p>
		 @endforeach
        </div>
      </div>
    </div>
    {{--  <video autoplay loop muted class="bg-video">
      <source src="{{asset('/assets/web/assets/video/videooo.mp4')}}" type="video/mp4">
    </video>   --}}
  </section>
@endsection
@push('js')
<script src="{{asset('/assets/web/js/jquery.min.js')}}"></script>
<script src="{{asset('/assets/web/js/jquery.waypoints.min.js')}}"></script>
<script src="{{asset('/assets/web/js/owl.carousel.min.js')}}"></script>
<script src="{{asset('/assets/web/js/jquery.magnific-popup.min.js')}}"></script>
<script src="{{asset('/assets/web/js/main.js')}}"></script>
@endpush
