@extends('front.layout.app')
@section('title', 'Product Page')
@section('content')
    <section class="main-slider innerBanner p-0" id="mainSlider"
        style="background-image: url('{{ asset("front/images/mainBanner.webp")}}');">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-6">
                    <div class="slideOne">
                        <h1 class="mainHeading text-white">{{ 'Product Detail' }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @if ($find)
        <section class="product-detail padd-y my-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="swiper productSlider">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <figure class="productSlider-img">
                                        <img src="{{ $find->productImage('product_image') }}" alt="image"
                                            class="img-fluid">
                                    </figure>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="product-main">
                            <h3> {{ $find->name }}</h3>
                            <div class="product-review">

                                <div class="review-content">
                                </div>
                            </div>
                            <h4>$ {{ $find->price }}</h4>
                            <div class="product-content">
                                <p>
                                    {{ $find->description }}

                                </p>
                            </div>
                            <div class="product-btn">
                                <div class="numberone d-flex">
                                    <span class="minus"><i class="fas fa-minus"></i></span>
                                    <input class="in-num" name="quantity" value="1" type="number" min="1"
                                        readonly>
                                    <span class="plus"><i class="fas fa-plus"></i></span>
                                </div>
                                @if (Auth::check() && Auth::user()->hasRole('user'))
                                    <a class="themeBtn add_to_cart_btn mt-5">Add to cart</a>
                                @endif
                            </div>
                            <input type="hidden" value="{{ $find->id }}" id="product_id">
                            <input type="hidden" value="{{ $find->price }}" id="price">
                            <input type="hidden" value="{{ $find->description }}" id="description">
                            <input type="hidden" value="{{ $find->name }}" id="name">
                            <div class="product-wishlist">
                            </div>
                        </div>

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