@extends('admin.layout')
@section('content')

<style>	
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	#watermarked::before {
	position: fixed;
	top: -75%;
	left: -75%;
	display: block;
	width: 300%;
	height: 300%;
	transform: rotate(-45deg);
	content: attr(data-watermark);
	font-size: 30px;
	opacity: 0.15;
	line-height: 4em;
	letter-spacing: 2px;
	color: #ff0523;
	z-index:0;
	}
	.content-wrapper, .right-side{
		background: #FFF;
	}
	.box {
		background: transparent;
		z-index: 1; 
	}
	
	</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
	<section class="content-header">
		<h1> {{ trans('Office Assets List') }}</h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('Office Assests List') }}</li>
		</ol>
	</section>
    @include('admin.loader')
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->OfficeAssets);
	@endphp	
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">												
						<div class="col-xs-12">
							<div class="row">
																<form action="" method="get" id="machines_filter">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12"> 
                                        	<strong>Filter by:Empolyee Name</strong>
                                        </div>
                                        <div class="col-sm-3 col-md-3"> 
                                        	<div class="form-group">
                                        		<input type="text" name="emp_name" id="machines_name" value="{{ $emp_name }}" placeholder="Please enter Empolyee name" class="form-control">    
                                        	</div>
                                        </div> 
                                        <div class="col-sm-2 col-md-2"> 
                                        	<div class="form-group">
	                                           
                                        	</div>
                                        </div>
                                        <div class="col-sm-7 col-md-7"> 
                                        	<div class="form-group">
                                                <div class="pull-right">
                                                    <ul  class="list-inline"> 
                                                        <li class="list-inline-item"><a href="{{ route('add-assets') }}" type="button" class="btn btn-block btn-primary">{{ trans('Add new Assets') }}</a></li>                     
                                                        <li class="list-inline-item"><a href="{{ URL('admin/add-assets') }}" class="btn-primary-apply">Clear Filter</a></li>
                                                    </ul>
                                            	</div>
                                            </div>
                                        </div>
                                    </div>
								</form>
							</div>
						</div>
						<div class="col-xs-12">
							<div class="row">
								@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
								@endif
								@if(session()->has('error'))
									<div class="alert alert-warning alert-dismissible">
									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
									   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
										{{ session()->get('error') }}
									</div>
								@endif
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th width="5%">{{ trans('ID') }}</th>
											<th>{{ trans('Empolyee Name') }}</th>
											<th>{{ trans('Department') }}</th>
											<th>{{ trans('Laptop/Dekstop') }}</th>
											<th>{{ trans('Mobile') }}</th>
											<th>{{ trans('Sim') }}</th>
											<th>{{ trans('Headphone') }}</th>
											<th>{{ trans('Assets Number') }}</th>
											<th>{{ trans('Created Date') }}</th>
											<th>{{ trans('Action ') }}</th>
										</tr>
									</thead>
									<tbody class="result-data">
										@if(count($result['OfficeAssets'])>0)
                                            @foreach ($result['OfficeAssets'] as  $rsVal)
                                            <tr>
											<td>{{$loop->iteration}}</td>
											<td>{{$rsVal->emp_id}}</td>
											<td>{{$rsVal->department}}</td>
											<td>{{$rsVal->laptop_dekstop}}</td>
											<td>{{$rsVal->mobile}}</td>
											<td>{{$rsVal->sim}}</td>
											<td>{{$rsVal->headphone}}</td>
											<td>{{$rsVal->assetsno}}</td>
											<td>{{$rsVal->created_at}}</td>
											<td>@if(in_array("Edit",$LeadSources ))
												<a href="{{route('Office-Assets-edit', [$rsVal->id]) }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>
													@endif
													@if(in_array("Delete",$LeadSources ))
												<a href="{{ route('office-assets-delete', [$rsVal->id])}}" class="btn btn-danger btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i><a/> @endif	</td>
													</tr>
											@endforeach
											@endif
										
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</div>
						</div>
					</div>
				</div>
				<div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</div>
			</div>
		</div>
	</section>  
</div>
</div>
@endsection 
@section('scripts')
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
  </script>
<script type="text/javascript">	
    function submitSearchForm() {
        $('.fullLoader').show();
        $('#machines_filter').submit();
    }

    $('#machines_name').donetyping(function(){
        submitSearchForm();
    });	

    $(function () { 
	    // Machines Filter        
	    $("#machines_status").select2({
	        closeOnSelect: false,
	        placeholder: 'Please status',
	    }).on("select2:select", function (e) {
	    	submitSearchForm();
	    }).on('select2:unselect', function (e) {
	    	submitSearchForm();
	    });
    });
</script>
@endsection