@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>مدیریت محصولات - تصاویر

	( <a href="{{ $item->product_link }}">{{ $item->title }}</a> )
</h3>
<hr />

<div class="row">
	<div class="col-md-12">

		<div class="row">
			<div class="col-md-12">
				<p>{{ $usefulTips['admin-product-picture-page'] }}</p>
			</div>
		</div>

		<form action="{{ route('admin.product.edit', $item->id) }}?step=2" method="post">
			@csrf

			<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>
			</div>

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

			@if($activeEditProduct)
			<button type="submit" class="btn btn-primary">ذخیره</button>

			<a href="{{ route('admin.product.edit', $item->id) }}?step=3" class="btn btn-default">مرحله بعدی</a>
			<a href="{{ route('admin.product.edit', $item->id) }}?step=1" class="btn btn-default">مرحله قبلی</a>
			@endif
			<a href="/admin/products" class="btn btn-link">بازگشت</a>

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


<!-- Modal -->
<div class="modal fade" id="alertModal" 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 id="modalAlertMessage"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
			</div>
		</div>
	</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 src="/ckeditor/ckeditor.js?u=3"></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");
		}
			    
		function Validation(){ 
			return true;
		}


</script>
@stop