@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/add')}}" method="post" enctype="multipart/form-data">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">

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

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

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

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

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

					@foreach($category::where('parent',$item_l3->id )->get() as $item_l4)
					<option value="{{ $item_l4->id }}">&#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" placeholder="عنوان">
				<span class="error">{{ $errors->first('title') }}</span>
			</div>

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

			<div class="checkbox">
				<label>
					<input type="checkbox" name="showHomePage" id="showHomePage" value="1"> نمایش در صفحه اول سایت
				</label>
			</div>


			<div class="checkbox">
				<label>
					<input type="checkbox" name="show_telegram" id="show_telegram" value="1"> نمایش در بات تلگرام
				</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> -->
			</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