@extends('layout.manage')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/clockface/css/clockface.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}"/>
@endsection

@section('page-content-wrapper')
	<div class="page-content-wrapper" id="main">
		<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="{{route('manage::index')}}">@lang('messages.homepage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="javascript:;">@lang('messages.neighbor_hood')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="{{action('LostThingController@index')}}">@lang('messages.lost_found')</a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN EXAMPLE TABLE PORTLET-->
					<div class="portlet light bordered">
						<div class="portlet-body">
							<div class="table-toolbar">
								<div class="row">
									<div class="col-md-6">
										<div class="btn-group">
												<a id="btn_add_lost_thing" href="javascript:;" class="btn green">
											 @lang('messages.add') <i class="fa fa-plus icon-black"></i></a>
										</div>
									</div>
								</div>
							</div>
							<table class="table table-striped table-bordered table-hover" id="table_mail_list">
							<thead>
							<tr>
								<th class="table-checkbox">
									<input type="checkbox" class="group-checkable" data-set="#table_mail_list .checkboxes"/>
								</th>
								<th>
									 @lang('messages.type')
								</th>
								<th>
									 @lang('messages.name')
								</th>
								<th>
									 @lang('messages.goods_name')
								</th>
								<th>
									 @lang('messages.pick_up_time')
								</th>
								<th>
									 @lang('messages.pick_up_location')
								</th>
								<th>
									 @lang('messages.goods_category')
								</th>
								<th>
									 @lang('messages.keeping_dept')
								</th>
								<th>
									 @lang('messages.announce_dept')
								</th>
								<th>
									 @lang('messages.status')
								</th>
								<th style="width:8%">
									 @lang('messages.action')
								</th>
							</tr>
							</thead>
							<tbody>
							@foreach ($lost_things as $one)
							<tr class="odd gradeX">
								<td>
									<input type="checkbox" class="checkboxes" value="{{$one->id}}"/>
								</td>
								<td>
									@if($one->type == '0')
									<span class="label label-sm bg-green-seagreen"> @lang('messages.lost') </span>
									@elseif($one->type == '1')
									<span class="label label-sm bg-yellow-gold"> @lang('messages.found') </span>
									@endif
								</td>
								<td>
									{{$one->user_name}}
								</td>
								<td>
									{{$one->name}}
								</td>
								<td>
									{{$one->time_find}}
								</td>
								<td>
									{{$one->location}}
								</td>
								<td>
									{{$one->class}}
								</td>
								<td>
									{{$one->keeper}}
								</td>
								<td>
									{{$one->publisher}}
								</td>
								<td>
									@if($one->status == '0')
									<span class="label label-sm label-warning"> @lang('messages.not_claim') </span>
									@elseif($one->status == '1')
									<span class="label label-sm label-success"> @lang('messages.claimed') </span>
									@endif
								</td>
								<td>
									<div class="btn-group">
										<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
										@lang('messages.action') <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu pull-right" role="menu">
											<li>
									            <a class="btn_show" uid="{{$one->id}}" href="javascript:;">
									            	<i class="fa fa-eye"></i>
									            	查看照片
									            </a>
								            </li>
											<li>
												<a class="btn_edit_lost_thing" url="{{action('LostThingController@edit' , ['id'=> $one->id])}}">
												<i class="fa fa-pencil"></i>
												@lang('messages.edit') </a>
											</li>
											@if($one->status == '0')
	                                        <li>
							                	<a class="btn_status" uid="{{$one->id}}" status="1" href="javascript:;">
							                	<i class="fa fa-pencil"></i> @lang('messages.set_claimed') </a>
							                </li>
							                @elseif($one->status == '1')
							                <li>
							                	<a class="btn_status" uid="{{$one->id}}" status="0" href="javascript:;">
							                	<i class="fa fa-pencil"></i> @lang('messages.set_unclaimed') </a>
							                </li>
											@endif
											<li>
												<a class="btn_delete_lost_thing" url="{{action('LostThingController@destroy' , ['id'=> $one->id])}}" href="javascript:;">
												<i class="fa fa-trash-o"></i>
												@lang('messages.del') </a>
											</li>
										</ul>
									</div>
								</td>
							</tr>
							@endforeach
							</tbody>
							</table>
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>

	<div class="modal" id="modal_add_lost_thing" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<form id="form_add_lost_thing" class="form-horizontal" method="POST">
			<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_lost_and_found')</h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
						<div class="form-body">
							<div id="form_add_lost_thing_error" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.col_invalid')
							</div>
							<div id="form_add_lost_thing_success" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.add_success')
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.found_and_lost')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="radio-list">
										<label class="radio-inline">
										<input type="radio" name="type" id="optionsRadios4" value="1" checked> @lang('messages.found') </label>
										<label class="radio-inline">
										<input type="radio" name="type" id="optionsRadios5" value="0"> @lang('messages.lost') </label>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.name')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="user_name" type="text" class="form-control" placeholder="姓名">  
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.goods_name')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="name" type="text" class="form-control" placeholder=@lang('messages.goods_name')>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.lost_and_found_place')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="location" type="text" class="form-control" placeholder="@lang('messages.pick_up_location')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.goods_category')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="class" type="text" class="form-control" placeholder="@lang('messages.goods_category')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.keeping_dept')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="keeper" type="text" class="form-control" placeholder="@lang('messages.keeping_dept')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.publish_dept')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="publisher" type="text" class="form-control" placeholder="@lang('messages.publish_dept')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.found_lost_time')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-group date form_datetime">
										<input name="time_find" type="text" size="16" readonly class="form-control">
										<span class="input-group-btn">
										<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.deal_note')</label>
								<div class="col-md-6">
									<textarea name="content" class="form-control" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">物品照片</label>
								<div class="col-md-6">
									<div class="fileinput fileinput-new" data-provides="fileinput">
	                                    <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;">
	                                        <img src="{{ asset('assets/images/blank_image01.jpg') }}" alt=""/>
	                                    </div>
	                                    <div>
	                                        <span class="btn default btn-file">
	                                        <span class="fileinput-new">
	                                        @lang('messages.select_img') </span>
	                                        <span class="fileinput-exists">
	                                        @lang('messages.change') </span>
	                                        <input type="file" name="image" id="cover_img">
	                                        <input type="hidden" name="compressed_cover" id="compressed_cover" value="">
	                                        </span>
	                                        <a href="javascript:;" id="cover_reset" class="btn red fileinput-exists" data-dismiss="fileinput">
	                                        @lang('messages.remove') </a>
	                                    </div>
	                                </div>
								</div>
							</div>
							<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
							<input type="hidden" name="status" value="0" />
						</div>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
					<button type="submit" class="btn blue">@lang('messages.add')</button>
				</div>
			</div>
			</form>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

	<div class="modal" id="modal_edit_lost_thing" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<form id="form_edit_lost_thing" class="form-horizontal" method="POST">
			<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.edit_lost_stuff')</h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
						<div class="form-body">
							<div id="form_edit_lost_thing_error" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.col_invalid')
							</div>
							<div id="form_edit_lost_thing_success" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.add_success')
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.name')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="user_name" type="text" class="form-control" placeholder="@lang('messages.name')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.goods_name')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="name" type="text" class="form-control" placeholder="@lang('messages.name')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.found_lost_place')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="location" type="text" class="form-control" placeholder="@lang('messages.pick_up_location')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.goods_category')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="class" type="text" class="form-control" placeholder="@lang('messages.goods_category')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.keeping_dept')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="keeper" type="text" class="form-control" placeholder="@lang('messages.keeping_dept')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.publish_dept')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope-o"></i>
										<input name="publisher" type="text" class="form-control" placeholder="@lang('messages.publish_dept')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.found_lost_time')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-group date form_datetime">
										<input name="time_find" type="text" size="16" readonly class="form-control">
										<span class="input-group-btn">
										<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.deal_note')</label>
								<div class="col-md-6">
									<textarea name="content" class="form-control" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">照片</label>
								<div class="col-md-6">
									<div class="fileinput fileinput-new" data-provides="fileinput">
	                                    <div id="edit_fileinput" class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;">
	                                        <img id="image3" src="{{ asset('assets/images/blank_image01.jpg') }}" alt=""/>
	                                    </div>
	                                    <div>
	                                        <span class="btn default btn-file">
	                                        <span class="fileinput-new">
	                                        @lang('messages.select_img') </span>
	                                        <span class="fileinput-exists">
	                                        @lang('messages.change') </span>
	                                        <input type="file" name="image" id="cover_img">
	                                        <input type="hidden" name="compressed_cover" value="">
	                                        </span>
	                                        <input type="hidden" name="edit_base64" id="edit_base64">
	                                        <a href="javascript:;" id="cover_reset" class="btn red fileinput-exists" data-dismiss="fileinput">
	                                        @lang('messages.remove') </a>
	                                    </div>
	                                </div>
								</div>
							</div>
							<input type="hidden" name="id" />
							<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
						</div>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
					<button type="submit" class="btn blue">@lang('messages.save')</button>
				</div>
			</div>
			</form>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
		<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">

<!-- Home_service handle action -->
<div id="modal_handle" class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
	<div class="modal-dialog">
		<div class="portlet box grey-gallery">
			<div class="portlet-title">
				<div class="caption">
					<i class="fa fa-ticker"></i>@lang('messages.deal_lost_stuff')
				</div>
				<div class="actions">
					<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">@lang('messages.close')</button>
				</div>
			</div>
			<div class="portlet-body" id="div_view_lost_thing">
				<div class="scroller" style="height:70%" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
					<input type="hidden" id="uid">
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.type'):</span>
						</div>
						<div class="col-md-8 name view_input" name="type">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.goods_name'):</span>
						</div>
						<div class="col-md-8 name view_input" name="user_id">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.name'):</span>
						</div>
						<div class="col-md-8 name view_input" name="name">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.contact_tel'):</span>
						</div>
						<div class="col-md-8 name view_input" name="phone">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.people_number'):</span>
						</div>
						<div class="col-md-8 name view_input" name="peoples">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.reserved_time'):</span>
						</div>
						<div class="col-md-8 name view_input" name="time">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right">@lang('messages.other_desc'):</span>
						</div>
						<div class="col-md-8 name view_input" name="info">
							
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							
						</div>
						<div class="col-md-8" id="home_service_handle_event">
							<h4>@lang('messages.operate_process')</h4>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


<div class="modal fade" id="modal_image" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog" style="width: 40%;">
        <div class="modal-content">
            <div class="modal-header bg-blue-soft">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">遺失物資料</h4>
            </div>
            <div class="modal-body">
               <form id="form_type" class="form-horizontal form-bordered">
                    <div class="form-body">
                        <table style="width: 100%;">
                        	<tr>
                        		<td style="text-align: center;"><label style="font-size: 16px;">遺失物照片</label></td>
                        		<td></td>
                        	</tr>
                        	<tr>
                        		<td >
                        			<img style="max-height: 60vh;width: 100%;" id="sign_image">
                        		</td>
                        	</tr>
                        </table>
                    </div>
                </form>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
@endsection

@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/ckeditor/ckeditor.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/clockface/js/clockface.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script>
<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 type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}"></script>
@endsection

@section('js_page_level')
<script>
$(document).ready(function(){
	$(".form_datetime").datetimepicker({autoclose: true});

	$('#table_mail_list').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "@lang('messages.datatable_no_data')",
		    "info": "@lang('messages.display_from') _START_ @lang('messages.display_to') _END_ @lang('messages.then_total') _TOTAL_ @lang('messages.records')",
		    "infoEmpty": "@lang('messages.no_match')",
		    "infoFiltered": "(@lang('messages.from') _MAX_ @lang('messages.records_filter'))",
		    "lengthMenu": "@lang('messages.show') _MENU_ @lang('messages.records')",
		    "search": "@lang('messages.quick_filter'):",
		    "zeroRecords": "@lang('messages.no_data')",
		    "paginate": {
		        "previous":"@lang('messages.last_page')",
		        "next": "@lang('messages.next_page')",
		        "last": "@lang('messages.lastest')",
		        "first": "@lang('messages.most_previous')"
		    }
		},

		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,            
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});

	$(document).on('click','#btn_add_lost_thing',function(){
		$('#modal_add_lost_thing').modal('show');
	});

	$('#form_add_lost_thing').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			name:{
				required:true,
			},
			location:{
				required:true,
			},
			keeper:{
				required:true,
			},
			publisher:{
				required:true,
			}
		},
		messages:{
			name:{
				required:'@lang('messages.enter_stuff_name')',
			},
			location:{
				required:'@lang('messages.enter_found_place')',
			},
			keeper:{
				required:'@lang('messages.enter_keep_dept')',
			},
			publisher:{
				required:'@lang('messages.enter_publish_dept')',
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit   
            $('#form_add_lost_thing_success').hide();
            $('#form_add_lost_thing_error').show();
            //$('.modal').scrollTop($('#form_add_lost_thing_error'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
			var form = $('#form_add_lost_thing');
	        form.attr("action", '{{ action('LostThingController@store') }}');
        	$('#form_add_lost_thing')[0].submit();
    	}
	});

	$(document).on('click','.btn_edit_lost_thing',function(){
		var url = $(this).attr('url');
		$.ajax({
			type: 'GET',
			dataType: 'json',
			url: url,
			success: function(sendback){
				$.each(sendback, function (key, data) {
					if(key == 'content'){
						$( "#form_edit_lost_thing textarea[name='"+key+"']").html(data);
					}
					if(key == 'things_photo'){
						$('#image3').attr('src',"{{$url}}/image/"+data);
					}
					if(key =='type'){
						if(data == 0){
							var $radios = $('#form_edit_lost_thing input:radio[name="type"]');
						    if($radios.is(':checked') === false) {
						        $radios.filter('[value=0]').prop('checked', true);
						    }
						}else{
							var $radios = $('#form_edit_lost_thing input:radio[name="type"]');
						    if($radios.is(':checked') === false) {
						        $radios.filter('[value=1]').prop('checked', true);
						    }
						}
						
					}
					$( "#form_edit_lost_thing input[name='"+key+"']").attr('value',data);
				});

				$('#modal_edit_lost_thing').modal('show');
			},
			error:function(sendback){
				toastr['error']('@lang('messages.sys_error_f5_try')');
			}
		});
	});

	$('#form_edit_lost_thing').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			name:{
				required:true,
			},
			location:{
				required:true,
			},
			keeper:{
				required:true,
			},
			publisher:{
				required:true,
			}
		},
		messages:{
			name:{
				required:'@lang('messages.enter_stuff_name')',
			},
			location:{
				required:'@lang('messages.enter_found_place')',
			},
			keeper:{
				required:'@lang('messages.enter_keep_dept')',
			},
			publisher:{
				required:'@lang('messages.enter_publish_dept')',
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit   
            $('#form_edit_lost_thing_success').hide();
            $('#form_edit_lost_thing_error').show();
            //$('.modal').scrollTop($('#form_edit_lost_thing_error'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
        	$('#edit_base64').val($('#edit_fileinput>img:first').attr('src'));
			var form = $('#form_edit_lost_thing');
	        form.attr("action", '{{ action('LostThingController@update') }}');
        	$('#form_edit_lost_thing')[0].submit();
        }
	});


	$(document).on('click','.btn_delete_lost_thing',function(){
		var url = $(this).attr('url');
		bootbox.confirm("@lang('messages.sure_del_item')", function(result) {
			if(result == true){
				$.ajax({
					type : 'DELETE',
					dataType : 'json',
					url  : url,
					data : {
						_token   : $('#_token').val()
					},
					success : function(sendback){
						window.location.reload();
					},
					error : function(sendback){
						toastr['error']('@lang('messages.del_fail')');
					}
				})
			}
		}); 
	});
	
	$(document).on('click','.btn_status',function(){
		$.ajax({
			type : 'POST',
			url : '{{action('LostThingController@status')}}',
			dataType: 'json',
			data : {
				id : $(this).attr('uid'),
				status : $(this).attr('status'),
				_token : '{{csrf_token()}}'
			},
			success : function(sendback){
				toastr['success']('@lang('messages.successful_edit_lost_stuff')');
				window.location.reload();
			},
			error : function(sendback){
				toastr['error']('@lang('messages.fail_edit_lost_stuff')');
			}
		});
	});

	$(document).on('click','.btn_show',function(){
		$.ajax({
			type : 'POST',
			url : '{{action('LostThingController@showImage')}}',
			dataType: 'json',
			data : {
				id : $(this).attr('uid'),
				_token : '{{csrf_token()}}'
			},
			success : function(sendback){
				console.log(sendback);
				$('#sign_image').attr('src',sendback.sign_image);
				$('#modal_image').modal('show');
			}
		});
	});
});

</script>
@endsection