@extends('layout.master')

@section('title', "Products")
@section('content')
    @include('partials.page_header', ['title' => $product->name ?? 'Title'])
    <section class="section-content padding-y bg">
        <div class="container">
            <div class="card">
                <div class="row no-gutters">
                    <aside class="col-md-6">
                        <article class="gallery-wrap">
                            <div class="img-big-wrap">
                                <a href="#"><img src="{{ asset($product->cover_image) }}"></a>
                            </div> <!-- img-big-wrap.// -->
{{--                            <div class="thumbs-wrap">--}}
{{--                                <a href="#" class="item-thumb"> <img src="../images/items/12-1.jpg"></a>--}}
{{--                                <a href="#" class="item-thumb"> <img src="../images/items/12-2.jpg"></a>--}}
{{--                                <a href="#" class="item-thumb"> <img src="../images/items/12.jpg"></a>--}}
{{--                                <a href="#" class="item-thumb"> <img src="../images/items/4.jpg"></a>--}}
{{--                            </div> <!-- thumbs-wrap.// -->--}}
                        </article> <!-- gallery-wrap .end// -->
                    </aside>
                    <main class="col-md-6 border-left">
                        <article class="content-body">
                            <h2 class="title">{{ $product->name ?? '' }}</h2>

                            <p>{{ $product->description ?? 'Hello' }}</p>

                            <hr>
                            <div class="row">
                                <div class="form-group col-md flex-grow-0">
                                    <label>Quantity</label>
                                    <div class="input-group mb-3 input-spinner">
                                        <input type="text" class="form-control" value="1">
                                    </div>
                                </div> <!-- col.// -->
                                <div class="form-group col-md">s
                                </div> <!-- col.// -->
                            </div> <!-- row.// -->
                            <livewire:cart :product="$product" />
                        </article>
                    </main>
                </div>
            </div>
        </div>
    </section>
@stop