@extends('app')
@section('content')
<form class='form-horizontal' method='post'>
  <input type='hidden'  name='_token' value='{{csrf_token()}}'>
  <div class='form-group'>
    <label for='name' class='col-sm-2 control-label'>ชื่อสินค้า</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='name' placeholder='ชื่อสินค้า' name='name' title="ชื่อสินค้า" value="{{$product->name}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='code' class='col-sm-2 control-label'>Code</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='code' placeholder='Code' name='code' title="Code" value="{{$product->code}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='details' class='col-sm-2 control-label'>รายละเอียด</label>
    <div class='col-sm-10'>
      <textarea class='form-control' id='details' placeholder='รายละเอียด' name='details' title="รายละเอียด">{{$product->details}}</textarea>
    </div>
  </div>
  <div class='form-group'>
    <label for='cost' class='col-sm-2 control-label'>ราคาต้นทุน(ว่างได้)</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='cost' placeholder='ราคาต้นทุน(ว่างได้)' name='cost' title="ราคาต้นทุน(ว่างได้)" value="{{$product->cost}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='price' class='col-sm-2 control-label'>ราคาสินค้า</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='price' placeholder='ราคาสินค้า' name='price' title="ราคาสินค้า" value="{{$product->price}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='status' class='col-sm-2 control-label'>สถานะสินค้า</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='status' placeholder='สถานะสินค้า' name='status' title="สถานะสินค้า" value="{{$product->status}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='category_id' class='col-sm-2 control-label'>ประเภทสินค้า</label>
    <div class='col-sm-10'>
      <input type='hidden' class='form-control' id='category_id' placeholder='ประเภทสินค้า' name='category_id' title="ประเภทสินค้า" value="{{$categories->id}}">
      <input type='input' class='form-control'  placeholder='ประเภทสินค้า'   title="ประเภทสินค้า" value="{{$categories->name}}" readonly>
    </div>
  </div>
  <div class='form-group'>
    <label for='size' class='col-sm-2 control-label'>ขนาด</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='size' placeholder='ขนาด' name='size' title="ขนาด" value="{{$product->size}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='color' class='col-sm-2 control-label'>สี</label>
    <div class='col-sm-10'>
      <input type='text' class='form-control' id='color' placeholder='สี' name='color' title="สี" value="{{$product->color}}">
    </div>
  </div>
  <div class='form-group'>
    <label for='other' class='col-sm-2 control-label'>รายละเอียดอื่นๆ</label>
    <div class='col-sm-10'>
      <textarea class='form-control' id='other' placeholder='รายละเอียดอื่นๆ' name='other' title="รายละเอียดอื่นๆ">{{$product->other}}</textarea>
    </div>
  </div>



  <div class='form-group'>
    <label for='other' class='col-sm-2 control-label'>ภาพสินค้า</label>
  @foreach($images as $img)
<img src="{{asset($img->path.'/'.$img->img)}}"  style="width:200px;">

  @endforeach
  </div>

  <div class='form-group'>
    <label for='other' class='col-sm-2 control-label'>ภาพสินค้า</label>
    <div class='col-sm-10'> <img src="{{url('/image/camera-icon.png?v=1001')}}" onClick="show();"> </div>
  </div>

  <div class='form-group'>
    <label for='other' class='col-sm-2 control-label'>Tags</label>
    <div class='col-sm-10'> @foreach($tags as $tag)
      <label>
        <input type="checkbox" name="tags_id[]" value="{{$tag->id}}"
   @foreach($hashtags as $hashtag)
        @if($hashtag->
        tags_id == $tag->id)        
        checked 
        @endif
        @endforeach
        >  
        {{$tag->tag}}</label>
      | 
      @endforeach </div>
  </div>
  <div class="col-sm-offset-2 col-sm-10">
    <button type="submit" class="btn btn-success" title="ปรับปรุง">ปรับปรุง</button>
    <button type="reset" class="btn btn-danger" title="ยกเลิก" onClick="window.location='{{url('admin/category/'.$categories->id.'/product')}}';">ยกเลิก</button>
  </div>
</form>

<!-- Modal -->
<div class="modal fade" id="editImage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">จัดการภาพสินค้า</h4>
      </div>
      <div class="modal-body">
        <div class="row"> <span class="imgs"></span></div>
      </div>
      <div class="modal-footer">
        <div class="col-sm-8">
          <form class='form-horizontal' method='post' id="frm_upload">
            <input type="hidden" name="_token" value="{{csrf_token()}}">
            <div class="col-sm-8">
              <input type="file" name="img[]" multiple id="img_upload">
            </div>
            <div class="col-sm-4">
              <button type="button" class="btn btn-info"  onClick="upload();">อัพโหลด</button>
            </div>
          </form>
        </div>
        <div class="col-sm-4">
          <button type="button" class="btn btn-default" data-dismiss="modal">ปิด</button>
          <button type="button" class="btn btn-danger" onClick="if (confirm('ยืนยันการลบภาพสินค้า ? ภาพที่ลบไปแล้วไม่สามารถนำกลับมาได้ ??')==true){dropimg();}">ลบที่เลือก</button>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('script') 
<script>
function show()
{
	$('#editImage').modal('show');
	load_img();
	}
 function load_img()
{
		$('.imgs').html('');
		
		 $.ajax({ 
			type: 'POST', 
			url: "{{url('admin/product/'.$product->id.'/image')}}", 
			data: {_token:'{{csrf_token()}}'}, 
			dataType: 'json',
			success: function (data) { 
				$.each(data, function(index, values) {
					$('.imgs').append('<div class="col-sm-2"><label><input type="checkbox" name="imgs[]" value="'+values.id+'" class="mysl"><img src="