@extends('layouts.master')

@section('header-title')
	<span class="font-weight-semibold">Configuration</span> - Job Titles
@endsection

@section('content')

	<!-- Scrollable datatable -->
	<div class="card card-main">
		<div class="card-header header-elements-inline">
			<h5 class="card-title">Job Titles</h5>
			<div class="header-elements">
				<div class="list-icons">
					{{-- <a class="btn btn-outline-primary rounded-round" data-toggle="collapse" href="#info_collapse"><i class="icon-info22 mr-2"></i>More Info</a> --}}
            	</div>
        	</div>
		</div>

		<div class="card-body">
			<p>Here you can see all the titles that are loaded in the system.</p>
			<div class="" id="info_collapse">
				<p> 
					• If you want to add new title and you don't find a department, remember to first add the Department <a href="/departments">here</a>.<br>
					• To deactive a Title, first you need to deactive the user associated with it.<br>
					• You can see all the titles in the system, but can modify only the ones that you have permission.
				</p>	
			</div>			
		</div>

		<div class="table-responsive border-0">
			<table id="main_datatable" class="table table-hover main-datatable datatable-header-basic">
				<thead>
					<tr>
						<th>&nbsp;</th>
			            <th>Title Name</th>
			            <th>User Assigned</th>
			            <th>Department</th>
			            <th>Plant</th>
			            <th>Manager Title</th>
			            <th>Manager</th>
			            <th>Status</th>
			            <th>Created At</th>
			        </tr>		        
				</thead>
				<tfoot>
					<tr>
						<td>&nbsp;</td>
			            <td>Title Name</td>
			            <td>User Assigned</td>
			            <td>Department</td>
			            <td>Plant</td>
			            <td>Manager Title</td>
			            <td>Manager</td>
			            <td>Status</td>
			            <td>Created At</td>
			        </tr>
				</tfoot>			
			</table>
		</div>
	</div>
	<!-- /scrollable datatable -->

@endsection

@section('plugin-scripts')

	@include('scripts.datatablesjs')

@endsection

@section('app-scripts')

    <script src="{{mix('js/master/titles.js')}}"></script>

@endsection