@extends('web.layouts.main_menu')
@section('content')
 

<!--Header-->
    <header class="header">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-5">
                    <div class="info">
                        <h1 class="wow fadeInUp slow"> {!! $pages[0]->descriptions()->title !!} </h1>
                        <div class="text wow fadeInUp slow" data-wow-delay="0.1s"> {!! $pages[0]->descriptions()->description !!} </div>
                        <a href="{{url(getCurrentLocale().'/packages?type=1')}}" class="butn butn_lg rounded-pill butn_white wow fadeInUp slow" data-wow-delay="0.2s">
                            <span> {{__('web.explore_meals_plan')}} </span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="img">
                        <img src="{{asset($pages[0]->image)}}" alt="" class="wow fadeInUp slow">
                        <img src="{{url('')}}/assets/web/images/new_imgs/logo_circle.svg" alt="" class="logo_circle wow fadeInUp slow" data-wow-delay="0.1s">
                    </div>
                </div>
            </div>
        </div>
        <div class="btm_line">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="item">
                            <span class="icon me-2"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/1.svg" alt=""> </span>
                            <strong> {{__('web.natural_always')}} </strong>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="item">
                            <span class="icon me-2"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/2.svg" alt=""> </span>
                            <strong> {{__('web.accept_specialist')}} </strong>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="item">
                            <span class="icon me-2"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/3.svg" alt=""> </span>
                            <strong> {{__('web.organic_products')}} </strong>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--End-Header-->
    <!--Contents-->
    <main>
        <!-- ---------- proccess_sec ----------- -->
        
        @include('web.pages.components.cards_works',['page'=>$pages[3],'cards'=>$cards])
        
        @if(count($packages) > 0)
        <!-- ---------- bouquets_sec ----------- -->
        <section class="bouquets_sec">
            <div class="container">
                <div class="title wow fadeInUp slow">
                    <h2> {{__('web.packages')}} </h2>
                    <img src="{{url('')}}/assets/web/images/new_imgs/funky-img-1.png" alt="" class="float_img">
                </div>
                <ul class="nav nav-pills wow fadeInUp slow" id="pills-tab" role="tablist">
                    @foreach($packages as $key=>$package)
                    <li class="nav-item" role="presentation">
                      <button class="nav-link @if($key == 0) active @endif" id="pills-bouquet{{$package->id}}-tab" data-bs-toggle="pill" data-bs-target="#pills-bouquet{{$package->id}}" type="button" role="tab" aria-controls="pills-bouquet{{$package->id}}" @if($key == 0) aria-selected="true" @else aria-selected="false" @endif>
                        {{$package->descriptions()->name}}
                      </button>
                    </li>
                    @endforeach
                   
                  </ul>
                  <div class="tab-content wow fadeInUp slow" data-wow-delay="0.1s" id="pills-tabContent">
                    @foreach($packages as $key=>$package) 
                    <div class="tab-pane fade @if($key == 0) show active @endif" id="pills-bouquet{{$package->id}}" role="tabpanel" aria-labelledby="pills-bouquet{{$package->id}}-tab">
                        <div class="bouquets_content">
                            <div class="row">
                                <div class="col-lg-5">
                                    <div class="info">
                                        <h2> {{$package->descriptions()->name}} </h2>
                                        <div class="text">
                                            {{$package->descriptions()->description}}
                                        </div>
                                        <div class="img d-block d-lg-none">
                                            <img src="{{asset($package->homemeal->image)}}" alt="" class="main_img">
                                            <!--<img src="{{url('')}}/assets/web/images/new_imgs/logo_circle.svg" alt="" class="float_img">-->
                                        </div>
                                        <div class="numbers_content mb-5 mb-lg-0">
                                            <div class="numbers">
                                                <div class="num_card">
                                                    <p> {{__('web.protien')}} </p>
                                                    <h3> {{$package->packageMeal()->protien}} </h3>
                                                    <p> {{__('web.gram')}} </p>
                                                </div>
                                                <div class="num_card">
                                                    <p> {{__('web.carbo')}} </p>
                                                    <h3> {{$package->packageMeal()->carbo}} </h3>
                                                    <p> {{__('web.gram')}} </p>
                                                </div>
                                                <div class="num_card">
                                                    <p> {{__('web.fats')}} </p>
                                                    <h3> {{$package->packageMeal()->fats}} </h3>
                                                    <p> {{__('web.gram')}} </p>
                                                </div>
                                                <div class="num_card">
                                                    <p> {{__('web.calories')}} </p>
                                                    <h3> {{$package->packageMeal()->calories}} </h3>
                                                    <p> {{__('web.gram')}} </p>
                                                </div>
                                            </div>
                                            <a href="{{url(getCurrentLocale().'/subscribe?package_id='.$package->id)}}" class="butn butn_lg">
                                                <span> {{__('web.start_with_us')}} <i class="fal fa-arrow-left ms-3"></i> </span>
                                            </a>
                                            <p class="btm_text"> {{__('web.six_meals_chef')}} <br> {{__('web.provide_body_power')}}. </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-7 d-none d-lg-block">
                                    <div class="img">
                                        <img src="{{asset($package->homemeal->image)}}" alt="" class="main_img">
                                        <img src="{{url('')}}/assets/web/images/new_imgs/logo_circle.svg" alt="" class="float_img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    
                  </div>
            </div>
        </section>
        @endif
        <!-- ---------- main_logos_sec ----------- -->
        <section class="main_logos_sec section_padding">
            <div class="container">
                <div class="main_logo wow fadeInUp slow">
                    <a href="#">
                        <img src="{{url('')}}/assets/web/images/new_imgs/logos/logos-1.svg" alt="">
                    </a>
                </div>
                <div class="sub_logos">
                    @foreach($sections as $section)
                    <a href="{{url(getCurrentLocale().'/packages?type='.$section->id)}}" class="logo wow fadeInUp slow" data-wow-delay="0.1s">
                        <img src="{{asset($section->image)}}" alt="">
                    </a>
                    @endforeach
                </div>
            </div>
        </section>

        <!-- ---------- products_sec ----------- -->
        @if(count($products) > 0)
        <section class="products_sec section_padding" id="products">
            <div class="container">
                <div class="title wow fadeInUp slow">
                    <h2> {!! $pages[2]->descriptions()->title !!} </h2>
                    <h6> {!! $pages[2]->descriptions()->description !!} </h6>
                </div>
                <div class="products_sec_slider wow fadeInUp slow" data-wow-delay="0.1s">
                    <div class="swiper-wrapper">
                        @foreach($products as $product)
                        <div class="swiper-slide">
                            <div class="products_card">
                                <div class="img">
                                    <img src="{{$product->firstImage()}}" alt="">
                                </div>
                                <div class="info">
                                    <p> {{$product->descriptions()->name}} </p>
                                    <p class="text-muted"> {{__('web.category')}} : {{$product->category->descriptions()->name}}  </p>
                                    <h6 class="price"> {{$product->costCheck('final')}} {{__('web.sar')}} @if($product->type != 'none') <span class="lst_price"> {{$product->costCheck('first')}} {{__('web.sar')}} </span> @endif </h6>
                                    @if($product->count > 0)
                                        <a href="#0" @if(\Auth::user()) onclick="addCart(this)" data-id="{{$product->id}}" @else data-bs-toggle="modal" data-bs-target="#modal_login" @endif class="butn butn_line">
                                            <span> <i class="fal fa-cart-plus me-2"></i> {{__('web.add_to_cart')}} </span>
                                        </a>
                                    @else
                                        <a class="butn butn_line disabled">
                                            <span> <i class="fal fa-cart-plus me-2"></i> {{__('web.finished')}} </span>
                                        </a>
                                    @endif
                                </div>
                                <!--<span class="fav_icon"> <i class="fal fa-heart"></i> </span>-->
                                @if($product->type != 'none') <span class="disk_label"> {{$product->getDiscountRes()}} {{__('web.sale')}} </span> @endif
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </section>
        @endif
        
        <!-- ---------- subscribe_sec ----------- -->
        @include('web.pages.components.subscribe_plan',['page'=>$pages[1]])

        <!-- ---------- instagram_sec ----------- -->
        @include('web.pages.components.gallery',['sliders'=>$sliders])

    </main>
    <!--End-Contents-->

    @push('js')
        <script>
            let url_addcart = {!! json_encode(url(getCurrentLocale().'/cart/create')) !!}
        </script>
        <script src="{{url('')}}/assets/web/js/custom/cartAction.js"></script>
    @endpush
@stop