@extends('front.include.app')
@section('title') Product Detail @endsection
@section('content')
    <div class="innerBan">
        <img src="{{ asset('images/innerbnr2.jpg') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Product Detail</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

<!-- <li>

                                    <div class="number quantity" data-stock="{{ $single_product->stock ? : '' }}">--}}
                                        <input type="hidden" class="qty-input product_id"
                                               value="{{$single_product->id}}">
                                        <span class="minus decrement-btn-p-d">-</span>
                                        <input type="text" id="quantity" class="qty_input" value="1" readonly>
                                        <span class="plus increment-btn-p-d">+</span>
                                   </div>
                                </li> -->
    <section class="detail-page product_data">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
{{--                    @dd($single_product->all())--}}
                    <figure>
                        <img src="{{($single_product->getFirstMediaUrl('product_image') ? $single_product->getFirstMediaUrl('product_image') : asset('upload/placeholder.png'))}}" class="img-fluid" alt="img">
                    </figure>
                </div>
                <div class="col-md-6">
                    <div class="detail-content pl-5">
                        <h2>{{$single_product->name ? : ''}}</h2>

                        <p> {!! $single_product->description ? : '' !!}</p>
                        <p> Price: $ {!! $single_product->price ? : '' !!}</p>
                        <p> Shipping Price are Included</p>


                        <input type="hidden" class=" product_id"
                               value="{{$single_product->id}}">

                        <div class="quantitySec">
                           <!-- <h4>Quantity</h4> -->
                            <!-- <ul>

                                <li>
                                <div class="number quantity" data-stock="{{ $single_product->stock }}">
                                        <input type="hidden" class="product_id" value="{{ $single_product->id }}">

                                        <span class="minus decrement-btn-p-d">-</span>
                                        <input type="text" id="quantity" class="qty_input" value="1" readonly>
                                        <span class="plus increment-btn-p-d">+</span>
                                    </div>
                                </li>
                           </ul> -->


                                @if($single_product->stock > 0)
                                    <div class="cardbutton">
                                        <a href="" class="themeBtn add_to_cart_btn">Add To Cart</a>
                                    </div>
                                @else
                                    <span class="text-black">Out Off Stock</span>
                                    <div class="cardbutton">
                                        <button class="themeBtn" disabled="true">Add To Cart</button>
                                    </div>
                                @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
@endsection