@extends('toko')
@section('content')
<div style="height:150px;"></div>
<section class="section"id="product">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
            <div class="left-images">
                <img src="{{ URL::asset('gambar/'.$barang->gambar); }}"alt="">
            </div>
        </div>
        <div class="col-lg-4">
            <div class="right-content">
                <h4>{{ $barang->barang }}</h4>
                <span class="price">Rp. {{ number_format($barang->harga) }}</span>
                <ul class="stars">
                    <li><i class="text-gray">{{ $barang->suka }}</i><i class="fa fa-star text-warning"></i></li>
                </ul>
                <span>{{ $barang->deskripsi }}</span>
                <form action="{{ route('toko.keranjang') }}"method="POST">
                    @csrf
                <div class="quantity-content">
                    <div class="left-content">
                        <h6>Jumlah Order</h6>
                    </div>
                    <div class="right-content">
                        <div class="quantity buttons_added">
                            <input type="button"value="-"class="minus">
                            <input type="number"step="1"min="1"max=""name="quantity"value="1"title="Qty"class="input-text qty text"size="4"pattern=""inputmode=""onchange="hitotal();">
                            <input type="button"value="+"class="plus">
                        </div>
                    </div>
                </div>
                <div class="total">
                    <input type="hidden"name="idproduk"value="{{ $barang->id }}">
                    <input type="hidden"name="harga"value="{{ $barang->harga }}">
                    <input type="hidden"name="totalharga"value="{{ $barang->harga }}">
                    <h4>Total: Rp. <i id="total">{{ number_format($barang->harga) }}</i></h4>
                    <button type="submit"class="btnbtn-success float-right"><i class="fa fa-shopping-cart"></i></button>
                </div>
                </form>
            </div>
        </div>
        </div>
    </div>
</section>

<script>
function hitotal() {
  var a=$("input[name=quantity]").val();
  var b=$("input[name=harga]").val();
  var c=a*b;
  $("#total").html(c);
  var b=$("input[name=totalharga]").val(c);
}
</script>

@endsection