@extends('layouts.xcatering-restaurant')
@section('content')

    <!-- Page Title -->
    <section class="page-title" style="background-image: url({{ asset('xcatering-restaurant/images/background/10.jpg') }})">
        <div class="auto-container">
            <h1>Packages</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{ route('xcatering.index') }}">home</a></li>
                <li>Packages</li>
            </ul>
        </div>
    </section>
    <!-- End Page Title -->
    <section class="menu-section-seven">
        <div class="auto-container">
            <div class="sec-title centered">
                <div class="title">Pricing And Packages</div>
                <h2>Exclusive Plans</h2>
            </div>
            <!-- Title Box -->
            @foreach($packagesMenus as $key2)
            <div class="title-box" style="background-image: url({{ asset($key2->image) }})">
                <h3>{{ $key2->name }}</h3>
            </div>

            <div class="row clearfix">
                <!-- Menu Block Three -->
                @foreach($key2->packages as $key)
                    <div class="event-team-block col-lg-4 col-md-6 col-sm-12">
                        <div class="block-inner">
                            <div class="icon">
                                <img src="{{ asset($key->image) }}" style="height: 150px; margin-bottom: 30px"/>
                            </div>
                            <div class="price" style="font-size: 40px"><sup>৳</sup>{{ number_format((float)($key->discount_percent>0?($key->price - ($key->price * $key->discount_percent/100)):$key->price), 2, '.', '') }}</div>
                            <h4>{{ $key->title }}</h4>
                            <ul class="event-list">
                                @if($key->menu_item_id_list)
                                    @foreach($key->menu_item_id_list as $key2)
                                        <li>{{$key2}} </li>
                                    @endforeach
                                @endif
                            </ul>
                            <a href="{{ route('xcatering.reservation') }}" class="theme-btn buy-btn">Order Now</a>
                        </div>
                    </div>
                @endforeach
            </div>
            @endforeach

           <div class="row mb-5 mt-4">
               {{ $packagesMenus->links("pagination::bootstrap-4") }}
           </div>
        </div>
    </section>
@endsection