@extends('fo.tpl.layout')

@section('content')
	<div class="container">
		<div class="row" style="padding-bottom:50px";>

		</div>
		<div class="row">
			<div class="col-sm-12">
				<div class="panel">
					<div class="panel-heading">


						<h3 class="panel-title">List of Incident
							<br/>
						</h3>

					</div>
					<div class="panel-body">

					{{ csrf_field() }}
					<!-- Inline Form  -->
						<!--===================================================-->
						<table id="demo-dt-basic" class="table table-striped table-bordered table-responsive response-datas">
							<thead>
							<tr>
								<th width="14%">Incident Name</th>
								<th width="14%">Incident Description</th>
								<th width="10%">Priority</th>
								<th width="14%">Deadline</th>
								<th width="13%">Impact</th>
								<th width="13%">State</th>

								<th width="13%">Operations</th>
							</tr>
							</thead>
							<tbody>
							@foreach($incidents as $incident)
								@if(! \App\Helper\Visibilite::isLinkToTask ($incident->id,"INCIDENT"))

									@if ($incident->state=="OPENED"||$incident->state=="TO DO")


										<tr style="text-align:center;">
											<td><a href="" class="" data-toggle="modal" data-target="">{{str_limit($incident->incident_name, $limit = 25, $end = '...') }}</a></td>
											<td>{{str_limit($incident->description, $limit = 25, $end = '...') }}</td>
											<td>{{$incident->priority->priority_name}}</td>
											<td>{{ \Carbon\Carbon::parse($incident->deadline)->format('d/m/Y')}}</td>
											<td>{{$incident->impact->impact_name}}</td>
									 									@if($incident->state=="TO DO")
                                        <td>
                                            <div class="label label-table label-primary">{{$incident->state}}</div>
                                        </td>
                                    @endif
											@if($incident->state=="OPENED")
												<td>
													<div class="label label-table label-default">{{$incident->state}}</div>
												</td>
											@endif







											<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>
													@if(Auth::user()->isIncidentManager())
														@if ($incident->state=="OPENED")
															<ul class="dropdown-menu">
																<li><a href="{{ url('detincident/'.$incident->id) }}" data-toggle="modal" data-target="#detail" data-slug="{{ $incident->id }}" class="itemdetail">Details</a>
																</li>

																<li><a href="{{ url('getidrefusincident/'.$incident->id) }}" data-slug="{{ $incident->id }}" class="refus-incident"  data-toggle="modal" data-target="#refusIncident">Closed</a>
																</li>

																<li><a href="{{ url('getIncidentToUpdate/'.$incident->id) }}" data-slug="{{$incident->id}}" class="get-incident-update"  data-toggle="modal" data-target="#updated">Check Parameters</a>
																</li>

															</ul>
														@endif
														@if ($incident->state=="TO DO")
															<ul class="dropdown-menu">
																<li><a href="{{ url('detincident/'.$incident->id) }}" data-toggle="modal" data-target="#detail" data-slug="{{ $incident->id }}" class="itemdetail">Details</a>
																</li>
																@if(\App\Incidents::hasChildren ($incident->id))

																	<li>
																		<a href="{{ url('getsubincident/'.$incident->id) }}" data-slug="{{ $incident->id }}" data-parent="{{ $incident->incident_name}}" class="parentdet"  data-toggle="modal" data-target="#supincident">Create Sub-Incident</a>
																	</li>
																@else
																	@if( !(\App\Incidents::isSubincident ($incident->id)))
																		<li>
																			<a href="#" data-href="{{ url('getIncidentToTask/'.$incident->id) }}" data-toggle="modal" data-target="#LinkToTask" data-slug="{{ $incident->id }}" class="itemtoTask">Link To Task</a>
																		</li>
																			<li>
																			<a href="{{ url('getsubincident/'.$incident->id) }}" data-slug="{{ $incident->id }}" data-parent="{{ $incident->incident_name}}" class="parentdet"  data-toggle="modal" data-target="#supincident">Create Sub-Incident</a>
																		</li>
																		
																	@else
																		<li>
																			<a href="#" data-href="{{ url('getIncidentToTask/'.$incident->id) }}" data-toggle="modal" data-target="#LinkToTask" data-slug="{{ $incident->id }}" class="itemtoTask">Link To Task</a>
																		</li>
																	


                                                                {{--
																 <li><a href="{{ url('getcmtincident/'.$incident['id']) }}" data-toggle="modal" data-target="#comincidents" data-slug="{{ $incident['id'] }}" class="comment-incident">Comment</a>
                                                                        </li>--}}
															</ul>
														@endif
													@endif
													@endif


													@else

														<ul class="dropdown-menu">
															<li><a href="#"  data-toggle="modal" data-target="#" data-slug="#" class="itemdetail">Confirm</a>
															</li>
														</ul>
													@endif




												</div>
											</td>
										</tr>
									@endif
								@endif

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







	<div class="modal fade" id="updated" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel2" 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">Check Parameters </h1>
				</div>
				<div class="modal-body">

					<form class="form-horizontal" id="form-update-incidents" action="{{ route('updateincident') }}" method="post">
						{{ csrf_field() }}
						<div class="panel-body">
							<div class="row">
								<div class="col-md-4 mar-btm">
									<label for="uincident_name">Incident Name</label>
									<input id="uincident_name" name="uincident_name" type="text" class="form-control" placeholder="Incident name" required>
								</div>


								<div class="col-md-4 mar-btm" id="uhide_owner">
									<label for="uincident_owner">Incident owner</label>
									<select  class="form-control" id="uincident_owner" name="uincident_owner" disabled >
									</select>
								</div>

								<div class="col-md-4 mar-btm" id="uhide_owner_name">
									<label for="name_owner">Name owner</label>
									<input type="hidden" name="uid_owner" id="uid_owner" >
									<input id="name_owner" name="name_owner" type="text" class="form-control" placeholder="owner name" disabled>
								</div>

								<input type="hidden" name="uincident_id" id="uincident_id" >

							</div>
							<div class="row">
								<div class="col-md-4 mar-btm">
									<label for="uassigner">Assign to</label>
									<select  readonly="readonly" class="form-control" id="uassigner" name="uassigner" disabled>

									</select>
								</div>

								<div class="col-md-4 mar-btm">
									<label for="udeadline">Deadline</label>
									<input id="udeadline" name="udeadline" type="date" class="form-control" placeholder="Deadline" required>
								</div>

								<div class="col-md-4 mar-btm">
									<label for="uincident_parent">Incident Parent</label>

									<select class="form-control" id="uincident_parent" name="uincident_parent" disabled >

									</select>
								</div>

								<div class="col-md-4 mar-btm">
									<label for="uid_impact">Incident impact</label>
									<select class="form-control" id="uid_impact" name="uid_impact" required >

									</select>
								</div>

								<div class="col-md-4 mar-btm">
									<label for="ustate">State</label>
									<select  id="ustate" name="ustate" disabled  class="form-control" placeholder="State" required>
									</select>
								</div>

								<div class="col-md-4 mar-btm">
									<label for="upriority">Priority</label>
									<select id="upriority" name="upriority"   class="form-control" placeholder="Priority" required>
									</select>
								</div>

							</div>
							<label for="udescription">Incident Description</label>
							<textarea name="udescription" id="udescription" placeholder="Incident Description" rows="10" class="form-control"></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" id="btn_update">Valid incidents</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="detail" 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">X</button>

					<h1 class="modal-title">Details incident</h1>
				</div>
				<div class="modal-body">

					<form class="form-horizontal" id="form-details-incident"  method="post">
						{{ csrf_field() }}
						<div class="panel-body">
							<div class="row">
								<div class="col-md-6 mar-btm">
									<label for="dincident-name">Incident Name</label>
									<input id="dincident_id" name="dincident_id" type="hidden" class="form-control" >
									<input id="dincident_name" readonly="readonly" name="dincident_name" type="text" class="form-control" placeholder="Incidentn name" disabled>
								</div>



								<div class="col-md-6 mar-btm">
									<label for="dincident_owner">Incident owner</label>
									<input id="dincident_owner" name="dincident_owner" type="text" class="form-control" readonly disabled >
								</div>

							</div>
							<div class="row">
								<div class="col-md-6 mar-btm">
									<label for="ddeadline">Deadline</label>
									<input readonly="readonly" id="ddeadline" name="ddeadline" type="text" class="form-control" placeholder="Deadline" required disabled>
								</div>


								<div class="col-md-6 mar-btm">
									<label for="dincident_parent">Incident Parent</label>
									<input readonly="readonly" id="dincident_parent" name="dincident_parent" type="text" class="form-control" placeholder="Incidentn name" disabled >
								</div>

							</div>
							<div class="row">
								<div class="col-md-4 mar-btm">
									<label for="dimpact_name">Incident Impact</label>
									<input id="dimpact_name"readonly="readonly"  name="dimpact_name" type="text"  class="form-control" placeholder="Incidentn name" disabled >
								</div>

								<div class="col-md-4 mar-btm">
									<label for="state">State</label>
									<input readonly="readonly" id="dstate" name="dstate"  type="text" class="form-control" placeholder="State" required disabled>
								</div>
								<div class="col-md-4 mar-btm">
									<label for="dpriority_name">Priority</label>
									<input readonly="readonly" id="dpriority_name" name="dpriority_name"  type="text" class="form-control" placeholder="Priority" required disabled>
								</div>
							</div>

						</div>
						<label for="ddescription">Incident Description</label>
						<textarea readonly="readonly" name="ddescription" id="ddescription" placeholder="Incident Description" rows="10" class="form-control"></textarea>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
				</form>
			</div>
		</div>
	</div>
	</div>


	<div class="modal fade" id="refusIncident" 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">X</button>

					<h1 class="modal-title">Reason for close</h1>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="form-refus-incident" action="{{ route('refusincident') }}" method="post">
						{{ csrf_field() }}
						<div class="panel-body">
							<input id="rincident_id" name="rincident_id" type="hidden" class="form-control" placeholder="" required>
							<label for="rincident-comment">incident Comment</label>
							<textarea name="rincident_comment" id="rincident_comment" placeholder="incident Comment" rows="10" class="form-control" 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" id="btn_create">Submit</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>




  @include('fo.incidents.inc.comment')


	@include('fo.incidents.inc.createSubIncident')

	@include('fo.incidents.inc.linkToTask')

@stop
@section('addlibjs')

	<!--Demo script [ DEMONSTRATION ]-->
	<script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
	<!--DataTables [ OPTIONAL ]-->
	<!--Bootstrap Table [ OPTIONAL ]-->
	<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
	<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
	<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>
	<!--Bootstrap Datepicker [ OPTIONAL ]-->
	<link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
	<script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.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 ]-->
	<script src="{{ asset('js/fo/incident/myincident/delete-incident.js') }}"></script>



	<script src="{{ asset('js/fo/incident/myincident/update-incident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/linkToTask/getIncident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/linkToTask/createTaskbyIncident.js') }}"></script>

	<script src="{{ asset('js/fo/incident/myincident/get-update-incident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/detail-incident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/get-id-refused.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/refus-incident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/incidentparent.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/createsupincident.js') }}"></script>

 <!--script of comments -->

  <script src="{{ asset('js/fo/incident/myincident/getcmt-incident.js') }}"></script>
  <script src="{{ asset('js/fo/incident/myincident/cmt-incident.js') }}"></script>







@stop