@extends('layouts.app')

@section('content')

<div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
      <ul class="breadcrumb">
        <li><a href="{{ URL::to('dashboard') }}">{{ Lang::get('core.home') }}</a></li>
		<li><a href="{{ URL::to('ebaylistings?return='.$return) }}">{{ $pageTitle }}</a></li>
        <li class="active">{{ Lang::get('core.addedit') }} </li>
      </ul>
    </div>
	<div class="page-content-wrapper">
		<ul class="parsley-error-list">
			@foreach($errors->all() as $error)
				<li>{{ $error }}</li>
			@endforeach
		</ul>
		<div class="sbox">
			<div class="sbox-title"> <h4> {{ $pageTitle }} </h4></div>
			<div class="sbox-content">
				@include('ebaylistings/partials/tabs')
				{!! Form::open(array('url'=>'ebaycategories/save?return='.$return, 'class'=>'form-horizontal mainForm','files' => true , 'parsley-validate'=>'','novalidate'=>' ')) !!}
				<div class="col-md-12">
					<fieldset>
					</fieldset>
					</div>
				<div style="clear:both"></div>
				 {!! Form::close() !!}
				<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.9/themes/default/style.min.css" />
				<script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.0.9/jstree.min.js"></script>
				<script>
					jQuery(document).ready(function($){
						$('#ebayCats').on('changed.jstree', function (e, data) {
							if(!data.node.children.length) {
								$('.jstreeErrors').empty();
								var pathVal = data.instance.get_path(data.node, '/');
								var selectedVal = data.node.id;
								$('input[name="categoryValue"]').val(selectedVal);
								$('input[name="categoryValuePath"]').val(pathVal);
							}else{
								$('.jstreeErrors').html('Please Select a Leaf Category(No Children)');
								$('html,body').animate({
									scrollTop: $('.jstreeErrors').offset().top
								});
							}
						}).jstree({
							'core': {
								'data': {!!  $ebaycategories !!},
								'multiple':false
							}
						});
						$('select[name="categoryMode"]').selectToggleDiv();
					});
				</script>
			</div>
		</div>
	</div>
</div>
@stop