@extends('admin.layouts.app')

@section('content')

	<div class="col-md-12 text-center content-t">
		<div class="form">
			
			<form class="form-horizontal" method="post" action="{{ url()->current() }}" enctype="multipart/form-data">

				{{ csrf_field() }}

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

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.name_ar') }} </label>
					<div class="col-md-9">
						<input type="text" name="name_ar" value="{{ $product->name_ar }}" class="form-control" placeholder="{{ trans('admin.name_ar') }}">
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.name_en') }} </label>
					<div class="col-md-9">
						<input type="text" name="name_en" value="{{ $product->name_en }}" class="form-control" placeholder="{{ trans('admin.name_en') }}">
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.description_ar') }} </label>
					<div class="col-md-9">
						<textarea class="form-control" name="description_ar" placeholder="{{ trans('admin.description_ar') }}">{{ $product->description_ar }}</textarea>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.description_en') }} </label>
					<div class="col-md-9">
						<textarea class="form-control" name="description_en" placeholder="{{ trans('admin.description_en') }}">{{ $product->description_en }}</textarea>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.content_ar') }} </label>
					<div class="col-md-9">
						<textarea class="form-control ckeditor" name="content_ar" placeholder="{{ trans('admin.content_ar') }}">{{ $product->content_ar }}</textarea>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.content_en') }} </label>
					<div class="col-md-9">
						<textarea class="form-control ckeditor" name="content_en" placeholder="{{ trans('admin.content_en') }}">{{ $product->content_en }}</textarea>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.price') }} </label>
					<div class="col-md-9">
						<input type="text" name="price" value="{{ $product->price }}" class="form-control" placeholder="{{ trans('admin.price') }}">
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.old_price') }} </label>
					<div class="col-md-9">
						<input type="text" name="old_price" value="{{ $product->old_price }}" class="form-control" placeholder="{{ trans('admin.old_price') }}">
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.image') }} </label>
					<div class="col-md-9">
						<input type="file" name="image" class="form-control">
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.imageUse') }} </label>
					<div class="col-md-9">
						<img src="{{ url('public/uploads/products' . '/' . $product->image) }}" class="img-responsive center-block">
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.alboum') }} </label>
					<div class="col-md-9">
						<input type="file" name="alboum[]" multiple class="form-control">
					</div>
				</div> <!-- End Item -->

				@if(!empty($product->gallery))
				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.imageUse') }} </label>
					<div class="col-md-9 row">
						@foreach($product->gallery as $gallery)
						<div class="col-md-2">
							<img src="{{ url('public/uploads/products' . '/' . $gallery->image) }}" class="img-responsive center-block" style="width: 80px; height: 80px; display: inline-block;">
							<br />
							<a href="{{ url('admin/product/'. $gallery->id .'/deleteGallery') }}" class="btn btn-danger">
								<i class="fa fa-close"></i>
							</a>
						</div>
						@endforeach
					</div>
				</div> <!-- End Item -->
				@endif

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.brand') }} </label>
					<div class="col-md-9">
						<select name="brand_id" class="form-control">
							<option value="">{{ trans('admin.choose') }}</option>
							@foreach($brand as $brand)
							<option value="{{ $brand->id }}" @if($brand->id == $product->brand_id) selected @endif>@if(session()->get('lang') == 'en') {{ $brand->name_en }} @else {{ $brand->name_ar }} @endif</option>
							@endforeach
						</select>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3"> {{ trans('admin.category') }} </label>
					<div class="col-md-9">
						<select name="cate_id" class="form-control" data-url="{{ url('admin/category/sub') }}" id="getSub">
							<option>{{ trans('admin.choose') }}</option>
							@foreach($category as $category)
							<option value="{{ $category->id }}" @if($category->id == $product->cate_id) selected @endif>@if(session()->get('lang') == 'en') {{ $category->name_en }} @else {{ $category->name_ar }} @endif</option>
							@endforeach
						</select>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<label class="label label-control col-md-3">{{ trans('admin.subCategory') }}</label>
					<div class="col-md-9">
						<select class="form-control" name="sub_cate_id" id="sub" data-url="{{ url('admin/category/sub') }}">
							<option value="">{{ trans('admin.choose') }}</option>
							@foreach($subCategory as $sub)
							<option value="{{ $sub->id }}" @if($sub->id == $product->sub_cate_id) selected @endif>{{ $sub['name_' . getLang()] }}</option>
							@endforeach
						</select>
					</div>
				</div> <!-- End Item -->

				<div class="form-group"> <!-- Item -->
					<div class="col-md-12">
						<input type="submit" class="btn btn-success" value="{{ trans('admin.save') }}">
					</div>
				</div> <!-- End Item -->

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

@endsection

@section('script')

	<script type="text/javascript">
		
		$(document).ready(function() {

			$('#getSub').on('change', function() {

				var id = $(this).val();

				var url = $(this).attr('data-url');

				$.ajax({

					url: url + '/' + id,
					success: function(data){

						$('#sub').empty().append(data);

					},

				});

			});

		});

	</script>

@endsection