@extends('admin.tpl.admintpl')

@section('content')

<div class="row">
	<div class="col-md-12">                    
	  <div class="panel">
		<div class="panel-heading">
            <div class="panel-control">
                <button class="btn btn-default" data-click="panel-collapse"><i class="fa fa-chevron-down"></i></button>
            </div>
			
			<h3 class="panel-title">Create Team</h3>
		</div>
		<div class="panel-body">
			
			<!--No Label Form-->
                                    <!--===================================================-->
            <form data-parsley-validate class="form-horizontal" id="form-team" action="{{ route('createteamuser') }}">
                {{ csrf_field() }}
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-6 mar-btm">
                            <label for="team_name">Team Name</label>
                            <input type="text" class="form-control" placeholder="Team Name" id="team_name" name="team_name" data-parsley-trigger="blur" data-parsley-required data-index="0">
                        </div>
                        <div class="col-md-6 mar-btm">
                            <label for="id_department">Department</label>
                            <select id="id_department" name="id_department" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="1">
								<option value="">Select Department</option>
                                @foreach($department as $dep)
                                    <option value="{{  $dep->id }}">{{  $dep->dep_name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <label for="team_description">Team Description</label>   
                    <textarea placeholder="Team Description" rows="8" class="form-control" id="team_description" name="team_description"></textarea>
                </div>
                <div class="panel-footer text-right">
                    <button class="btn btn-info">Save</button>
                </div>
            </form>
            <!-- End Inline Form  -->
		</div>
	 </div>
   </div>
 </div>



<!-- Basic Data Tables -->
<!--===================================================-->
<div class="panel">
<div class="panel-heading">
	<div class="panel-control">
		<button class="btn btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></button>
		<button class="btn btn-default" data-click="panel-reload"><i class="fa fa-refresh"></i></button>
		<button class="btn btn-default" data-click="panel-collapse"><i class="fa fa-chevron-down"></i></button>
		
	</div>
	<h3 class="panel-title">Teams List</h3>
</div>
<div class="panel-body">
	<table id="demo-dt-basic" class="table table-striped table-bordered table-responsive response-datas">
		<thead>
			<tr>
				<th>Team Name</th>
				<th>Team Description</th>
				<th>Department</th>
				<th class="">Operations</th>
				
			</tr>
		</thead>
		<tbody>
			@if($datateam)
				@foreach($datateam as $key => $value)
					@foreach($value as $team)
						<tr class="{{ 'tr-'.$team['slug'] }}">
							<td>{{ $team['team_name'] }}</td>
							<td>{{ $team['team_description'] }}</td>
							<td>{{ $team['dep_name'] }}</td>
							<td>
								<div class="btn-group btn-group-lg">
									<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" type="button">
									Action <i class="dropdown-caret fa fa-chevron-down"></i>
									</button>
									<ul class="dropdown-menu">
										<li class="dropdown-header">Select action</li>
										<li><a href="{{ url('getdetteam/'.$team['slug']) }}" data-slug="{{ $team['slug'] }}" data-toggle="modal" data-target="#detailsTeam" class="details-team">Details</a>
										</li>
										<li><a href="{{ url('getupteam/'.$team['slug']) }}" data-slug="{{ $team['slug'] }}"  data-toggle="modal" data-target="#updateTeam" class="update-team">Update</a>
										</li>
										<li><a href="{{ url('delteam/'.$team['slug']) }}" data-slug="{{ $team['slug'] }}" class="delete-team">Delete</a>
										</li>
									</ul>
								</div>
							</td>
						</tr>
				@endforeach
			@endforeach
        @endif
		</tbody>
	</table>
</div>
</div>


<!-- popup update Inputs form -->
<div class="modal fade" id="updateTeam" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h1 class="modal-title">Update Team</h3>
				</div>
				<hr>
				<div class="modal-body">
                   <!--No Label Form-->
                   <!--===================================================-->
					<form data-parsley-validate  class="form-horizontal" id="form-update-team" action="{{ route('updateteam') }}">
						{{ csrf_field() }}
						<div class="panel-body">
							<div class="row">
								<div class="col-md-6 mar-btm">
									<input type="hidden" class="form-control" id="uslug" name="uslug">
									<label for="team_name">Team Name</label>
									<input type="text" class="form-control" placeholder="Team Name" id="uteam_name" name="uteam_name"  data-parsley-trigger="blur" data-parsley-required>
								</div>
								<div class="col-md-6 mar-btm">
									<label for="department">Department</label>
									<select id="udepartment" name="udepartment" class="form-control" data-parsley-trigger="blur" data-parsley-required>
										<option value="">Select Department</option>
										@foreach($department as $dep)
											<option value="{{ $dep->id }}">{{  $dep->dep_name }}</option>
										@endforeach
									</select>
								</div>
							</div>
							<label for="team_description">Team Description</label>   
							<textarea placeholder="Team Description" rows="8" class="form-control" id="uteam_description" name="uteam_description" required></textarea>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							<button type="submit" class="btn btn-primary">Update Team</button>
						</div>
					</form>
				<!-- End Inline Form  -->
				</div>
		</div>
	</div>
</div>
@include('admin.inc.detailsteam')			
@stop

@section('addlibjs')

<!-- We put here the additionnals libs for this page only -->

 <!--Demo script [ DEMONSTRATION ]-->
 <script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
 <!--DataTables [ OPTIONAL ]-->
<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
<!--DataTables Sample [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
<script src="{{ asset('assets/plugins/pace/pace.min.css') }}"></script>
<script src="{{ asset('plugins/pace/pace.min.js' )}}"></script>
<script src="{{ asset('plugins/modal/modal.css' )}}"></script>
<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
<!--Demo script [ DEMONSTRATION ]-->
<!-- Form validation -->
<script src="{{ asset('assets/plugins/parsley/parsley.min.js') }}"></script>
<!--Actions ressourcess user -->
<script src="{{asset('js/admin/teams/createteam.js') }}"></script>
<script src="{{asset('js/admin/teams/get-det-team.js') }}"></script>
<script src="{{asset('js/admin/teams/get-up-team.js') }}"></script>
<script src="{{asset('js/admin/teams/update-team.js') }}"></script>
<script src="{{asset('js/admin/teams/delete-team.js') }}"></script>

@stop