@extends('client.layouts.index')
@section('content')

<div class="container">
  <div class="row">
    <div class="col-md-4 col-sm-6 hero-feature">
      <div class="thumbnail">
          <a href="">
              <img src="{{ asset('images/product/'.$product->pic) }}" alt="product" class="img-responsive">
          </a>
      </div>                
    </div>
    <div class="col-md-8 col-sm-6 hero-feature">            
      <div class="caption">                    
          <h3>
            {{ $product->name }}
          </h3>
          <h5>
            IDR {{ $product->price }}
          </h5>
      </div>
      <input type="submit" class="btn btn-success" value="Add to Cart">
      <input type="submit" class="btn btn-primary" value="Add to Wishlist">

      <form action="{{ url('/client/cart') }}" 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-success btn-lg" value="Add to Cart">
      </form>

      <form action="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-lg" value="Add to Wishlist">
      </form>

      <hr>

      <p>
        {{ $product->description }}
      </p>
        
    </div>
  </div>
</div>  

<!-- Footer Widget Wrapper -->
<div class="container">
  
</div>

@endsection