@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')

<div class="row">
	<div class="col-md-9">
		<h3>مدیریت محصولات - آپشن و پکیج

			( <a href="{{ $item->product_link }}">{{ $item->title }}</a> )
		</h3>
	</div>
	<div class="col-md-3 text-left">
		@can('admin-products')
		<a href="/admin/option/products/{{ $item->id }}/add" class="btn btn-success"><span
				class="glyphicon glyphicon-plus"></span> آپشن جدید</a>
		@endcan
	</div>
</div>

<hr />

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

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

		<div class="row">
			<div class="col-xs-12">
				@if(count($option_data)==0)
				<div class="alert alert-info" role="alert">
					اطلاعاتی برای نمایش دادن وجود ندارد.
				</div>
				@else
				<table class="table table-striped">
					<tr>
						<th>گروه</th>
						<th>نوع انتخاب</th>
						<th>عنوان</th>
						<th>قیمت (تومان)</th>
						<th>موجودی</th>
						<th>تعداد</th>
						<th>وزن</th>
						<th>جمع پکیج</th>
						<th style="width:180px;">عملیات</th>
					</tr>
					@foreach($option_data as $option_item)
					<tr>
						<td>{{ $option_item->group }}</td>
						<td>{{ $option_item->multiselect == 1 ? 'چندتایی' : 'تکی' }}</td>
						<td>{{ $option_item->title }}</td>
						@if($option_item->amount_auto == 1)
						<td>خودکار</td>
						@else
						<td>{{ $option_item->amount }}</td>
						@endif
						<td>{{ $option_item->availability ? 'بلی' : '-' }}</td>
						<td>{{ $option_item->item_count == -1 ? 'نامحدود' : $option_item->item_count  }}
						</td>
						<td>{{ $option_item->weight }}</td>
						<td>{{ number_format($option_item->package_total_price, 0, '', ',') }}</td>
						<td>
							@can('admin-products')
							<a href="/admin/option/products/{{ $item->id }}/delete/{{ $option_item->id }}"
								onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');"
								class="confirm-delete btn btn-danger btn-sm">حذف</a>

							<a href="/admin/option/products/{{ $item->id }}/edit/{{ $option_item->id }}"
								class="btn btn-primary btn-sm">ویرایش</a>
							<a href="/admin/option/products/{{ $item->id }}/package/{{ $option_item->id }}"
								class="btn btn-default btn-sm">پکیج</a>
							@endcan
						</td>
					</tr>

					@endforeach
				</table>

				<div style="text-align: center;">
					{!! $option_data->render(); !!}
				</div>

				@endif
			</div>
			<div class="col-xs-6">
				<div id="dvData">

				</div>
			</div>
		</div>

		@if($activeEditProduct)
		<a href="/admin/technicalspec/products/{{ $item->id }}" class="btn btn-primary">مرحله بعدی</a>
		<a href="/admin/image/products/{{ $item->id }}" 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>

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