@extends('layouts.admin', ['title' => 'ویرایش آپشن‌'])

@section('content')

@section('css')
<link rel="stylesheet" href="/css/farbtastic.css" type="text/css" />
@stop

<h3>مدیریت آپشن‌ها ({{ $product->title }})</h3>
<hr />

<h4>ویرایش آپشن</h4>
<div class="row">
	<div class="col-md-12">
		<form action="{{ url('/admin/option/products/update')}}" method="post">
			@csrf

			<input type="hidden" name="id" value="{{ $data->id }}">
			<input type="hidden" name="product" value="{{ $data->product_id }}">

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="group_order">ترتیب گروه ( ۰ کمترین)</label>
						<input type="number" class="form-control" id="group_order" name="group_order"
							value="{{ $data->group_order }}" placeholder="ترتیب گروه">
						<span class="error">{{ $errors->first('group_order') }}</span>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-group-order'] }}
				</div>
			</div>

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="group">عنوان گروه</label>
						<input type="text" class="form-control" id="group" name="group" value="{{ $data->group }}"
							placeholder="عنوان گروه">
						<span class="error">{{ $errors->first('group') }}</span>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-group'] }}
				</div>
			</div>

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="title_order">ترتیب عنوان ( ۰ کمترین)</label>
						<input type="number" class="form-control" id="title_order" name="title_order"
							value="{{ $data->title_order }}" placeholder="ترتیب عنوان">
						<span class="error">{{ $errors->first('title_order') }}</span>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-title-order'] }}
				</div>
			</div>

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="title">عنوان</label>
						<input type="text" class="form-control" id="title" name="title" value="{{ $data->title }}"
							placeholder="عنوان">
						<span class="error">{{ $errors->first('title') }}</span>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-title'] }}
				</div>
			</div>

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="item_count">تعداد کالا <small style="direction: ltr;">( منفی یک = نامحدود
								)</small></label>
						<input type="number" class="form-control" id="item_count" name="item_count"
							value="{{ $data->item_count }}" placeholder="تعداد کالا">
						<span class="error">{{ $errors->first('item_count') }}</span>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-item_count'] }}
				</div>
			</div>

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="weight">وزن (گرم)</label>
						<input type="number" class="form-control" id="weight" name="weight" value="{{ $data->weight }}"
							placeholder="وزن">
						<span class="error">{{ $errors->first('weight') }}</span>
					</div>
				</div>
				<div class="col-md-9">

				</div>
			</div>


			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="amount">قیمت (تومان)</label>
						<input type="text" class="form-control" id="amount" name="amount" value="{{ $data->amount }}"
							placeholder="قیمت">
						<span class="error">{{ $errors->first('amount') }}</span>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-amount'] }}
				</div>
			</div>

			@can('admin-products-publish')
			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="amount">خودکار</label>
						<div>
							<input type="checkbox" value="true" id="amount_auto"
								{{ $data->amount_auto ? 'checked="checked"' : '' }} name="amount_auto">
							<label for="amount_auto">قیمت خودکار فعال </label>
							<span class="error">{{ $errors->first('amount_auto') }}</span>
						</div>
					</div>
				</div>
				<div class="col-md-9">
					{{ $usefulTips['admin-product-option-auto-amount'] }}
				</div>
			</div>

			<div class="row">
				<div class="col-md-6">
					<div class="form-group product-list">
						<label for="amount_product_id">قیمت مرجع</label>
						<input type="text" name="tSearch" id="tSearch" value="" class="form-control"
							placeholder="جستجو ..."><Br />
						<select class="form-control" name="amount_product_id" id="amount_product_id">
							<option value="null" @if($data->amount_product_id == null) selected="selected" @endif>انتخاب
								کنید...
							</option>
							@foreach($products as $products_item)
							<option title="{{ cleanTitleForQuickSearch($products_item->title) }}"
								value="{{ $products_item->id }}" @if($data->amount_product_id == $products_item->id)
								selected="selected" @endif >{{ $products_item->title }}</option>
							@endforeach
						</select>
						<span class="error">{{ $errors->first('amount_auto') }}</span>
					</div>

				</div>

				<div class="col-md-6">
					{{ $usefulTips['admin-product-option-referance-amount'] }}
				</div>
			</div>
			@endcan

			<div class="row">
				<div class="col-md-3">
					<div class="form-group">
						<label for="image">کد رنگ</label>
						<input type="text" class="form-control color-selector" id="color_code" name="color_code"
							style="direction:ltr;" value="{{ $data->color_code }}" placeholder="کد رنگ">
						<span class="error">{{ $errors->first('color_code') }}</span>
					</div>
				</div>
				<div class="col-md-3">
					<div id="picker"></div>
				</div>
				<div class="col-md-4">
					{{ $usefulTips['admin-product-option-color-code'] }}
				</div>
			</div>


			<div class="row">
				<div class="col-md-12">
					<div class="form-group">
						<input type="checkbox" value="true" {{ $data->multiselect ? 'checked="checked"' : '' }}
							id="multiselect" name="multiselect">
						<label for="multiselect">انتخاب چندتایی</label>
						<span class="error">{{ $errors->first('multiselect') }}</span>
					</div>

					<div class="form-group">
						<input type="checkbox" value="true" id="availability"
							{{ $data->availability ? 'checked="checked"' : '' }} name="availability">
						<label for="availability">موجود</label>
						<span class="error">{{ $errors->first('availability') }}</span>
					</div>

				</div>

			</div>


			<button type="submit" class="btn btn-primary">ذخیره</button>
			<a href="{{ route('admin.product.edit', $product->id ) }}?step=3" class="btn btn-link">بازگشت</a>

			<p class="success">{{ session('message') }}</p>
			<p class="error">{{ session('error') }}</p>
		</form>
	</div>
	<div class="col-md-6">
		@can('admin-products')
		<div id="picker"></div>

		@endcan
	</div>
</div>

@stop


@section('javascript')
<script type="text/javascript" src="/js/farbtastic.js"></script>

<script type="text/javascript" charset="utf-8">
	jQuery(document).ready(function(){ 
		jQuery('#picker').farbtastic('.color-selector');

		jQuery("#tSearch").on("change paste keyup", function() {
			var search = jQuery(this).val().toString().toLowerCase().replaceAll(' ', '').replaceAll('ي', 'ی');
	 
		if(search.length == 0 ){ 
			jQuery(".product-list option").show();
		} else{ 
			jQuery(".product-list option").hide();
			jQuery(".product-list option[title*='"+search+"']").show();
		}
		}); 
	}); 
</script>

@stop