@extends('layouts.app')

@section('content')

    <div class="container">

        <div class="row mb-4 pt-4">
            <div class="col-md gallery-item-wrapper artwork creative gallery-item">
                <div class="card gallery-thumb" id="isotope-gallery">

                    <img class="card-img-top" src="images/beranda/1.jpg" height="200" width="300" alt="Card image cap">
                    <a href="images/beranda/1.jpg" class="gallery-zoom"></a>

                    
                    <div class="card-body">
                        <h5 class="card-title"></h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

                        <button onclick="document.getElementById('id02').style.display='block'" style="width:auto;" class="btn btn-primary"><b>Pesan</b></button>

                        <div id="id02" class="modal">
                            <form class="modal-content animate" action="sukses.html" method="post">
                                <div class="imgcontainer">
                                    <span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">&times;</span>

                                </div>

                                <div class="container">
                                    <h1>HARGA BARANG 100 RIBU</h1>
                                    <hr>
                                    <label for="quantity"><b>Jumlah yang ingin dipesan :</b></label>
                                    <input type="number" id="quantity" name="quantity" required="required"></td>
                                    <center><button type="submit">Pesan</button></center>
                                    </label>
                                </div>

                                <div class="container" style="background-color:#f1f1f1">
                                    <button type="button" onclick="document.getElementById('id02').style.display='none'" class="cancelbtn">Cancel</button>
                                </div>
                            </form>

                        </div>

                    </div>
                    
                </div>
            </div>
@endsection