@extends('admin.master')

@section('content')

	<section id="widget-grid" class="">
		<div class="row">
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="jarviswidget jarviswidget-color-darken" id="wid-id-list" data-widget-editbutton="true" data-widget-colorbutton="false" data-widget-deletebutton="false">
					<header>
						<span class="widget-icon"><i class="fa fa-table"></i></span>
						<h2>Update Currency List Order</h2>
					</header>

					<div>
						<div class="widget-body">

							<div id="nestable-menu">
								<a href="javascript:window.history.back();" class="btn btn-labeled btn-default">
									<span class="btn-label"><i class="fa fa-fw fa-chevron-left"></i></span>Back
								</a>
							</div>

							<div class="row">
								<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
									<div class="dd" id="dd-navigation">
										<ol class="dd-list">
											@foreach ($items as $key => $item)
												<li class="dd-item" data-id="{{ $item->id }}">
													<div class="dd-handle">
														<img style="height: 40px; margin-right: 15px;" src="images/flags/{{ $item->flag->image_name }}">
														{{ '<strong>' . $item->title . '</strong> ' }}
													</div>
												</li>
											@endforeach
										</ol>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</article>
		</div>
	</section>

	@include('admin.partials._nestable')

	<script type="text/javascript" charset="utf-8">
		$(function() {
			initNestableMenu(1, "{{ Request::path() }}");
		})
	</script>
@stop