@extends('frontend.layouts.master')
@section('style')
@endsection
@section('content')
    <section class="section border-0 m-0 py-2">
        <div class="container-xxl">

            <div class="row">
                <div class="col-12 mb-4">
                    <ul class="breadcrumb breadcrumb-style-2 d-block text-4 mb-4">
                        <li><a href="{{ route('home') }}"
                                class="text-color-default text-color-hover-primary text-decoration-none">{{ __('routes.Home') }}</a>
                        </li>
                        <li><a href="{{ route('bundles.index') }}"
                                class="text-color-default text-color-hover-primary text-decoration-none">{{ __('routes.BUNDLE') }}</a>
                        </li>
                        <li>
                            {{ $bundle->name }}
                        </li>
                    </ul>

                </div>
                <div class="col-12 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-5 col-md-5 mb-5 mb-md-0" id="product-images-render">
                                    <div id="packageCarousel" class="carousel slide" data-bs-ride="carousel">
                                        <div class="carousel-inner">
                                            @foreach ($bundleImages as $index => $image)
                                                <div class="carousel-item {{ $index === 0 ? 'active' : '' }}">
                                                    <img src="{{ $image->getUrl() }}" class="d-block w-100"
                                                        alt="Package Image">
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-7">

                                    <div class="summary entry-summary position-relative">

                                        <h1 class="mb-0 font-weight-bold text-7">
                                            {{ $bundle->name }}
                                        </h1>

                                        <p class="price mb-3">
                                            <span class="sale text-color-dark">{{ $bundle->price }}
                                                {{ Helper::currentCurrency()->code }}</span>
                                            @if ($bundle->price !== $bundle->price)
                                                <span class="amount">
                                                    {{ $package->price }} {{ Helper::currentCurrency()->code }}
                                                </span>
                                            @endif
                                        </p>

                                        <p class="text-3-5 mb-3">
                                            {{ $bundle->description }}
                                        </p>



                                        <form enctype="multipart/form-data" method="post" class="cart" action="{{ route('cart.add-bundle-to-cart', $bundle->slug) }}">
                                            @csrf

                                            <hr>
                                            <div class="quantity quantity-lg">
                                                <input type="button" class="minus text-color-hover-light bg-color-hover-primary border-color-hover-primary" value="-">
                                                <input type="text" class="input-text qty text" title="Qty" value="1" name="quantity" min="1" step="1" required>
                                                <input type="button" class="plus text-color-hover-light bg-color-hover-primary border-color-hover-primary" value="+">
                                            </div>

                                            <button type="submit"
                                                @if (auth('web')->check())
                                                    id="add-to-cart-btn"
                                                @else
                                                    data-bs-toggle="modal" data-bs-target="#authModal"
                                                @endif
                                                class="btn btn-dark btn-modern text-uppercase bg-color-hover-primary border-color-hover-primary">
                                                {{ __('routes.Add to cart') }}
                                            </button>

                                            <hr>
                                        </form>



                                        <div class="d-flex align-items-center">
                                            <ul
                                                class="social-icons social-icons-medium social-icons-clean-with-border social-icons-clean-with-border-border-grey social-icons-clean-with-border-icon-dark me-3 mb-0">
                                                <!-- Facebook -->
                                                <li class="social-icons-facebook">
                                                    <a href="http://www.facebook.com/sharer.php?u={{ url()->current() }}"
                                                        target="_blank" data-bs-toggle="tooltip" data-bs-animation="false"
                                                        data-bs-placement="top" title="Share On Facebook">
                                                        <i class="fab fa-facebook-f"></i>
                                                    </a>
                                                </li>
                                                <!-- Google+ -->
                                                <li class="social-icons-googleplus">
                                                    <a href="https://twitter.com/share?url={{ url()->current() }}"
                                                        target="_blank" data-bs-toggle="tooltip" data-bs-animation="false"
                                                        data-bs-placement="top" title="Share On Twitter">
                                                        <i class="fab fa-x-twitter"></i>
                                                    </a>
                                                </li>

                                                <!-- Email -->
                                                @if (Auth::guard('web')->check())
                                                    <li class="social-icons-email">
                                                        <a href="mailto:{{ Auth::guard('web')->user()->email }}?Subject=Lilian Store: {{ $bundle->name }} on this link now {{ url()->current() }}&amp;Body={{ url()->current() }}"
                                                            data-bs-toggle="tooltip" data-bs-animation="false"
                                                            data-bs-placement="top" title="Share By Email">
                                                            <i class="far fa-envelope"></i>
                                                        </a>
                                                    </li>
                                                @endif
                                            </ul>



                                        </div>


                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection