@extends('frontend.layouts.app')

@section('content')

    <div class="container">
        <p><a href="{{ url('admin/shop') }}">Shop</a> / {{ $product->name }}</p>
        <h3>{{ $product->name }}</h3>

        <hr>

        <div class="row">
            <div class="col-md-4">
                <!--<img src="{{ asset('img/' . $product->image) }}" alt="product" class="img-responsive">-->
                <img src="{{asset('/uploads/shop/'.$product->id.'/'.$product->image)}}" alt="product" class="img-responsive">
            </div>

			
            <div class="col-md-6">
                <h3>${{ $product->price }}</h3>
				<!--<select class="qty" name="qty">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
					</select>-->
                <form action="{{ url('admin/cart') }}" method="POST" class="side-by-side" style="float:left; margin-right:10px;">
                    {!! csrf_field() !!}
					
                    <input type="hidden" name="id" value="{{ $product->id }}">
                    <input type="hidden" name="name" value="{{ $product->name }}">
                    <input type="hidden" name="price" value="{{ $product->price }}">
                    <!--<input type="hidden" name="student_id" value="17">-->
					
                    <input type="submit" class="btn btn-success btn-md" value="Add to Cart">
                </form>

                <!--<form action="{{ url('admin/wishlist') }}" method="POST" class="side-by-side">
                    {!! csrf_field() !!}
                    <input type="hidden" name="id" value="{{ $product->id }}">
                    <input type="hidden" name="name" value="{{ $product->name }}">
                    <input type="hidden" name="price" value="{{ $product->price }}">
                    <input type="submit" class="btn btn-primary btn-md" value="Add to Wishlist">
                </form>-->


                <br><br>
				<b>Description:</b><br>
                {{ $product->description }}
            </div> <!-- end col-md-8 -->
        </div> <!-- end row -->

        <div class="spacer"></div>

        <div class="row">
            <h3>You may also like...</h3>

            @foreach ($interested as $product)
                <div class="col-md-3">
                    <div class="thumbnail">
                        <div class="caption text-center">
                            <a href="{{ url('admin/shop', [$product->slug]) }}"><img src="{{ asset('img/' . $product->image) }}" alt="product" class="img-responsive"></a>
                            <a href="{{ url('admin/shop', [$product->slug]) }}"><h3>{{ $product->name }}</h3>
                            <p>${{ $product->price }}</p>
                            </a>
                        </div> <!-- end caption -->

                    </div> <!-- end thumbnail -->
                </div> <!-- end col-md-3 -->
            @endforeach

        </div> <!-- end row -->

        <div class="spacer"></div>


    </div> <!-- end container -->

@endsection