@extends('layouts.backend')

@section('title')
	@lang('backend.menu_views.page_title')
@endsection

@section('modals')
	@include('backend.partials.modals')
@endsection

@section('content')
<header class="main-header clearfix">
	<h1 class="main-header__title">
		<i class="fa fa-bars"></i>
		@lang('backend.menu_views.page_title')
	</h1>
</header>
<div class="row">
	<div class="col-md-12">
		<article class="widget">
			<header class="widget__header">
				<h3 class="widget__title">@lang('backend.menu_views.list')</h3>
				<div class="widget__config" style="margin:0">
					<span id="add_option">
						<a data-toggle="tooltip" title="@lang('backend.menu_views.new')" href="#"><i class="fa fa-plus" aria-hidden="true"></i></a>
					</span>
				</div>
			</header>
			<div class="widget__content">
				@include('backend.partials.deleted')
                @include('backend.partials.success')
				<table class="table table-hover">
					<thead>
						<tr>
							<th>@lang('backend.tables.title')</th>
							<th>@lang('backend.tables.icon')</th>
							<th>@lang('backend.tables.actions')</th>
							<th>@lang('backend.tables.status')</th>
						</tr>
					</thead>
					<tbody id="sortable" data-route="{{route('menu.save_order')}}" class="pant_table">
					@foreach($options as $option)
						<tr data-id="{{$option->id}}" id="{{$option->id}}" data-title="{{$option->title}}" data-page="{{$option->page_name}}" data-icon="{{$option->icon}}" data-route="{{route('menu.destroy', $option->id)}}" data-rundo="{{route('menu.undelete', $option->id)}}">
							<td>
								<i class="fa fa-reorder"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								{{ $option->title }}
							</td>
							<td>
								<img style="width: 35px; height: 35px;" src="{{asset('assets/img/menu/'.$option->icon)}}" />
							</td>
							<td>
								<a data-toggle="tooltip" class="save_option" data-option-id="{{$option->id}}" title="@lang('backend.buttons.edit')" href="#"><i class="fa fa-pencil-square-o"></i></a>
								<a data-toggle="tooltip" title="@lang('backend.buttons.delete')" href="#" class="delete_record"><i class="fa fa-trash-o"></i></a>
							</td>
							<td>
                                <input type="checkbox" id="s6-{{$option->id}}" class="sw" {{($option->active)?'checked':''}} data-route="{{route('menu.save_status', $option->id)}}">
                                <label class="switch2 switch--green" for="s6-{{$option->id}}"></label>
                            </td>
						</tr>
					@endforeach
					</tbody>
				</table>
			</div>
		</article>
	</div>
</div>
@endsection