@extends('layout.manage')

@section('css_page_level')
<link href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/global/plugins/fullcalendar/fullcalendar.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/global/plugins/jqvmap/jqvmap/jqvmap.css') }}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>

<!-- END PAGE LEVEL PLUGIN STYLES -->
<!-- BEGIN PAGE STYLES -->
<link href="{{ asset('assets/admin/pages/css/tasks.css') }}" rel="stylesheet" type="text/css"/>
<!-- END PAGE STYLES -->
@endsection

@section('page-content-wrapper')
	<div class="page-content-wrapper">
		<div class="page-content">
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
			@inject('setting','anlutro\LaravelSettings\Facade')
			{{ $setting::get('system_name','全方位建築智慧化管理系統') }} <small>{{ $setting::get('company_name','新保科技') }}</small>
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="index.html">@lang('messages.homepage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#">@lang('messages.pub_manage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#">@lang('messages.approve')</a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN DASHBOARD STATS -->
			<ul class="mix-filter">
				<li class="filter active" data-filter="all">
					 @lang('messages.all_reservation')
				</li>
				<li class="filter" data-filter="category_1">
					 @lang('messages.not_approved')
				</li>
				<li class="filter" data-filter="category_2">
					 @lang('messages.reservation_pass')
				</li>
				<li class="filter" data-filter="category_3">
					 @lang('messages.return/cancel')
				</li>
			</ul>
			<div class="row">
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_1 mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm" data-toggle="confirmation" data-btn-ok-label="@lang('messages.pass')" data-btn-cancel-label="@lang('messages.backkk')" data-title="@lang('messages.pass_approved_yn')" data-on-confirm="test()">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.return/cancel') </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_2 mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm" data-toggle="confirmation" id="bs_confirmation_demo_1">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-ban"></i> Ban </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="i"></i> Make admin </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_1  mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-ban"></i> Ban </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="i"></i> Make admin </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_1 mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-ban"></i> Ban </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="i"></i> Make admin </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_2 mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-ban"></i> Ban </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="i"></i> Make admin </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_3 mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-ban"></i> Ban </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="i"></i> Make admin </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-12 mix category_1 mix_all">
					<div class="portlet box grey-gallery">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-ticker"></i>@lang('messages.service_reserve')
							</div>
							<div class="actions">
								<a href="javascript:;" class="btn btn-default btn-sm">
								<i class="fa fa-check"></i> @lang('messages.approve') </a>
								<div class="btn-group">
									<a class="btn btn-default btn-sm" href="javascript:;" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bars"></i> @lang('messages.others') <i class="fa fa-angle-down"></i>
									</a>
									<ul class="dropdown-menu pull-right">
										<li>
											<a href="javascript:;">
											<i class="fa fa-pencil"></i> @lang('messages.edit_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-trash-o"></i> @lang('messages.del_order') </a>
										</li>
										<li>
											<a href="javascript:;">
											<i class="fa fa-ban"></i> Ban </a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="javascript:;">
											<i class="i"></i> Make admin </a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="portlet-body">
							<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.service_reserve_num'):
									</div>
									<div class="col-md-8 value">
										#INST-201509110001
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_facility'):
									</div>
									<div class="col-md-8 value">
										KTV-@lang('messages.box_room')1
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserved_time'):
									</div>
									<div class="col-md-8 value">
										2015/09/15 17:00
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_liver'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-default"> A2-011 </span> @lang('messages.chou_rf')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										@lang('messages.reserve_status'):
									</div>
									<div class="col-md-8 value">
										<span class="label label-primary"> @lang('messages.waiting_approve') </span>
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.pay4_point'):
									</div>
									<div class="col-md-8 value">
										 25 @lang('messages.pt')
									</div>
								</div>
								<div class="row static-info">
									<div class="col-md-4 name">
										 @lang('messages.liver_phone')
									</div>
									<div class="col-md-8 value">
										 02-2214-0000
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END CONTENT -->

	<!-- /.modal -->
	<div class="modal fade" id="modal_add_user" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">@lang('messages.create_account')</h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
					<form action="#" class="form-horizontal">
						<div class="form-body">
							<blockquote>
								<h4>Step 1. @lang('messages.basic_account_setting')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.account')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-user"></i>
										<input type="text" class="form-control" placeholder="@lang('messages.keyin_account')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.pwd')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input type="password" class="form-control" placeholder="@lang('messages.keyin_pwd')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.pwd_confirm')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input type="password" class="form-control" placeholder="@lang('messages.pwd_confirm_again')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.name')</label>
								<div class="col-md-6">
									<input type="text" class="form-control" placeholder="@lang('messages.keyin_name')">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.email')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input type="text" class="form-control" placeholder="@lang('messages.keyin_email')">
									</div>
								</div>
							</div>
							<blockquote>
								<h4>Step 2. @lang('messages.user_basic_info')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.user_ids')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input type="text" class="form-control" placeholder="@lang('messages.keyin_email')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.mobile')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input type="text" class="form-control" placeholder="@lang('messages.keyin_email')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.tel2')</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input type="text" class="form-control" placeholder="@lang('messages.keyin_email')">
									</div>
								</div>
							</div>
							<blockquote>
								<h4>Step 3. @lang('messages.advanced_config')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.enable_status')</label>
								<input type="checkbox" class="make-switch" data-on-text="&nbsp;@lang('messages.active')&nbsp;" data-off-text="&nbsp;@lang('messages.stop')&nbsp;">
							</div>
						</div>
					</form>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
					<button type="button" class="btn blue">@lang('messages.add')</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
@endsection


@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-confirmation/bootstrap-confirmation.min.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-mixitup/jquery.mixitup.min.js') }}"></script>
@endsection

@section('js_page_level')
$(document).on('click','#btn_modal_add_user',function(){
	$('#modal_add_user').modal('show');
});
@endsection