@extends('layouts.default')
@section('content')

<!-- page content -->
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>Configuration Settings</h3>
     	</div>
    </div>
 	<div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
			{{ Userdefined::showMessage() }}
            <div class="x_panel">
	            <div class="x_content">
	                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                  		<ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
	                        <!--li role="presentation" class="active"><a href="#departments" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-suitcase"></i> Departments</a>
	                        </li>
	                        <li role="presentation" class=""><a href="#roles" id="profile-tab1" role="tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-key"></i> Roles</a>
	                        </li-->
	                        <li role="presentation" class="active"><a href="#technologies" id="home-tab" role="tab" data-toggle="tab" aria-expanded="false"><i class="fa fa-tasks"></i> Technologies</a>
	                        </li>
                      	</ul>
                 	 	<div id="myTabContent" class="tab-content">
	                       	<!--div role="tabpanel" class="tab-pane fade active in" id="departments" aria-labelledby="home-tab">
	                        	<div class="x_content">
	                    		  	<div class="col-sm-4">
										<h2><strong>Create New Department</strong> </h2>
										<form id="create_department_form" data-parsley-validate class="form-horizontal form-label-left" method="post">
											<div class="form-group">
											    <label class="control-label">Department Name</label>
												<input class="form-control" placeholder="Enter Department Name" name="department_name" type="text">
		  									</div>
		  									<button class="btn btn-success" value="1" name="add_department" type="submit">Add Department</button>
		  									{{ csrf_field() }}
										</form>
									</div>
									<div class="col-sm-8">
										<div class="box-info">
											<h2><strong>List All Departments</strong> </h2>
											<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
												<thead>
													<tr>
														<th>Name</th>
														<th>Display Name</th>
														<th>Action</th>
													</tr>
												</thead>
												<tbody>
													@foreach($departments as $department)
													<tr>
														<td>{{ $department->department_name }}</td>
														<td>{{ $department->department_description }}</td>
														<td>
															<a href="" class="btn btn-info btn-xs"> <i class="fa fa-edit"></i><b> Edit</b></a>
	                        					 			<a href="" class="btn btn-danger btn-xs"> <i class="fa fa-trash-o"></i><b> Delete</b></a>
														</td>
													</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
                       	 	 	</div>
	                        </div>
	                        <div role="tabpanel" class="tab-pane fade" id="roles" aria-labelledby="profile-tab1">
	                        	<div class="x_content">
	                    		  	<div class="col-sm-4">
										<h2><strong>Create New Role</strong> </h2>
										<form id="create_role_form" data-parsley-validate class="form-horizontal form-label-left" method="post">
											<div class="form-group">
											    <label class="control-label">Role Name</label>
												<input class="form-control" placeholder="Enter Role Name" name="role_name" type="text">
		  									</div>
					  						<div class="form-group">
		    									<label class="control-label">Display Name</label>
												<input class="form-control" placeholder="Enter Display Name" name="display_name" type="text">
		  									</div>
		  									<button class="btn btn-success" value="1" name="add_role" type="submit">Add Role</button>
		  									{{ csrf_field() }}
										</form>
									</div>
									<div class="col-sm-8">
										<div class="box-info">
											<h2><strong>List All Roles</strong> </h2>
											<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
												<thead>
													<tr>
														<th>Name</th>
														<th>Display Name</th>
														<th>Action</th>
													</tr>
												</thead>
												<tbody>
													@foreach($roles as $role)
													<tr>
														<td>{{ $role->name }}</td>
														<td>{{ $role->display_name }}</td>
														<td>
															<a href="" class="btn btn-info btn-xs"> <i class="fa fa-edit"></i><b> Edit</b></a>
	                        					 			<a href="" class="btn btn-danger btn-xs"> <i class="fa fa-trash-o"></i><b> Delete</b></a>
														</td>
													</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
                       	 	 	</div>
	                        </div-->
	                        <div role="tabpanel" class="tab-pane fade active in" id="technologies" aria-labelledby="home-tab">
	                          	<div class="x_content">
	                    			<div class="col-sm-4">
										<h2><strong>Add New Technology</strong> </h2>
										<form id="create_role_form" data-parsley-validate class="form-horizontal form-label-left" method="post">
											<div class="form-group">
											    <label class="control-label">Technology</label>
												<input class="form-control" placeholder="Enter Technology" name="technology" type="text">
		  									</div>
		  									<button class="btn btn-success" value="1" name="add_technology" type="submit">Add Technology</button>
		  									{{ csrf_field() }}
										</form>
									</div>
									<div class="col-sm-8">
										<div class="box-info">
											<h2><strong>List All Technologies</strong> </h2>
											<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
												<thead>
													<tr>
														<th>Name</th>
														<th>Action</th>
													</tr>
												</thead>
												<tbody>
													@foreach($technologies as $technology)
													<tr>
														<td>{{ $technology->name }}</td>
														<td>
															<a href="" class="btn btn-info btn-xs"> <i class="fa fa-edit"></i><b> Edit</b></a>
	                        					 			<a href="" class="btn btn-danger btn-xs"> <i class="fa fa-trash-o"></i><b> Delete</b></a>
														</td>
													</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
                 			 	</div>
	                        </div>
	                	</div>
	                </div>
          		</div>
            </div>
        </div>
 	</div>
</div>

@stop