@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')
				<h1 class="storeCatId"></h1>
				<div id="ebayStoreCats"></div>
				<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($){
						$('#ebayStoreCats').on('changed.jstree', function (e, data) {
							var selectedVal = data.node.id;
							$('.storeCatId').html(selectedVal);
						}).jstree({
							'core': {
								'data': {!!  $storeCats !!},
								'multiple':false
							}
						});
					});
				</script>
			</div>
		</div>
	</div>
</div>
@stop