@extends('layouts.admin', ['title' => 'ویرایش تصاویر'])

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.4/croppie.min.css">
@endsection

@section('content')

<h3>مدیریت تصاویر ({{ $product->title }})</h3>
<a href="/admin/products">بازگشت</a>
<hr />

<h4>ویرایش تصویر</h4>
<div class="row">
	<div class="col-md-12">
		<form action="{{ url('/admin/image/products/update')}}" method="post" enctype="multipart/form-data">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<input type="hidden" name="id" value="{{ $data->id }}">
			<input type="hidden" name="category" value="{{ $category->id }}">

			<div>
				<p>{{ $usefulTips['admin-product-picture-page'] }}</p>

			</div>

			<div class="form-group">
				<label for="image">تصویر

					<button type="button" class="btn btn-primary btn-xs"
						onclick="showFileUploadOptImage();">بهینه‌سازی</button>
				</label>
				<input type="file" id="image" name="image">
				<span class="error">{{ $errors->first('image') }}</span>
				<!-- <p class="help-block">Example block-level help text here.</p> -->
			</div>

			<div class="form-group">
				<img id="my-image" src="#" />
				<input type="hidden" name="imagedata" id="imagedata">
			</div>

			<button type="submit" class="btn btn-primary" id="save">ذخیره</button>
			<a href="/admin/image/products/{{ $product->id }}" class="btn btn-default">بازگشت</a>

			<p class="success">{{ session('message') }}</p>
			<p class="error">{{ session('error') }}</p>
		</form>
	</div>
</div>

@stop

@section('javascript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.4/croppie.min.js"></script>
<script src="/js/admin-product.js?v=0.1"></script>

<script language="javascript" type="text/javascript">
	function showFileUploadOptImage() {
			window.open("/admin/fileupload/productimage", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,width=600,height=500");
		}

</script>
@stop