@extends('user.layout.master')
@section('content')

@php
	$Departments = $pageData['Departments'];
	$Organisations = $pageData['Organisations'];
@endphp

<div class="content-wrapper">
		<!-- Main content -->
		<section class="content pt-2">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12">
						<div class="manageOrdTabs">
							@include('user/organisation/header')
							<div id="organisation" class="custom-tabs-page p-10">
								<div class="row">
									<div class="col-md-4">
										<div class="card card-light create-org-form shadow-radius">
											<div class="card-header">
												<h3 class="card-title">Add Department</h3>
											</div>

											<form name="frmdept" id="frmdept" method="post" action="{{ route('save-department') }}" enctype="multipart/form-data">
												@csrf
												<div class="card-body formHeight msteam1">
													<div class="row">
														<div class="col-md-12">
															<div class="form-group">
																<label class="required-field">Select Organization</label>
																<select name="org_id" id="dept_org" class="form-control">
																	<option value="0" disabled selected >Select Organization</option>
																	@if($Organisations != null && count($Organisations) > 0 )
																		@foreach($Organisations as $Organisation)
																			<option value="{{ $Organisation['id'] }}"> {{ $Organisation['organisation_name'] }} </option>
																		@endforeach
																	@endif
																</select>
															</div>
														</div>
														<div class="col-md-12">
															<div class="form-group">
																<label class="required-field">Department Name</label>
																<input type="text" class="form-control" name="department_name" id="dept_org" placeholder="Department Name"  />
															</div>
														</div>
														<div class="col-md-12">
															<div class="form-group">
																<label class="required-field">Department Contact Person</label>
																<input type="text" class="form-control" name="contact_person" id="contact_person" placeholder="Contact Person"  />
															</div>
														</div>
														<div class="col-md-12">
															<div class="form-group">
																<label class="required-field">Designation</label>
																<input type="text" class="form-control" name="designation" id="designation" placeholder="Designation"  />
															</div>
														</div>
														<div class="col-md-12">
															<div class="form-group">
																<label class="required-field">Mobile Number</label>
																<input type="number" class="form-control" value="" name="contact_number" id="contact_number" placeholder="Mobile Number" />
															</div>
														</div>
														<div class="col-md-12">
															<div class="form-group">
																<label class="required-field">Email</label>
																<input type="email" class="form-control" name="email" id="email" placeholder="Email"  />
															</div>
														</div>
													</div>
													<div class="fourbtn-group">
														<button type="submit" class="btn addmore">Save Department</button>
														<button type="button" onClick="window.location.reload();" class="btn cancelbtn">Cancel</button>
													</div>
												</div>
											</form>
										</div>
									</div>
									<div class="col-md-8">
										<div class="customTabsGroup">
											<ul class="nav org-tabs nav-tabs " id="" role="tablist">
												<li class="nav-item">
													<a class="nav-link active" data-toggle="tab"
														href="#grid-tab-content" role="tab">
														<img src="{{ asset('img/icons/grid.png') }}" data-toggle="tooltip"
															data-placement="top" title="Grid View" alt="table"
															class="d-tab">
													</a>
												</li>												
												<li class="nav-item">
													<a class="nav-link" data-toggle="tab" href="#table-tab-content"
														role="tab">
														<img src="{{ asset('img/icons/table-new-dark.png') }}"
															data-toggle="tooltip" data-placement="top"
															title="Table View" alt="table" class="d-tab">
													</a>
												</li>
												<li class="nav-item">
													<a class="nav-link" data-toggle="tab"
														href="#treeview-tab-content" role="tab">
														<img src="{{ asset('img/icons/tree-dark.png') }}"
															data-toggle="tooltip" data-placement="top"
															title="Tree View" alt="tree" class="d-tree">
													</a>
												</li>
											</ul>
										</div>
										<div class="tab-content" id="">
											<div class="tab-pane fade show active" id="grid-tab-content">
												<div class="existuser-head">
													<h3>Your Departments</h3>
												</div>
												<div class="rigth-tab-sec">
													<div class="px-2 py-2">
														@if($Departments != null && count($Departments) > 0 )
														<ul class="mst-ul">
															@foreach($Departments as $Department)
															<li class="mst-li">
																<a href="{{ route('view-department', Encrypt($Department['id'])) }}" class="viewDept">
																	<div class="image">
																		<img src=" {{ asset('img/no-department.png') }} " alt="" />
																	</div>
																	<h4> {{ $Department['department_name'] }} </h4>
																</a>	
															</li>
															@endforeach
														</ul>	
														@else
															@include('user/layout/norecords')
														@endif
														
													</div>
												</div>
											</div>											
											<div class="tab-pane fade " id="table-tab-content" role="tabpanel" aria-labelledby="table-tab">
												<div class="">
													<div id="" class="">
														<div class="srchBar m-org-table">
															<!-- Table Filter End -->
															<table id="table" class="table table-bordered dataTable dtr-inline">
																<thead>
																	<tr>
																		<th>Sr.No</th>
																		<th>Department Name</th>
																		<th>Organization Name</th>
																		<th>Contact Person</th>
																		<th>Mobile Number</th>
																																				<th class="text-center">Action</th>
																	</tr>
																</thead>
																<tbody id="sortable2">
																	@if($Departments != null && count($Departments) > 0 )
																		@foreach($Departments as $key => $Department)
																		<tr class="odd">
																			<td class=""><br />
<b>Warning</b>:  Undefined variable $key in <b>C:\xampp\htdocs\resources\views\user\organisation\departments.blade.php</b> on line <b>158</b><br />
1</td>
																			<td> {{ $Department['department_name'] }} </td>
																			<td> {{ Organisation($Department['org_id'])->organisation_name }} </td>
																			<td> {{ $Department['contact_person'] }} </td>
																			<td> {{ $Department['contact_number'] }} </td>
																																						<td class="actionTd">
																				<div class="actIcon">
																					<a href="{{ route('view-department',Encrypt($Department['id'])) }}" class="tview-icon viewDept">
																						<img src="{{ asset('img/icons/view.png') }}" alt="view">
																					</a>
																					<a href="{{ route('update-department',Encrypt($Department['id'])) }}" class="tedit-icon updateDept">
																						<img src="{{ asset('img/icons/edit.png') }}" alt="edit">
																					</a>
																					<a href="javascript:void(0)" class="tdelete-icon removeDept" data-url="{{ route('deldept',Encrypt($Department['id'])) }}"
																					>
																						<img src="{{ asset('img/icons/delete.png') }}" alt="delete">
																					</a>
																				</div>
																			</td>
																		</tr>
																		@endforeach
																	@else
																		<tr><td colspan="6">No Records Available</td></tr>
																	@endif
																</tbody>
															</table>
														</div>
													</div>
												</div>

											</div>
											
											<div class="tab-pane fade" id="treeview-tab-content" role="tabpanel" aria-labelledby="treeview-tab">
												<div class="card card-light create-org-form treev">
													<div class="card-header">
														<h3 class="card-title">Tree View</h3>
													</div>
													<div class="card-body treeview-height">
														@if($Organisations != null && count($Organisations) > 0 )
														<ul class="listree">
															@foreach($Organisations as $key => $Organisation)
															<li>
																<div class="listree-submenu-heading"><br />
<b>Warning</b>:  Undefined variable $Organisation in <b>C:\xampp\htdocs\resources\views\user\organisation\departments.blade.php</b> on line <b>210</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\resources\views\user\organisation\departments.blade.php</b> on line <b>210</b><br />
</div>
																<ul class="listree-submenu-items">
																																	</ul>
															</li>
															@endforeach
														</ul>
														@else
															@include('user/layout/norecords')
														@endif
													</div>
												</div>
											</div>
											
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container-fluid -->
		</section>
		<!-- /.content -->
	</div>
	<!-- /.content-wrapper -->
</div>
<div class="modal fade modalCustom" id="viewModal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
		</div>
	</div>
</div>

<div class="modal fade modalCustom" id="editModal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
		</div>
	</div>
</div>

@endsection('content')