{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.create_category'))
@section('content-heading')
  <section class="content-header">
    <h1>@lang('admin.create_category')</h1>
    <ol class="breadcrumb">
      <li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
      <li><a href="#">@lang('admin.categories')</a></li>
      <li class="active">@lang('admin.create_category')</li>
    </ol>
    </section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<div class="x_panel">
						<div class="x_title">
							<h2></h2>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							@if($errors->all())
								@foreach($errors->all() as $message)
									<div class="box no-border">
										<div class="box-tools">
											<p class="alert alert-warning alert-dismissible">
												{{ $message }}
												<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
											</p>
										</div>
									</div>
								@endforeach
							@elseif(session()->has('message'))
								<div class="box no-border">
									<div class="box-tools">
										<p class="alert alert-success alert-dismissible">
											{{ session()->get('message') }}
											<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										</p>
									</div>
								</div>
							@elseif(session()->has('error'))
								<div class="box no-border">
									<div class="box-tools">
										<p class="alert alert-danger alert-dismissible">
											{{ session()->get('error') }}
											<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										</p>
									</div>
								</div>
							@endif
							
							<form id="frm_add_cat" action="{{ route('admin.category.add.save') }}" class="form-horizontal form-label-left" method="post" enctype="multipart/form-data">
								{{ csrf_field() }}
								<div class="item form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12">
										@lang('admin.parent_category')<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<select class="form-control" name="parent_id" id="parent_id" required>
											<option value="">-- Select --</option>
											@foreach($parentCatObj as $category)
												<option value="{{ $category->id }}">{{ $category->name }}</option>
											@endforeach
										</select>
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('admin.category_name') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input type="text" id="name" name="name" value="{{ old('name') }}" placeholder="@lang('admin.category_name')" class="form-control col-md-7 col-xs-12">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('admin.cover_image') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input class="form-control" id="cover" name="cover" type="file" /> 
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('admin.description') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<textarea id="description" name="description" class="edtr form-control col-md-7 col-xs-12">
										{{ old('description') }}
										</textarea>
									</div>
								</div>
								
								<div class="item form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12">@lang('admin.status') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>

									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<select id="status" name="status" class="form-control">
											<option selected value="1">@lang('admin.enable') </option>
											<option value="0">@lang('admin.disable') </option>
										</select>
									</div>
								</div>
								
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
										<button type="submit" class="btn btn-success" name="submit">@lang('admin.submit') </button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection

@section('extra-script')
<style>
.error {
  color: red;
}
</style>
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>

<script>
	$(function () {
		$('.edtr').wysihtml5()
	})
	jQuery.validator.addMethod("math", function(value, element, params) {
	  return this.optional(element) || value == params[0] + params[1];
	}, jQuery.validator.format("Please enter the correct value for {0} + {1}"));

	$("#frm_add_cat").validate({
		rules: {
			parent_id: {
				required: false,
			},
			name: {
				required: true,
			},
			description: {
				required: false
			},
			status: {
				required: false
			},
		},
		messages: {
			parent_id: {
				required: "Select Parent Category",
			},
			name: {
				required: "Category name required",
			},
			description: {
				required: "Description required",
			},
			status: {
				required: "Select status",
			},
		},
		submitHandler: function(e) {
			event.submit();
		}
	});
    </script>
@endsection