@extends('layouts.front')
@section('content')
@section('css')
<style>
    .title-section {
        margin-top: 85px;
    }
    .pt-30 {
        margin-bottom: 30px;
        text-align: center;
    }
    .pt-30 li {
        margin-bottom: 30px;
    }
    .eapps-widget-toolbar-panel{
        display: none !important;
    }
    .eapps-widget-toolbar-panel-share-button{
        display: none !important;
    }
    .eapps-link{
        display: none !important;
    }
    .eapps-widget-toolbar-panel-only-you{
        display: none !important;
    }
</style>
@endsection

<!-- Slider Section -->
<div class="slider1-area">
    <div class="bend niceties preview-1">
        <div id="ensign-nivoslider-3" class="slides">
            @if(isset($sliders) && !empty($sliders))
            @foreach($sliders as $row)
            <img src="{{Config::get('app.image_path').'slider/'.$row->image}}" alt="{{$row->title}}"
                title="#slider-direction-{{$row->id}}" />
            @endforeach
            @endif
        </div>

        @if(isset($sliders) && !empty($sliders))
        @foreach($sliders as $row)
        <div id="slider-direction-{{$row->id}}" class="t-cn slider-direction">
            <div class="slider-content s-tb slide-1">
                <div class="title-container s-tb-c">
                    <h1 class="title1"><?php echo $row->title ?></h1>
                    <p><?php echo $row->description ?></p>
                    <div class="slider-btn-area">
                        <a href="{{route('foodMenu')}}" class="ghost-btn">Ordenar Ahora</a>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
        @endif

    </div>
</div>

<!-- About Section -->
<div class="about1-area section-space">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 wow fadeInRight"
                style="visibility: visible; animation-name: fadeInRight;">
                <div class="ff_home_section">
                    <div class="about1-area-top">
                        <h2 class="ff_heading"><span>{{isset($homepage->title)?$homepage->title:''}}</span></h2>
                    </div>
                    @if(isset($homepage->subtitle) && !empty($homepage->subtitle))
                    <h3 class="ff_heading_title title-bar-big-left">{{$homepage->subtitle}}</h3>
                    @endif
                    <p><?php echo isset($homepage->description)?$homepage->description:'' ?></p>
                    <a href="{{route('about')}}" class="ghost-color-btn">Lee Mas<i class="fa fa-chevron-right"
                            aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div class="about-page-right" style="margin-top: 50px">
                    <img src="assets/front/img/about1-banner1.jpg" class="img-responsive" alt="about">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="hometabs">
    <div class="container-fluid">
        
        <div class="row">
            <div class="col-md-4">
                <div class="ff_tab rp-image image-container is-squared">
                    <a href="{{route('foodMenu')}}">
                    <img src="{{asset('/laravel_code/public/tabs/' . $homepage->tab_menu)}}" alt="menu">  
                        <div class="ff_tabs_image_caption position-center text-center">
                            <span class="ff_tabs_image_caption-container">
                            <p><span>Nuestro Menú</span></p></span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="ff_tab rp-image image-container is-squared">
                    <a href="{{route('about')}}">
                    <img src="{{asset('/laravel_code/public/tabs/' . $homepage->tab_about)}}" alt="about" >  
                        <div class="ff_tabs_image_caption position-center text-center">
                            <span class="ff_tabs_image_caption-container">
                            <p><span>Sobre Nosotros</span></p></span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="ff_tab rp-image image-container is-squared">
                    <a href="https://marmi.precompro.com/">
                    <img src="{{asset('/laravel_code/public/tabs/' . $homepage->tab_reservation)}}" alt="reservation">  
                        <div class="ff_tabs_image_caption position-center text-center">
                            <span class="ff_tabs_image_caption-container">
                            <p><span>Reserva Marmi Ristorante</span></p></span>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <div class="ff_tab rp-image image-container is-squared">
                    <a href="{{route('reviews')}}">
                    <img src="{{asset('/laravel_code/public/tabs/' . $homepage->tab_reviews)}}" alt="reviews">  
                        <div class="ff_tabs_image_caption position-center text-center">
                            <span class="ff_tabs_image_caption-container">
                            <p><span>Reseñas</span></p></span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="ff_tab rp-image image-container is-squared">
                    <a href="{{route('services')}}">
                    <img src="{{asset('/laravel_code/public/tabs/' . $homepage->tab_services)}}" alt="services" >  
                        <div class="ff_tabs_image_caption position-center text-center">
                            <span class="ff_tabs_image_caption-container">
                            <p><span>Nuestros Servicios</span></p></span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="ff_tab rp-image image-container is-squared">
                    <a href="{{route('gallery')}}">
                    <img src="{{asset('/laravel_code/public/tabs/' . $homepage->tab_gallery)}}" alt="gallery">  
                        <div class="ff_tabs_image_caption position-center text-center">
                            <span class="ff_tabs_image_caption-container">
                            <p><span>Galería</span></p></span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        
    </div>
</div>

@if(isset($special_menu) && count($special_menu)>0)
<!-- Recipe of the day Area Start Here -->
<div class="food-menu3-area section-space">
    <div class="container">

        <h2 class="ff_heading title-color text-center">Especiales del día</h2>
        <h3 class="ff_heading_title text-center">El menú especial diario</h3>

        <div class="row">

            @foreach($special_menu as $row)
            <div class="col-lg-6 col-md-4 col-sm-6 col-xs-6">
                @if(!empty($row->menu_item_name))
                <div class="food-menu3-box">
                    <div class="food-menu3-box-img">
                        <a href="{{route('foodMenu')}}"><i class="fa fa-link" aria-hidden="true"></i></a>
                        @if(!empty($row->image))
                        <img src="{{asset('/laravel_code/public/menu/' . $row->image)}}" alt="{{$row->menu_item_name}} {{$row->title}}" class="img-responsive">
                        @else
                        <img src="assets/front/img/special.png" alt="" class="img-responsive">
                        @endif
                    </div>
                    <div class="food-menu3-box-content">
                        <h3 class="title-bar-medium-left"><a href="{{route('foodMenu')}}">{{$row->menu_item_name}} {{$row->title}}</a></h3>
                        <p>
                        @if ($row->description != '')
                            @if ( $row->description && strlen($row->description) > 130)
                            @php $description = substr($row->description, 0, 120) . '...'; @endphp
                            {{$description}}
                            @endif
                        @endif
                        </p>  
                        <div class="food-menu-price">
                            <span>{{env('CURRENCY')}}{{$row->price}}</span>
                        </div>
                    </div>
                </div>
                @endif
            </div>
            @endforeach
 
        </div>

    </div>
</div>
<!-- Recipe of the day Area End Here -->
@endif


<section class="exprience_area" style="background: url({{asset('/laravel_code/public/exprience/' . $homepage->order_bg)}}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;">
    <div class="container">
        <div class="exprience_inner_text">
            <h3>{!!$homepage->order_text!!}</h3>
            <a href="{{route('foodMenu')}}" class="ghost-btn">Ordenar Comida</a>
        </div>
    </div>
</section>

<!-- Catering Section -->
<div class="about1-area section-space">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 wow fadeInRight"
                style="visibility: visible; animation-name: fadeInRight;">
                <div class="ff_home_section">
                    <div class="about1-area-top">
                        <h2 class="ff_heading"><span>Catering</span></h2>
                    </div>
                  
                    <h3 class="ff_heading_title title-bar-big-left">{{isset($catering->c_home_title)?$catering->c_home_title:''}}</h3>
                  
                    <p>{{isset($catering->c_home_description)?$catering->c_home_description:''}}</p>
                    <a href="{{route('catering')}}" class="ghost-color-btn">Lee Mas<i class="fa fa-chevron-right"
                            aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="elfsight-app-56b26569-ee43-4b6c-a11d-8e8e1f6058cf"></div>

@section('js')
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
@if(request()->is('/'))
<script>window.localStorage.clear();</script> 
@endif
@endsection
@endsection