@extends('layout.manage')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.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')}}">首頁</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#">設備管理</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="{{ action('InstEquipmentController@index') }}">設備登陸</a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN DASHBOARD STATS -->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN EXAMPLE TABLE PORTLET-->
					<div class="portlet light">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-speech"></i>
                                <span class="caption-subject bold uppercase">{{$inst_equipments->equipment_name}}</span>
                                <span class="caption-helper">{{$inst_equipments->created_at}}</span>
                            </div>
                            <div class="actions">
                            	<a href="{{action('InstEquipmentController@index')}}" class="btn btn-circle btn-default"><i class="fa fa-reply"></i> 返回列表 </a>
                                <a href="{{action('InstEquipmentController@edit',['id'=>$inst_equipments->id])}}" class="btn btn-circle btn-default"><i class="fa fa-pencil"></i> 編輯 </a>
                                <a class="btn btn-circle btn-default btn_delete_inst_equipments" utitle="{{ $inst_equipments->equipment_name }}" uid="{{ $inst_equipments->id }}" href="javascript:;"><i class="fa fa-trash"></i> 刪除 </a>
                            </div>
                        </div>
					 <div class="portlet-body">
						<table class="table table-striped table-bordered" style="width:60%;" align="center">
							<tbody>
								<tr>
									<td colspan="2">
										<h4><center><strong>設備：</strong></center></h4>
									</td>
								</tr>
								<tr>
									<td colspan="2">
										<center>
											@if($inst_equipments->cover_img != '')
												<img src="{{ $inst_equipments->cover_img }}" style="padding:3px; background-color:#fff; border:1px solid #d9d9d9;" width="100%" height="90%">
											@else
												<img src="{{ asset('assets/images/blank_image01.jpg') }}" style="padding:3px; background-color:#fff; border:1px solid #d9d9d9;" width="100%" height="90%">
											@endif
										</center>
									</td>
								</tr>
								@if($inst_equipments->custodian_name != '')
								<tr>
									<td width="20%" style="white-space: nowrap;">
										<h4><strong>保管人：</strong></h4>
									</td>
									<td>
										<h4>{{ $inst_equipments->custodian_name }}</h4>
									</td>
								</tr>
								@endif
								@if($inst_equipments->specification != '')
								<tr>
									<td width="20%" style="white-space: nowrap;">
										<h4><strong>設備規格：</strong></h4>
									</td>
									<td>
										<h4>{{ $inst_equipments->specification }}</h4>
									</td>
								</tr>
								@endif
							</tbody>
						</table>
                        </div>
                    </div>
				</div>
            </div>
					<!-- END EXAMPLE TABLE PORTLET-->

	<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
@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/jquery-validation/js/additional-methods.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/bootbox/bootbox.min.js') }}"></script>
@endsection

@section('js_page_level')
<script type="text/javascript">
		$(document).on('click','.btn_delete_inst_equipments',function(){
		var id = $(this).attr('uid');
		var title = $(this).attr('utitle');
		bootbox.confirm("<h5>確定刪除"+title+"這個設備?</h5>", function(result) {
	       if(result === true){
	       		$.ajax({
	       			type  : 'DELETE',
	       			url   : "{{ action('InstEquipmentController@destroy' ,['id'=>'']) }}/"+id,
	       			dataType : 'json',
	       			data  : {
	       				_token   : $('#_token').val(),
	       				id : id
	       			},
	       			success : function(){
	       				toastr['success']('刪除設備成功');
	       				window.location.replace('{{ action('InstEquipmentController@index') }}');
	       			},
	       			error   : function(){
	       				toastr['error']('刪除設備失敗');
	       			}
	       		});
	       }
	    });
	});
</script>
@endsection