@extends('layouts.admin', ['title' => 'ویرایش دسته بندی'])

@section('css')
<link rel="stylesheet" href="/css/croppie.min.css">
@endsection

@section('content')

@inject('category', 'App\Models\Category')
@inject('technical_spec','App\Models\TechnicalSpec')

<h3>مدیریت دسته بندی / مشخصات فنی</h3>
<hr />

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

			<div class="form-group">
				<label for="parent">والد</label>
				<select name="parent" id="parent" class="form-control">
					<option value="0" @if($data->parent==0) selected="selected" @endif >هیچکدام</option>

					@foreach($parents as $item)
					<option value="{{ $item->id }}" @if($data->parent==$item->id) selected="selected" @endif
						>{{ $item->title }}</option>

					@foreach($category::where('parent',$item->id )->get() as $item_l1)
					<option value="{{ $item_l1->id }}" @if($data->parent==$item_l1->id) selected="selected" @endif
						>&#8626; {{ $item_l1->title }}</option>

					@foreach($category::where('parent',$item_l1->id )->get() as $item_l2)
					<option value="{{ $item_l2->id }}" @if($data->parent==$item_l2->id) selected="selected" @endif
						>&#8626;&#8626; {{ $item_l2->title }}</option>

					@foreach($category::where('parent',$item_l2->id )->get() as $item_l3)
					<option value="{{ $item_l3->id }}" @if($data->parent==$item_l3->id) selected="selected" @endif
						>&#8626;&#8626;&#8626; {{ $item_l3->title }}</option>

					@foreach($category::where('parent',$item_l3->id )->get() as $item_l4)
					<option value="{{ $item_l4->id }}" @if($data->parent==$item_l4->id) selected="selected" @endif
						>&#8626;&#8626;&#8626;&#8626; {{ $item_l4->title }}</option>

					@endforeach
					@endforeach
					@endforeach
					@endforeach
					@endforeach

				</select>
				<span class="error">{{ $errors->first('parent') }}</span>
			</div>

			<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 class="form-group">
				<label for="description">توضیحات</label>
				<textarea class="ckeditor" name="description" id="description">{{ $data->description }}</textarea>
				<span class="error">{{ $errors->first('description') }}</span>
			</div>

			<div class="form-group">
				<label for="description_image">تصویر توضیحات (1024*289)</label>
				<input type="file" id="description_image" name="description_image">
				<span class="error">{{ $errors->first('description_image') }}</span>
				<!-- <p class="help-block">Example block-level help text here.</p> -->
				<br>
				@if($data->description_image != "")
				<a href="/img/category/{{ $data->description_image }}" class="btn btn-default btn-sm">مشاهده</a>
				<a href="/admin/category/edit/{{ $data->id }}/remove/dimage"
					onclick="return confirm('تصویر موردنظر حذف شود؟');" class="btn btn-danger btn-sm">حذف</a>
				@endif
			</div>

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

			<div class="form-group">
				<label for="link">لینک</label>
				<input type="text" class="form-control" style="direction:ltr;text-align:right;" id="link" name="link"
					value="{{ $data->link }}" placeholder="لینک">
				<span class="error">{{ $errors->first('link') }}</span>
			</div>

			<div class="form-group">
				<label for="sort">ترتیب</label>
				<input type="number" class="form-control" style="direction:ltr;text-align:right;" id="sort" name="sort"
					value="{{ $data->sort  }}" placeholder="ترتیب">
				<span class="error">{{ $errors->first('sort') }}</span>
			</div>

			<div class="form-group">
				<label for="sort2">ترتیب بات</label>
				<input type="number" class="form-control" style="direction:ltr;text-align:right;" id="sort2"
					name="sort2" value="{{ $data->sort2  }}" placeholder="ترتیب">
				<span class="error">{{ $errors->first('sort2') }}</span>
			</div>

			<div class="checkbox">
				<label>
					<input type="checkbox" name="showHomePage" id="showHomePage" value="1"
						@if($data->show_homepage=="1") checked="checked" @endif > نمایش در صفحه اول سایت
				</label>
			</div>


			<div class="checkbox">
				<label>
					<input type="checkbox" name="show_telegram" id="show_telegram" value="1"
						@if($data->show_telegram=="1") checked="checked" @endif > نمایش در بات تلگرام
				</label>
			</div>


			<div class="form-group">
				<label for="image">تصویر</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> -->
				<br>
				@if($data->image != "")
				<a href="/img/category/{{ $data->image }}" class="btn btn-default btn-sm">مشاهده</a>
				<a href="/admin/category/edit/{{ $data->id }}/remove/image"
					onclick="return confirm('تصویر موردنظر حذف شود؟');" class="btn btn-danger btn-sm">حذف</a>
				@endif
			</div>

			{{-- 
		<div class="form-group">
			<label for="guarantee" >گارانتی</label>
			<select name="guarantee" id="guarantee" class="form-control">
				<option value="0" @if($data->guarantee==0) selected="selected" @endif >هیچکدام</option>
				@foreach($technical_spec::where('category_id',$data->id)->orderBy('sort','desc')->get() as $item_sub)
				<option value="{{ $item_sub->id }}" @if($data->guarantee== $item_sub->id ) selected="selected" @endif
			>{{ $item_sub->title }}</option>
			@endforeach
			</select>
			<span class="error">{{ $errors->first('guarantee') }}</span>
	</div>

	<div class="form-group">
		<label for="country">کشور سازنده</label>
		<select name="country" id="country" class="form-control">
			<option value="0" @if($data->country==0) selected="selected" @endif >هیچکدام</option>
			@foreach($technical_spec::where('category_id',$data->id)->orderBy('sort','desc')->get() as $item_sub)
			<option value="{{ $item_sub->id }}" @if($data->country== $item_sub->id ) selected="selected" @endif
				>{{ $item_sub->title }}</option>
			@endforeach
		</select>
		<span class="error">{{ $errors->first('country') }}</span>
	</div>
	--}}

	<button type="submit" id="save" class="btn btn-primary">ذخیره</button>
	<a href="/admin/category" 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="/js/croppie.min.js"></script>
<script src="/ckeditor/ckeditor.js?u=3"></script>


<script type="text/javascript">
	function readURL(input) {
		if (input.files && input.files[0]) {
			var reader = new FileReader();
			reader.onload = function(e) {
				$('#my-image').attr('src', e.target.result);
				var resize = new Croppie($('#my-image')[0], {
					viewport: { width: 1024, height: 289 },
					boundary: { width: 1050, height: 300 },
					showZoomer: false,
					enableResize: false,
					enableOrientation: true,
					enableZoom: true,
				});
			
				$('#save').on('click', function() {
					resize.result('base64').then(function(dataImg) { 
						$('#imagedata').val(dataImg);
					}) 
				})
			}
			reader.readAsDataURL(input.files[0]);
		}
	}
		
	$("#description_image").change(function() {
		readURL(this);
	});
  
</script>

@stop