@extends('master')

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

@section('content')
    <div class="content-wrapper">
          <div class="row user-profile">
            <div class="col-lg-4 side-left d-flex align-items-stretch">
              <div class="row">
                <div class="col-12 grid-margin stretch-card">
                  <div class="card">
                    <div class="card-body avatar">
                      <h4 class="card-title">Info</h4>
                      <img src="{{ asset('storage/ProductImage/'.$product->id.'.jpg') }}" alt="">
                      <p class="name">{{ $product->product_name }}</p>
                      <p class="designation">-  {{ $product->product_unit }}  -</p>
                    </div>
                  </div>
                </div>
                <div class="col-12 stretch-card">
                  <div class="card">
                    <div class="card-body overview">
                      <ul class="achivements">
                        <li><p>9,999</p><p>จำนวนคงเหลือ</p></li>
                      </ul>
                      <div class="wrapper about-user">
                        <h4 class="card-title mt-4 mb-3">รายละเอียด</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam consectetur ex quod.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-8 side-right stretch-card">
              <div class="card">
                <div class="card-body">
                  <div class="wrapper d-block d-sm-flex align-items-center justify-content-between">
                    <h4 class="card-title mb-0">Details</h4>
                    
                  </div>
                  <div class="wrapper">
                    <hr>
                    <div class="tab-content" id="myTabContent">
                      <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="ข้อมูล">
                        <form action="{{ url('/manage/product/update') }}" 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 }}"  @if($value->id == $product->product_category) selected @endif>{{ $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" value="{{ $product->product_name }}">
                          </div>
                          <div class="form-group">
                            <label for="designation">ขนาดความจุ</label>
                            <input type="text" class="form-control" id="designation" placeholder="ขนาดความจุ"  name="product_capacity"  value="{{ $product->product_capacity }}">
                          </div>
                          <div class="form-group">
                            <label for="mobile">หน่วย</label>
                            <input type="text" class="form-control" id="mobile" placeholder="หน่วย"  name="product_unit"  value="{{ $product->product_unit }}">
                          </div>
                          <div class="form-group">
                            <label for="number">ราคา</label>
                            <input type="number" class="form-control" id="number" placeholder="ราคา"  name="product_price"  value="{{ $product->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 class="form-group mt-5">
                            <button type="submit" class="btn btn-success mr-2">อัพเดท</button>
                            <a class="btn btn-outline-danger  mr-2" href="{{ url('/manage') }}">ย้อนกลับ</a>
                            <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModal-4">ลบ</button>
                          </div>
                        </form>
                      </div><!-- tab content ends -->
                      
                      
                    </div>
                  </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">
                          คุณแน่ใจว่าจะลบ ?
                        </div>
                        <div class="modal-footer">
                          <a href="{{ url('/manage/product/delete/'.$product->id) }}" class="btn btn-dark">ใช่ลบเลย</a>
                          <button type="button" class="btn btn-light" data-dismiss="modal">ยกเลิก</button>
                        </div>
                      </div>
                    </div>
                  </div>

@endsection