@extends("layout")
@section("content")

<style>
/* Set height of body and the document to 100% to enable "full page tabs" */
body, html {
	height: 100%;
	margin: 0;
	font-family: Arial;
}

/* Style tab links */
.tablink {
	background-color: #555;
	color: white;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	font-size: 17px;
	width: 25%;
}

.tablink:hover {
	background-color: #777;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
	color: white;
	display: block;
	padding: 100px 20px;
	height: 93%;
}

#asset_summary {background-color: white;}
#warehouse {background-color: white;}
#cphl_warehouse {background-color: white}
#facility {background-color: white;}

/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #337ab7;
}
/* Style the buttons that are used to open the tab content */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
	background-color: black;
}

/* Style the tab content */
.tabcon {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
</style>

<button class="tablink" onclick="openPage('asset_summary', this, 'gray')"  id="defaultOpen">Itam <br>Stock Summaries</button>
<button class="tablink" onclick="openPage('warehouse', this, 'gray')">Comprehensive <br>Itam Register</button>
<button class="tablink" onclick="openPage('cphl_warehouse', this, 'gray')">Assets due for <br>Expiry or Maintenace</button>
<button class="tablink" onclick="openPage('facility', this, 'gray')">Itam<br>Reports</button>

<div id="asset_summary" class="tabcontent">
	<div class="col-md-6">
		<div class="box box-danger collapsed-box">
			<div class="box-header with-border">
				<h1 class="box-title">Licenses & Other Softwares</h1><br><br>
				<div  class="panel panel-primary">
					<div class="panel-body">
						<div class="col-md-12 able-responsive">
							<table id="abbott" class="table table-bordered table-striped">
								<thead>
									<tr>
										<th>#</th>
										<th>Software / License</th>
										<th>Subscription Date</th>
										<th>Expiry Date</th>
										<th>Status</th>

									</tr>
								</thead>
								<tbody>
									<tr>
																		@foreach($software as $value)
									<td>{{$row}}</td>
									<td>{{$value->model}}</td>
									<td>{{$value->installation_date}}</td>
									<td>{{$value->expiry_date}}</td>
									<td>Valid</td>
								</tr>

																		@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-6">
		<div class="box box-primary collapsed-box">
			<div class="box-header with-border">
				<h1 class="box-title" data-toggle="tooltip" data-placement="bottom">Hardware Summary by category</h1><br><br>
				<div  class="panel panel-primary">
					<div class="panel-body">
						<div class="col-md-12 able-responsive">
							<table id="abbott" class="table table-bordered table-striped">
								<thead>
									<tr>
										<th>#</th>
										<th>Category</th>
										<th># Total Available</th>
										<th># Total Damaged</th>

									</tr>
								</thead>
								<tbody>
																		@foreach($hardware as $value)
									<tr>
										<td>{{$row}}</td>
										<td>{{$value->category}}</td>
										<td>{{$value->category_count}}</td>
										<td>0</td>
									</tr>
																		@endforeach
								</tbody>
							</table>

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

	<div class="col-md-6">
		<div class="box box-success collapsed-box">
			<div class="box-header with-border">
				<h1 class="box-title">Networking Equipment</h1><br><br>
				<div  class="panel panel-primary">
					<div class="panel-body">
						<div class="col-md-12 table-responsive">
							<table id="abbott" class="table table-bordered table-striped">
								<thead>
									<tr>
										<th class="text-center">#</th>
										<th class="text-center">Type / Name</th>
										<th class="text-center">Total Available</th>
										<th class="text-center">Total Usable</th>
										<th class="text-center">Total Damaged</th>
									</tr>
								</thead>
								<tbody>
																		@foreach($network as $value)
									<tr>
										<td>{{$row}}</td>
										<td>{{$value->description}}</td>
										<td>{{$value->category_count}}</td>
										<td>{{$value->category_count}}</td>
										<td>{{$value->category_count}}</td>
									</tr>
																		@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>

<div id="cphl_warehouse" class="tabcontent">
	<div class="col-md-12">
		<div class="box box-primary collapsed-box">
			<div class="box-header with-border">
				<h1 class="box-title">Expired Licenses & Other Softwares</h1><br>
				<div class="box-tools pull-right">
					<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"> <br>View Details</i>
					</button>
				</div>
			</div>


			<div class="box-body">
				<div  class="panel panel-primary row">
					<div class="panel-heading ">
						<span class="glyphicon glyphicon-list"></span>
						Expired License & Software
						<div class="panel-btn">
							<a class="btn btn-xs btn-primary" href="#">
								<span class="glyphicon glyphicon-download"></span>
								Download
							</a>
						</div>
					</div>
					<div class="panel-body">
						<div class="col-md-12 able-responsive">
							<table id="abbott" class="table table-bordered table-striped search-table">
								<thead>
									<tr>
										<th class="text-center">#</th>
										<th class="text-center">Software / License</th>
										<th class="text-center">Description</th>
										<th class="text-center">Subscription Date</th>
										<th class="text-center">Expiry Date</th>
										<th class="text-center"># of Days since License expiry</th>
										<th class="text-center">Status</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-12">
		<div class="box box-success collapsed-box">
			<div class="box-header with-border">
				<h3 class="box-title">Hardware Due for Maintenace</h3>
				<br>
				<div class="box-tools pull-right">
					<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"> <br>View Data</i>
					</button>
				</div>
			</div>

			<div class="box-body">
				<div  class="panel panel-primary row">
					<div class="panel-heading ">
						<span class="glyphicon glyphicon-list"></span>

						<div class="panel-btn">
							<a class="btn btn-sm btn-default" href="#">
								<span class="glyphicon glyphicon-download"></span>
								Download
							</a>
						</div>
					</div>
					<div class="panel-body">
						<div class="table-responsive">
							<table class="table table-striped table-bordered search-table" id="cobas">
								<thead>
									<tr>
										<th class="text-center">#</th>
										<th class="text-center">Asset Description</th>
										<th class="text-center">Location</th>
										<th class="text-center">Responsible Person / User</th>
										<th class="text-center">Last Maintenance Date</th>
										<th class="text-center">Date due for maintenance</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>

<div id="warehouse" class="tabcontent">
	<div class="col-md-12">
			<form  method="get" action="/csv/">
				<div class='form-inline'>
					{{ Form::label('asset_type', 'Device Type:',  array('class'=>'col-sm-12')) }}
					{{ Form::select('asset_type',$category_list, Input::old('asset_type'), array('class' => 'form-control col-sm-6')) }}

					<label style="color:black">From:</label>
					{{ Form::text('fro', Input::old('fro'), array('class' => 'form-control input-sm standard-datepicker standard-datepicker-nofuture')) }}

					<label style="color:black">To:</label>
					{{ Form::text('to', Input::old('to'), array('class' => 'form-control input-sm standard-datepicker standard-datepicker-nofuture')) }}

					<button type="submit" class="btn btn-success">Download CSV</button>
				</form>

				<button type="button" class="btn btn-success" data-toggle="modal" data-target="#uploadCsv">Upload CSV</button>
					<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalCart">Add Asset</button>
	</div>

		<!-- Modal: modalCart -->
		<div class="modal fade" id="modalCart" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
		aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<!--Header-->
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
				</div>
				<!--Body-->
				<div class="modal-body">

					<table class="table table-hover">
						<tbody>
							<tr><td><a data-toggle="modal" data-target="#desktop">Desktop Computers</a></td></tr>
							<tr><td><a data-toggle="modal" data-target="#printers">Printers & Scanners</a></td></tr>
							<tr><td><a data-toggle="modal" data-target="#software">Software & Licenses</a></td></tr>
							<tr><td><a data-toggle="modal" data-target="#network">Networking & Server Equipment</a></td></tr>
							<tr><td><a data-toggle="modal" data-target="#portable">Portable Gadgets (Mobile Phones, Tablets, External storages, etc...)</a></td></tr>
							<tr><td><a href="{{ URL::route('ictinventory.create') }}">General Asset Entry</a></td></tr>

													</tbody>
					</table>

				</div>
				<!--Footer-->
				<div class="modal-footer">
					<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	<span class="glyphicon glyphicon-open-eye"></span>
	Full Info
</a>
<div class="box-header with-border">
	<div  class="panel panel-primary">
		<div class="panel-body">
			<div class="col-md-12 table-responsive">
				<table class="table table-striped search-table small-medium">
					<thead>
						<tr>
							<th class="text-left">#</th>
							<th class="text-left">ASSET TYPE </th>
							<th class="text-left">Item Description</th>
							<th class="text-left">Serial Numbers</th>
							<th class="text-left">Model</th>
							<th class="text-left">Supplied By</th>
							<th class="text-left">Location /  Dept</th>
							<th class="text-left">Responsible Person</th>
							<!-- <th class="text-left">Installation Date</th> -->
							<th class="text-left">Actions</th>
						</tr>
					</thead>
					<tbody>
												@foreach($items as $item)
						<tr>

							<td>{{$row}}</td>
							<td>{{$item->category}}</td>
							<td>{{$item->description}}</td>
							<td>{{$item->serial_number}}</td>
							<td>{{$item->model}}</td>
							<td>{{$item->supplier}}</td>
							<td>{{$item->department_assigned}}
							<td>{{$item->user_assigned}}</td>
							<!-- <td>{{ $item->installation_date}}</td> -->

							<td>
								<!-- <a class="btn btn-sm btn-primary"
								data-description="{{$item->description}}"
								data-category="{{$item->category}}"
								data-model="{{$item->model}}"
								data-serial_number="{{$item->serial_number}}"
								data-procurement_type="{{$item->procurement_type}}"
								data-department="{{$item->department}}"
								data-purchase_date="{{$item->purchase_date}}"
								data-delivery_date="{{$item->delivery_date}}"
								data-verification_date="{{$item->verification_date}}"
								data-installation_date="{{$item->installation_date}}"
								data-spare_parts="{{$item->spare_parts}}"
								data-warranty_period="{{$item->warranty_period}}"
								data-life_time="{{$item->life_time}}"
								data-service_contract="{{$item->service_contract}}"
								data-service_frequency="{{$item->service_frequency}}"
								data-supplier="{{$item->supplier}}"
								data-serial_number="{{$item->serial_number}}"
								data-department="{{$item->department}}"
								data-user_assigned="{{$item->user_assigned}}"
								data-id="{{$item->id}}"
								data-toggle="modal"
								data-target="#maintenance">
								<span class="glyphicon glyphicon-open-eye"></span>
								Maintenace
							</a> -->
								<!-- Add Maintenace info of an asset -->
								<div class="modal fade" id="maintenance" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
									<div class="modal-dialog modal-lg modal-default" role="document">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
												<h4 class="modal-title" id="myModalLabel">Maintenace</h4>
											</div>
											<div class="modal-body">
												@include('ICTequipment.inventory.maintenance')
												<div class="modal-footer">
													<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
												</div>

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

								<a class="btn btn-sm btn-danger"
								data-description="{{$item->description}}"
								data-category="{{$item->category}}"
								data-model="{{$item->model}}"
								data-serial_number="{{$item->serial_number}}"
								data-procurement_type="{{$item->procurement_type}}"
								data-department="{{$item->department}}"
								data-purchase_date="{{$item->purchase_date}}"
								data-delivery_date="{{$item->delivery_date}}"
								data-verification_date="{{$item->verification_date}}"
								data-installation_date="{{$item->installation_date}}"
								data-spare_parts="{{$item->spare_parts}}"
								data-warranty_period="{{$item->warranty_period}}"
								data-life_time="{{$item->life_time}}"
								data-service_contract="{{$item->service_contract}}"
								data-service_frequency="{{$item->service_frequency}}"
								data-supplier="{{$item->supplier}}"
								data-serial_number="{{$item->serial_number}}"
								data-department="{{$item->department_assigned}}"
								data-user_assigned="{{$item->user_assigned}}"
								data-id="{{$item->id}}"
								data-toggle="modal"
								data-target="#fullInfo">
								<span class="glyphicon glyphicon-open-eye"></span>
								Full Info
							</a>
							<!-- View full info of an asset -->
							<div class="modal fade" id="fullInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
								<div class="modal-dialog modal-notify modal-default" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
											<h4 class="modal-title" id="myModalLabel">Full Details</h4>
										</div>
										<div class="modal-body">
											@include('ICTequipment.inventory.viewDetails')
											<div class="modal-footer">
												<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
											</div>

										</div>
									</div>
								</div>
							</div>
						</td>
					</tr>
										@endforeach
				</tbody>
			</table>

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

<!-- upload CSV modal -->
<div class="modal fade bd-example-modal-lg" id="uploadCsv" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<!--Body-->
		<div class="modal-body">
			<form style="border: 4px solid #a1a1a1;margin-top: 15px;padding: 10px;" action="{{ URL::to('importExcel') }}" class="form-horizontal" method="post" enctype="multipart/form-data">
			<input type="file" name="import_file" />
			<button class="btn btn-primary">Import File</button>
		</form>
			</div>

			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Save</button>
				<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
			</div>
		</form>
	</div>
</div>
</div>
<!-- desktop modal -->
<div class="modal fade bd-example-modal-lg" id="desktop" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<!--Body-->
		<div class="modal-body">
			<form method="post" action="{{url('icttinventory/store')}}">
				<table class="table">
					<div class="form-group col-md-6">
						<h3><b>System Unit:</b></h3>
						{{ Form::label('sys_model', 'Model:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('sys_model', Input::old('model'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('sys_serial_number', 'Serial Number:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('sys_serial_number', Input::old('serial_number'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('ram', 'RAM:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('ram', Input::old('ram'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('hdd', 'Storage (HDD):',  array('class'=>'col-sm-6')) }}
						{{ Form::text('hdd', Input::old('hdd'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('processor', 'Processor Info:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('processor', Input::old('processor'), array('class' => 'form-control col-sm-6')) }}
					</div>

					<div class="form-group col-md-6">
						<h3><b>Monitor:</b></h3>
						{{ Form::label('monitor_model', 'Model:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('monitor_model', Input::old('monitor_model'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('monitor_serial_number', 'Serial Number:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('monitor_serial_number', Input::old('monitor_serial_number'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('screen_size', 'Screen Size(inches):',  array('class'=>'col-sm-12')) }}
						{{ Form::text('screen_size', Input::old('screen_size'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('keyboard', 'Keyboard:',  array('class'=>'col-sm-2')) }}
						<select class="form-control col-sm-4" name="keyboard" id="keyboard">
							<option value="" selected="selected">Select...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>
						<div class="form-group" id="kb_serial" style="display:none;">
							{{ Form::label('kb_serial', 'Keyboard Serial No:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('kb_serial',Input::old('kb_serial'), array('class' => 'form-control col-sm-6')) }}
						</div>

						{{ Form::label('mouse', 'Mouse:',  array('class'=>'col-sm-6')) }}
						<select class="form-control col-sm-4" name="mouse" id="mouse">
							<option value="" selected="selected">Select...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>
						<div class="form-group" id="m_serial" style="display:none;">
							{{ Form::label('m_serial', 'Mouse Serial No:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('m_serial',Input::old('m_serial'), array('class' => 'form-control col-sm-6')) }}
						</div>

					</div>
				</table>

				<table class="table">
					<div class="form-group">
						<h3><b>Other details:</b></h3>

						{{ Form::label('condition', 'Asset Condition:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="d_condition" id="d_condition">
							<option value="" selected="selected">Choose asset condition...</option>
							<option value="0">Brand New</option>
							<option value="1">Functional & Operational</option>
							<option value="2">Damaged / Faulty</option>
						</select>

						<div class="form-group" name="cost" id="cost" style="display:none;">
							{{ Form::label('cost', 'Cost:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('cost',Input::old('cost'), array('class' => 'form-control col-sm-6')) }}
						</div>

						<div class="form-group" name="fund_source" id="fund_source" style="display:none;">
							{{ Form::label('fund_source', 'Fund Source:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('fund_source',Input::old('fund_source'), array('class' => 'form-control col-sm-6')) }}
						</div>

						{{ Form::label('procurement_type', 'Procurement Type:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="procurement_type" id="procurement_type">
							<option value="" selected="selected">Choose how asset was acquired...</option>
							<option value="Donation">Donation</option>
							<option value="Procurement">Procured</option>
							<option value="Placement">Placement</option>
						</select>

						{{ Form::label('purchase_date', 'Purchase Date:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('purchase_date', Input::old('purchase_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('delivery_date', 'Delivery Date:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('delivery_date', Input::old('delivery_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'delivery_date')) }}

						{{ Form::label('verification_date', 'Verification Date:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('verification_date', Input::old('verification_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'verification_date')) }}

						{{ Form::label('installation_date', 'Installation Date:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('installation_date', Input::old('installation_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'installation_date')) }}

						{{ Form::label('dept_assigned', 'Department Allocated:',  array('class'=>'col-sm-6')) }}
						{{ Form::select('dept_assigned',$department, Input::old('dept_assigned'), array('class' => 'form-control col-sm-6')) }}

						{{ Form::label('user_assigned', 'Responsible Person:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('user_assigned',Input::old('user_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}


						{{Form::text('modal_data','modal_data',array('class'=>'hidden'))}}
						{{ Form::text('category',"5", array('class' => 'hidden')) }}

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

			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Save</button>
				<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
			</div>
		</form>
	</div>
</div>
</div>

<!-- software modal -->
<div class="modal fade bd-example-modal-lg" id="software" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<!--Body-->
		<div class="modal-body">
			<form method="post" action="{{url('icttinventory/store')}}">
				<table class="table">
					<div class="form-group col-md-6">
						<h3><b>Software Details:</b></h3>

						{{ Form::label('asset_type', 'Type of software:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="asset_type" id="asset_type">
							<option value="" selected="selected">Select...</option>
							<option value="Antivirus">Antivirus</option>
							<option value="Data Analysis Software">Data Analysis Software</option>
							<option value="Operating System">Operating System</option>
							<option value="Server License & Certificates">Server License & Certificate</option>
						</select>

						{{ Form::label('description', 'Name:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('description', Input::old('description'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('manufacturer', 'Manufacturer:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('manufacturer', Input::old('manufacturer'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('version', 'Version:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('version', Input::old('version'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('serial_number', 'Serial Number / License Key:',  array('class'=>'col-sm-12','required'=>'required')) }}
						{{ Form::text('serial_number', Input::old('serial_number'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						<!-- {{ Form::label('life_time', 'Life Span:',  array('class'=>'col-sm-6')) }}
							<select class="form-control col-sm-4" name="mouse" id="mouse">
								<option value="" selected="selected">Select...</option>
								<option value="1">1 month</option>
								<option value="3">3 months</option>
								<option value="6">6 months</option>
								<option value="12">12 months</option>
								<option value="24">24 months</option>
							</select> -->

							{{ Form::label('expiry_date', 'Expiry Date:',  array('class'=>'col-sm-6')) }}
							{{ Form::text('expiry_date', Input::old('expiry_date'),array('class' => 'form-control standard-datepicker','required'=>'required','id'=>'purchase_date')) }}

						</div>

						<div class="form-group col-md-6">
							<h3><b>Other Info:</b></h3>
							{{ Form::label('procurement_type', 'Procurement Type:',  array('class'=>'col-sm-12')) }}
							<select class="form-control col-sm-4" name="acquisition" id="acquisition">
								<option value="" selected="selected">Choose how asset was acquired...</option>
								<option value="Donation">Donation</option>
								<option value="Procured">Procured</option>
								<option value="Placement">Placement</option>
							</select>

							<div class="form-group" name="donation" id="donation" style="display:none;">
								{{ Form::label('donor', 'Name of Donor:',  array('class'=>'col-sm-12')) }}
								{{ Form::text('donor',Input::old('donor'), array('class' => 'form-control col-sm-6')) }}
							</div>

							<div class="form-group" name="procured" id="procured" style="display:none;">
								{{ Form::label('supplier_id', 'Supplied By:',  array('class'=>'col-sm-12')) }}
								{{ Form::select('supplier_id',$supplier_list, Input::old('supplier_id'), array('class' => 'form-control col-sm-6')) }}
							</div>

							{{ Form::label('purchase_date', 'Subscription / Purchase Date:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('purchase_date', Input::old('purchase_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

							{{ Form::label('installation_date', 'Installation Date:',  array('class'=>'col-sm-6')) }}
							{{ Form::text('installation_date', Input::old('installation_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

							{{ Form::label('dept_assigned', 'Department Allocated:',  array('class'=>'col-sm-12')) }}
							{{ Form::select('dept_assigned',$department, Input::old('dept_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

							{{ Form::label('user_assigned', 'Responsible Person:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('user_assigned',Input::old('user_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

							{{Form::text('modal_data','modal_data',array('class'=>'hidden'))}}
							{{Form::text('category','1',array('class'=>'hidden'))}}

						</div>
					</table>
					<script>

						$(document).ready(function(){
							$('#d_condition').on('change', function () {
								if(this.value === "0"){
									$("#cost").show();
									$("#fund_source").show();
								}

								else {
									$("#cost").hide();
									$("#fund_source").hide();
								}
							});
						});
						$(document).ready(function(){
							$('#keyboard').on('change', function () {
								if(this.value === "Yes"){
									$("#kb_serial").show();
								}

								else {
									$("#kb_serial").hide();
								}
							});
						});
						$(document).ready(function(){
							$('#mouse').on('change', function () {
								if(this.value === "Yes"){
									$("#m_serial").show();
								}

								else {
									$("#m_serial").hide();
								}
							});
						});

						$(document).ready(function(){
							$('#acquisition').on('change', function () {
								if(this.value === "Donation"){
									$("#donation").show();
									$("#procured").hide();
								}
								else if (this.value === "Procured") {
									$("#procured").show();
									$("#donation").hide();
								}
								else {
									$("#donation").hide();
									$("#procured").hide();
								}
							});
						});
					</script>
				</div>

				<div class="modal-footer">
					<button type="submit" class="btn btn-primary">Save</button>
					<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
				</div>
			</form>
		</div>
	</div>
</div>

<!-- Portable Devices modal -->
<div class="modal fade bd-example-modal-lg" id="portable" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<!--Body-->
		<div class="modal-body">
			<form method="post" action="{{url('icttinventory/store')}}">
				<table class="table">
					<div class="form-group col-md-6">
						<h3><b>Device Details:</b></h3>

						{{ Form::label('asset_type', 'Device Type:',  array('class'=>'col-sm-12')) }}
						{{ Form::select('category',$category, Input::old('category'), array('class' => 'form-control col-sm-6')) }}


						{{ Form::label('description', 'Description:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('description', Input::old('description'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('manufacturer', 'Manufacturer:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('manufacturer', Input::old('manufacturer'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('model', 'Model:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('model', Input::old('model'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('serial_number', 'Serial / IMEI Number:',  array('class'=>'col-sm-12','required'=>'required')) }}
						{{ Form::text('serial_number', Input::old('serial_number'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

					</div>

					<div class="form-group col-md-6">
						<h3><b>Other Info:</b></h3>
						{{ Form::label('procurement_type', 'Procurement Type:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="d_acquisition" id="d_acquisition">
							<option value="" selected="selected">Choose how asset was acquired...</option>
							<option value="Donation">Donation</option>
							<option value="Procured">Procured</option>
							<option value="Placement">Placement</option>
						</select>

						<div class="form-group" name="d_donation" id="d_donation" style="display:none;">
							{{ Form::label('donor', 'Name of Donor:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('donor',Input::old('donor'), array('class' => 'form-control col-sm-6')) }}
						</div>

						<div class="form-group" name="d_procured" id="d_procured" style="display:none;">
							{{ Form::label('supplier_id', 'Supplied By:',  array('class'=>'col-sm-12')) }}
							{{ Form::select('supplier_id',$supplier_list, Input::old('supplier_id'), array('class' => 'form-control col-sm-6')) }}
						</div>

						{{ Form::label('purchase_date', 'Subscription / Purchase Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('purchase_date', Input::old('purchase_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('installation_date', 'Installation Date:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('installation_date', Input::old('installation_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('dept_assigned', 'Department Allocated:',  array('class'=>'col-sm-12')) }}
						{{ Form::select('dept_assigned',$department, Input::old('dept_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('user_assigned', 'Responsible Person:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('user_assigned',Input::old('user_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{Form::text('modal_data','modal_data',array('class'=>'hidden'))}}

					</div>
				</table>
				<script>
					$(document).ready(function(){
						$('#d_acquisition').on('change', function () {
							if(this.value === "Donation"){
								$("#d_donation").show();
								$("#d_procured").hide();
							}
							else if (this.value === "Procured") {
								$("#d_procured").show();
								$("#d_donation").hide();
							}
							else {
								$("#d_donation").hide();
								$("#d_procured").hide();
							}
						});
					});

				</script>
			</div>

			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Save</button>
				<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
			</div>
		</form>
	</div>
</div>
</div>

<!-- Printers and Scanners modal -->
<div class="modal fade bd-example-modal-lg" id="printers" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<!--Body-->
		<div class="modal-body">
			<form method="post" action="{{url('icttinventory/store')}}">
				<table class="table">
					<div class="form-group col-md-6">
						<h3><b>Device Details:</b></h3>

						{{ Form::label('asset_type', 'Device Type:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="asset_type" id="asset_type">
							<option value="" selected="selected">Select device type you're adding...</option>
							<option value="Scanner">Scanner</option>
							<option value="Printer">Printer</option>
						</select>

						{{ Form::label('description', 'Description:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('description', Input::old('description'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('manufacturer', 'Manufacturer:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('manufacturer', Input::old('manufacturer'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('model', 'Model:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('model', Input::old('model'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('serial_number', 'Serial Number:',  array('class'=>'col-sm-12','required'=>'required')) }}
						{{ Form::text('serial_number', Input::old('serial_number'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('spare_parts', 'Has Spare Parts?',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="spare_parts" id="spare_parts">
							<option value="" selected="selected">Select device come with spare parts...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>

						{{ Form::label('service_contract', 'Has Service Contract?:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="p_service" id="p_service">
							<option value="" selected="selected">Select...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>

						{{ Form::label('service_frequency', 'Service Frequency:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="service_frequency" id="service_frequency">
							<option value="" selected="selected">Select service frequency...</option>
							<option value="3 Months">3 Months</option>
							<option value="6 Months">6 Months</option>
							<option value="9 Months">9 Months</option>
							<option value="12 Months">12 Months</option>
						</select>

						{{ Form::label('warranty_period', 'Has Warranty?',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="warranty_status" id="warranty_status">
							<option value="" selected="selected">Select...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>

						<div class="form-group" name="wp" id="wp" style="display:none;">
							{{ Form::label('warranty_period', 'Warranty Period:',  array('class'=>'col-sm-12')) }}
							<select class="form-control col-sm-4" name="warranty_period" id="warranty_period">
								<option value="" selected="selected">Select...</option>
								<option value="6 Months">6 Months</option>
								<option value="1 Years">1 Years</option>
								<option value="2 Years">2 Years</option>
								<option value="3 Years">3 Years</option>
								<option value="4 Years">4 Years</option>
								<option value="5 Years">5 Years</option>
							</select>
						</div>
					</div>

					<div class="form-group col-md-6">
						<h3><b>Other Info:</b></h3>

						{{ Form::label('procurement_type', 'Procurement Type:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="p_acquisition" id="p_acquisition">
							<option value="" selected="selected">Choose how asset was acquired...</option>
							<option value="Donation">Donation</option>
							<option value="Procured">Procured</option>
							<option value="Placement">Placement</option>
						</select>

						<div class="form-group" name="p_donation" id="p_donation" style="display:none;">
							{{ Form::label('donor', 'Name of Donor:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('donor',Input::old('donor'), array('class' => 'form-control col-sm-6')) }}
						</div>

						<div class="form-group" name="p_procured" id="p_procured" style="display:none;">
							{{ Form::label('supplier_id', 'Supplied By:',  array('class'=>'col-sm-12')) }}
							{{ Form::select('supplier_id',$supplier_list, Input::old('supplier_id'), array('class' => 'form-control col-sm-6')) }}
						</div>

						{{ Form::label('purchase_date', 'Purchase Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('purchase_date', Input::old('purchase_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('delivery_date', 'Delivery Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('delivery_date', Input::old('delivery_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('verification_date', 'Verification Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('verification_date', Input::old('verification_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('installation_date', 'Installation Date:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('installation_date', Input::old('installation_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('life_time', 'Life Time:',  array('class'=>'col-sm-12')) }}

						<div class="input-group">
			      <input type="text" class="form-control" name="life_time" id="life_time" aria-describedby="basic-addon2">

		      <span class="input-group-addon" id="basic-addon2" style="width: 40%;padding: 0 4px"><select style="width: 100%; height: 26px;"  name="life_time_units" id="life_time_units" class=" form-control input-sm">
					<option value="Year">Years</option>
						<option value="Months">Months</option>
						<option value="Days">Days</option>

			</select></span>
		    </div>

						{{ Form::label('dept_assigned', 'Department Allocated:',  array('class'=>'col-sm-12')) }}
						{{ Form::select('dept_assigned',$department, Input::old('dept_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('user_assigned', 'Responsible Person:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('user_assigned',Input::old('user_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::text('category',"2", array('class' => 'hidden')) }}

				</div>
				</table>
				<script>
					$(document).ready(function(){
						$('#p_acquisition').on('change', function () {
							if(this.value === "Donation"){
								$("#p_donation").show();
								$("#p_procured").hide();
							}
							else if (this.value === "Procured") {
								$("#p_procured").show();
								$("#p_donation").hide();
							}
							else {
								$("#p_donation").hide();
								$("#p_procured").hide();
							}
						});
					});
					$(document).ready(function(){
						$('#warranty_status').on('change', function () {
							if(this.value === "Yes"){
								$("#wp").show();
							}
							else {
								$("#wp").hide();
							}
						});
					});
				</script>
			</div>

			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Save</button>
				<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
			</div>
		</form>
	</div>
</div>
</div>

<!-- Network and Server Equipment modal -->
<div class="modal fade bd-example-modal-lg" id="network" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
	<div class="modal-content">
		<!--Body-->
		<div class="modal-body">
			<form method="post" action="{{url('icttinventory/store')}}">
				<table class="table">
					<div class="form-group col-md-6">
						<h3><b>Device Details:</b></h3>

						{{ Form::label('asset_type', 'Device Type:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="asset_type" id="asset_type">
							<option value="" selected="selected">Select device type you're adding...</option>
							<option value="Server">Server</option>
							<option value="Switch">Switch</option>
							<option value="Hub">Hub</option>
							<option value="Access Point">Access Point</option>
							<option value="Cable & Wire">Cable & Wire</option>
							<option value="Storage Rack">Storage Rack</option>
							<option value="Router">Router</option>
							<option value="Data Storage">Data Storage</option>
							<option value="UPS">UPS</option>
						</select>

						{{ Form::label('description', 'Description:',  array('class'=>'col-sm-2')) }}
						{{ Form::text('description', Input::old('description'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('manufacturer', 'Manufacturer:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('manufacturer', Input::old('manufacturer'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('model', 'Model:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('model', Input::old('model'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('serial_number', 'Serial Number:',  array('class'=>'col-sm-12','required'=>'required')) }}
						{{ Form::text('serial_number', Input::old('serial_number'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('spare_parts', 'Has Spare Parts?',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="spare_parts" id="spare_parts">
							<option value="" selected="selected">Select device come with spare parts...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>

						{{ Form::label('service_contract', 'Has Service Contract?:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="p_service" id="p_service">
							<option value="" selected="selected">Select...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>

						{{ Form::label('service_frequency', 'Service Frequency:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="service_frequency" id="service_frequency">
							<option value="" selected="selected">Select service frequency...</option>
							<option value="3 Months">3 Months</option>
							<option value="6 Months">6 Months</option>
							<option value="9 Months">9 Months</option>
							<option value="12 Months">12 Months</option>
						</select>

						{{ Form::label('warranty_period', 'Has Warranty?',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="warranty_status" id="warranty_status">
							<option value="" selected="selected">Select...</option>
							<option value="Yes">Yes</option>
							<option value="No">No</option>
						</select>

						<div class="form-group" name="wp" id="wp" style="display:none;">
							{{ Form::label('warranty_period', 'Warranty Period:',  array('class'=>'col-sm-12')) }}
							<select class="form-control col-sm-4" name="warranty_period" id="warranty_period">
								<option value="" selected="selected">Select...</option>
								<option value="6 Months">6 Months</option>
								<option value="1 Years">1 Years</option>
								<option value="2 Years">2 Years</option>
								<option value="3 Years">3 Years</option>
								<option value="4 Years">4 Years</option>
								<option value="5 Years">5 Years</option>
							</select>
						</div>
					</div>

					<div class="form-group col-md-6">
						<h3><b>Other Info:</b></h3>

						{{ Form::label('procurement_type', 'Procurement Type:',  array('class'=>'col-sm-12')) }}
						<select class="form-control col-sm-4" name="p_acquisition" id="p_acquisition">
							<option value="" selected="selected">Choose how asset was acquired...</option>
							<option value="Donation">Donation</option>
							<option value="Procured">Procured</option>
							<option value="Placement">Placement</option>
						</select>

						<div class="form-group" name="p_donation" id="p_donation" style="display:none;">
							{{ Form::label('donor', 'Name of Donor:',  array('class'=>'col-sm-12')) }}
							{{ Form::text('user_assigned',Input::old('user_assigned'), array('class' => 'form-control col-sm-6')) }}
						</div>

						<div class="form-group" name="p_procured" id="p_procured" style="display:none;">
							{{ Form::label('supplier_id', 'Supplied By:',  array('class'=>'col-sm-12')) }}
							{{ Form::select('dept_assigned',$supplier_list, Input::old('dept_assigned'), array('class' => 'form-control col-sm-6')) }}
						</div>

						{{ Form::label('purchase_date', 'Purchase Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('purchase_date', Input::old('purchase_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('delivery_date', 'Delivery Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('delivery_date', Input::old('delivery_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('verification_date', 'Verification Date:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('verification_date', Input::old('verification_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('installation_date', 'Installation Date:',  array('class'=>'col-sm-6')) }}
						{{ Form::text('installation_date', Input::old('installation_date'),array('class' => 'form-control standard-datepicker-nofuture','required'=>'required','id'=>'purchase_date')) }}

						{{ Form::label('life_time', 'Life Time:',  array('class'=>'col-sm-12')) }}

						<div class="input-group">
			      <input type="text" class="form-control" name="life_time" id="life_time" aria-describedby="basic-addon2">

		      <span class="input-group-addon" id="basic-addon2" style="width: 40%;padding: 0 4px"><select style="width: 100%; height: 26px;"  name="life_time_units" id="life_time_units" class=" form-control input-sm">
					<option value="Year(s)">Years</option>
					<option value="Month(s)">Months</option>
						<option value="Day(s)">Days</option>

			</select></span>
		    </div>

						{{ Form::label('dept_assigned', 'Department Allocated:',  array('class'=>'col-sm-12')) }}
						{{ Form::select('dept_assigned',$department, Input::old('dept_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::label('user_assigned', 'Responsible Person:',  array('class'=>'col-sm-12')) }}
						{{ Form::text('user_assigned',Input::old('user_assigned'), array('class' => 'form-control col-sm-6','required'=>'required')) }}

						{{ Form::text('category',3, array('class' => 'hidden')) }}

					</div>
				</table>
				<script>
					$(document).ready(function(){
						$('#p_acquisition').on('change', function () {
							if(this.value === "Donation"){
								$("#p_donation").show();
								$("#p_procured").hide();
							}
							else if (this.value === "Procured") {
								$("#p_procured").show();
								$("#p_donation").hide();
							}
							else {
								$("#p_donation").hide();
								$("#p_procured").hide();
							}
						});
					});
					$(document).ready(function(){
						$('#warranty_status').on('change', function () {
							if(this.value === "Yes"){
								$("#wp").show();
							}
							else {
								$("#wp").hide();
							}
						});
					});

					  	$(".purchase_date").datepicker({
					  		maxDate: 0
					  	});
					  	//Date picker
					  	$('#datepicker').datepicker({
					  		autoclose: true
					  	})
				</script>
			</div>

			<div class="modal-footer">
				<button type="submit" class="btn btn-primary">Save</button>
				<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>
			</div>
		</form>
	</div>
</div>
</div>

@stop
<script>
</script>