@extends('master')

@section('title', 'Page Manage')

@section('content')
    <div class="content-wrapper">
          <div class="card">
            <div class="card-body">
              <h4 class="card-title">สินค้า <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal-4">เพิ่มสินค้า</button></h4> 
              <div class="row">
                <div class="col-12">
                
                  <div class="table-responsive">
                    <table id="order-listing" class="table">
                      <thead>
                        <tr>
                            <th>รหัสสินค้า</th>
                            <th>ชื่อสินค้า</th>
                            <th>ความจุ</th>
                            <th>หน่วย</th>
                            <th>ราคา</th>
                            <th></th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($products as $product)
                        <tr>
                            <td>{{ $product->id }}</td>
                            <td>{{ $product->product_name }}</td>
                            <td>{{ $product->product_capacity }}</td>
                            <td>{{ $product->product_unit }}</td>
                            <td>{{ $product->product_price }}</td>
                            <td>
                              <a class="btn btn-outline-primary" href="{{ url('/manage/product/'.$product->id) }}">View</a>
                            </td>
                        </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- content-wrapper ends -->
        <!-- partial:../../partials/_footer.html -->
        <footer class="footer">
            <div class="container-fluid clearfix">
              <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © 2020 <a href="#">PuppaMax</a>. All rights reserved.</span>
            </div>
          </footer>


                  <div class="modal fade" id="exampleModal-4" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="ModalLabel">เพิ่มสินค้า</h5>
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                          </button>
                        </div>
                        <div class="modal-body">
                        <form action="{{ url('/manage/product/add') }}" method="POST" enctype="multipart/form-data">
                          @csrf
                          <input type="hidden" class="form-control" id="designation" placeholder="id"  name="id"  value="{{ $product->id }}">
                          <div class="form-group">
                            <label for="exampleFormControlSelect2">ประเภท</label>
                            <select class="form-control" id="exampleFormControlSelect2" name="product_category">
                              @foreach($category as $value)
                                <option value="{{ $value->id }}">{{ $value->category_name }}</option>
                              @endforeach
                            </select>
                          </div>
                          <div class="form-group">
                            <label for="name">ชื่อสินค้า</label>
                            <input type="text" class="form-control" id="name" placeholder="ชื่อสินค้า" name="product_name" >
                          </div>
                          <div class="form-group">
                            <label for="designation">ขนาดความจุ</label>
                            <input type="text" class="form-control" id="designation" placeholder="ขนาดความจุ"  name="product_capacity" >
                          </div>
                          <div class="form-group">
                            <label for="mobile">หน่วย</label>
                            <input type="text" class="form-control" id="mobile" placeholder="หน่วย"  name="product_unit"  >
                          </div>
                          <div class="form-group">
                            <label for="number">ราคา</label>
                            <input type="number" class="form-control" id="number" placeholder="ราคา"  name="product_price"  >
                          </div>
                          <div class="form-group">
                          <label>อัพโหลดรูป</label>
                            <input type="file" name="product_image" class="file-upload-default" >
                            <div class="input-group col-xs-12">
                              <input type="text" class="form-control file-upload-info" disabled placeholder="Upload Image" >
                              <div class="input-group-append">
                                <button class="file-upload-browse btn btn-info" type="button">Upload</button>                          
                              </div>
                            </div>
                          </div>
                        
                        </div>
                        <div class="modal-footer">
                          <button type="submit" class="btn btn-success">เพิ่ม</button>
                          </form>
                          <button type="button" class="btn btn-light" data-dismiss="modal">ยกเลิก</button>
                        </div>
                        
                      </div>
                    </div>
                  </div>

@endsection