@extends('layouts.app')
@section('pageTitle', 'Aset - List')

@section('content')
<div class="page-header">
	<div class="page-header-content">
		<div class="page-title">
			<h4><span class="text-semibold">Aset - List</span></h4>
			<ul class="breadcrumb breadcrumb-caret position-left">
				<li>
					<a href="{{ route('aset.summary') }}">
						<i class="icon-arrow-left52 position-left"></i> <ins>Kembali ke halaman list Summary</ins>
					</a>
				</li>
			</ul>
		</div>
		<div class="heading-elements">
			<div class="heading-btn-group">
				<a href="{{url('admin/aset/'.$unit_id.'?aksi=create')}}" data-toggle="modal" data-target="#modal-remote-lg" class="btn bg-blue btn-labeled heading-btn">
					<b><i class="icon-add"></i></b> Tambah Aset
				</a>
			</div>
		</div>
	</div>
</div>

@include('notify')

<div class="content">
	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel-body">
				<form class="form-horizontal">
					{{csrf_field()}}
					<div class="col-lg-12">
						<div class="row">
							<div class="col-md-3">
								<input type="text" class="form-control" placeholder="Kata Kunci" name="search" value="@if(!empty($input['search'])){{$input['search']}}@endif" />
							</div>
							<label class="control-label col-lg-1">Kategori</label>
							<div class="col-md-4">
								<select name="type" class="form-control" id="select">
									<option value="">- Pilih Kategori</option>
									@foreach($data->data->type as $row)
									<option value="{{ $row->code }}" {{ !empty($input['type']) && $row->code == $input['type'] ? 'selected':'' }}>
										{{ $row->value }}
									</option>
									@endforeach
								</select>
								<span class="help-block"></span>
							</div>
							<div class="col-md-2 text-left">
								<input type="submit" name="submit" value="Cari" class="btn btn-default" />
							</div>
						</div>
					</div>
				</form>

				<div class="table-responsive col-lg-12 no-padding">
					<table class="table table-xxs table-togglable table-hover" style="margin-top:10px;">
						<thead style="border-top:1px solid #ddd;">
							<tr>
								<th data-hide="phone">#</th>
								<th data-toggle="true">Tgl Akusisi</th>
								<th data-toggle="phone" class="col-md-2">&nbsp;</th>
								<th data-toggle="phone">Kode Aset</th>
								<th data-hide="phone">Detail Aset</th>
								<th data-hide="phone">Posisi</th>
								<th data-hide="phone">Kategori</th>
								<th data-hide="phone" class="text-right">Status</th>
								<th data-hide="phone">Tgl Update</th>
								<th data-hide="phone">&nbsp;</th>
							</tr>
						</thead>
						<tbody>
							@if(!empty($aset->data))
														@foreach($aset->data as $post)
							<tr id="aset_{{$post->id}}">
								<td>{{ ++$i }}</td>
																<td>
									<a href="{{url('admin/aset/'.$unit_id.'?aksi=view&id='.$post->id.''.$if_search)}}">
										{{date('d M y', strtotime($post->date_acq))}}
									</a>
								</td>
								<td>
									<div class="col-lg-12">
										@if(!empty($post->file_name))
										<a href="#" data-popup="tooltip" title="<img src='{{asset('uploads/aset/'.$post->file_name)}}' class='img-responsive'/>" data-html="true" data-placement="right">
											<img src="{{asset('uploads/aset/'.$post->file_name)}}" class="img-responsive" />
										</a>
										@endif
										<div class="col-lg-4 col-md-4 col-xs-4" style="padding-left: 2px; margin-top: 2px;padding-right: 2px;">
											@if(!empty($post->file_name_2))
											<a href="#" data-popup="tooltip" title="<img src='{{asset('uploads/aset/'.$post->file_name_2)}}' class='img-responsive'/>" data-html="true" data-placement="right">
												<img src="{{asset('uploads/aset/'.$post->file_name_2)}}" class="img-responsive" />
											</a>
											@endif
										</div>
										<div class="col-lg-4 col-md-4 col-xs-4" style="padding-left: 2px; margin-top: 2px;padding-right: 2px;">
											@if(!empty($post->file_name_3))
											<a href="#" data-popup="tooltip" title="<img src='{{asset('uploads/aset/'.$post->file_name_3)}}' class='img-responsive'/>" data-html="true" data-placement="right">
												<img src="{{asset('uploads/aset/'.$post->file_name_3)}}" class="img-responsive" />
											</a>
											@endif
										</div>
										<div class="col-lg-4 col-md-4 col-xs-4" style="padding-left: 2px; margin-top: 2px;padding-right: 2px;">
											@if(!empty($post->file_name_4))
											<a href="#" data-popup="tooltip" title="<img src='{{asset('uploads/aset/'.$post->file_name_4)}}' class='img-responsive'/>" data-html="true" data-placement="right">
												<img src="{{asset('uploads/aset/'.$post->file_name_4)}}" class="img-responsive" />
											</a>
											@endif
										</div>
									</div>
								</td>
								<td>{{$post->asset_code}}</td>
																<td><span data-popup="tooltip" title="{{$post->detail}}" data-placement="right">{{$out}}</span></td>
								<td>{{$post->pic}}</td>
								<td>{{ $post->kategori }}</td>
								<td>
									<label class="label" style="@if(!empty($post->status_color)) background-color: {{$post->status_color}} @endif">
										{{$post->status_name}}
									</label>
								</td>
								<td>{{date('d M y H:i:s', strtotime($post->updated_at))}}</td>
								@if(session('level') > 2)
								<td class="text-right">
									<ul class="icons-list">
										<li class="dropdown">
											<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
												<i class="icon-menu9"></i>
											</a>
											<ul class="dropdown-menu dropdown-menu-right">
												<li>
													<a onclick="deleteItem(this, '{{route('aset.delete', $post->id)}}', 'aset_{{$post->id}}');">
														<i class="icon icon-trash"></i> Hapus
													</a>
												</li>
											</ul>
										</li>
									</ul>
								</td>
								@endif
							</tr>
							@endforeach
							@else
							<tr>
								<td colspan="11" class="text-center">Belum ada data</td>
							</tr>
							@endif
						</tbody>
						<tfoot>
							<tr>
								<td colspan="11" class="text-center">{!! $metadata->pagination !!}</td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
			<a href="#" id="back-to-top" title="Back to top"><i class="icon-arrow-up8"></i></a>
		</div>
	</div>
</div>

<div id="modal-remote-lg" class="modal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-body"></div>
		</div>
	</div>
</div>
@endsection

@section('custom_js')
<script type="text/javascript">
	$(document).ready(function() {
		$(".select").select2();
		$(".select2-1").select2();
	});

	function deleteItem(element, url, id) {
		var ele = $(element);
		console.log(id);
		swal({
			title: 'Apakah anda yakin menghapus aset ini?',
			type: 'warning',
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Ya!',
			cancelButtonText: 'Tidak',
			closeOnConfirm: true,
			closeOnCancel: true
		}, function(isConfirm) {
			if (isConfirm) {
				$.get(url, function(data, status) {
					var bgClass = 'bg-error';
					if (data.status == 'success') {
						bgClass = 'bg-success',
							$('#' + id).remove();
					}
					new PNotify({
						text: data.message,
						delay: 3000,
						addclass: bgClass
					});
				});
			}
		});
		return false;
	};
</script>
@endsection