@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">Extended incidents
                            <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 style="text-align:center;" colspan="4" width="14%">Incidents </th>
                                <th  style="text-align:center;" colspan="6" width="14%">Tasks</th>

                            </tr>
                            <tr>
                                <th>Incident name </th>
                                <th>State</th>
                                <th>Deadline </th>
                                <th> progress </th>
                                <th>Tache name </th>
                                <th>State</th>
                                <th>Document</th>
                                <th> progress </th>
                                <th>Deadline </th>
                                <th>Operation</th>


                            </tr>
                            </thead>
                            <tbody>
                            @if($dataextended)
                                @foreach($dataextended as $key => $value)
                                    @foreach($value as $inctasks)


										<tr style="text-align:center;">
											<td>{{$inctasks['inc_name']}}</td>
										
									 @if ($inctasks['inc_state']=="TO DO")
                                        <td>
                                            <div class="label label-table label-primary">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif
                                    @if($inctasks['inc_state']=="OPENED")
                                        <td>
                                            <div class="label label-table label-default">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif

                                    @if($inctasks['inc_state']=="IN_PROGRESS")
                                        <td>
                                            <div class="label label-table label-info">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif

                                    @if($inctasks['inc_state']=="CLOSED")
                                        <td>
                                            <div class="label label-table label-danger">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif

                                    @if($inctasks['inc_state']=="VALID")
                                        <td>
                                            <div class="label label-table label-mint">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif

                                    @if($inctasks['inc_state']=="TREATED")
                                        <td>
                                            <div class="label label-table label-success">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif
                                     @if($inctasks['inc_state']=="REFUSED")
                                        <td>
                                            <div class="label label-table label-warning">{{$inctasks['inc_state']}}</div>
                                        </td>
                                    @endif

                                            <td>{{ \Carbon\Carbon::parse($inctasks['inc_deadline'])->format('d/m/Y')}}</td>
                                            <td>
                                                <div class="progress progress-striped progress-lg active">
                                                    <div style="width: {{$inctasks['inc_progress']}}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{{$inctasks['inc_progress']}}" role="progressbar" class="progress-bar progress-bar-primary">
                                                        <span>{{$inctasks['inc_progress']}}% Complete</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>{{$inctasks['task_name']}}</td>

                                            @if ($inctasks['task_state']=="TO DO")
                                                <td>
                                                    <div class="label label-table label-primary">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif
                                            @if($inctasks['task_state']=="OPENED")
                                                <td>
                                                    <div class="label label-table label-default">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif

                                            @if($inctasks['task_state']=="IN_PROGRESS")
                                                <td>
                                                    <div class="label label-table label-info">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif

                                            @if($inctasks['task_state']=="CLOSED")
                                                <td>
                                                    <div class="label label-table label-danger">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif

                                            @if($inctasks['task_state']=="VALID")
                                                <td>
                                                    <div class="label label-table label-mint">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif

                                            @if($inctasks['task_state']=="TREATED")
                                                <td>
                                                    <div class="label label-table label-success">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif
                                            @if($inctasks['task_state']=="REFUSED")
                                                <td>
                                                    <div class="label label-table label-warning">{{$inctasks['task_state']}}</div>
                                                </td>
                                            @endif
                                            <td>
                                                @if($inctasks['task_link'])
                                                    <div class="label label-table">
                                                        <a href="{{ asset('files/inctasks/'.$inctasks['id_task'].'/'.$inctasks['task_link'] )  }}" target="_blank" class="text-info" alt="{{$inctasks['task_link']}}"><img src="{{ asset('assets/img/doc.png') }}" width="40px" height="40px" /></a>
                                                    </div>
                                                @endif</td>
                                            <td>
                                                <div class="progress progress-striped progress-lg active">
                                                    <div style="width: {{$inctasks['task_progress']}}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{{$inctasks['task_progress']}}" role="progressbar" class="progress-bar progress-bar-primary">
                                                        <span>{{$inctasks['task_progress']}}% Complete</span>
                                                    </div>
                                                </div>
                                            </td>

                                            <td>{{ \Carbon\Carbon::parse($inctasks['task_deadline'])->format('d/m/Y')}}</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('detailextended/'.$inctasks['id_inc'])}}" data-toggle="modal" data-target="#detail" data-slug="{{ $inctasks['id_inc']}}" class="itemdetail">Details</a>
															</li>

													 </ul>

                                                    @if($inctasks['inc_state']=="REFUSED" && $inctasks['task_state']=="REFUSED")

                                                        <ul class="dropdown-menu">
                                                            <li class="dropdown-header"></li>
                                                            <li>
                                                                <a href="{{ url('detincident/'.$inctasks['id_inc']) }}" data-toggle="modal" data-target="#detail" data-slug="{{ $inctasks['id_inc'] }}" class="itemdetail">Details</a>
                                                            </li>

																<li><a  data-toggle="modal" data-target="#AssignToTask" data-slug="{{$inctasks['id_task']}}" data-href="{{ url('getTaskToAssign/'.$inctasks['id_task'])}}" class="itemtoAssignTask">Assign to</a>
																</li>
																 <li><a href="{{ url('getcmtincident/'.$inctasks['id_inc']) }}" data-toggle="modal" data-target="#dcomIncdent" data-slug="{{ $inctasks['id_inc'] }}" class="comment-incident">Comment</a>
                                                                        </li>
														</ul>
													@endif


													@if($inctasks['inc_state']=="TREATED" && $inctasks['task_state']=="TREATED")
														<ul class="dropdown-menu">
															<li class="dropdown-header">Select action</li>
															<li><a href="{{url('detailextended/'.$inctasks['id_inc'])}}" data-toggle="modal" data-target="#detail" data-slug="{{ $inctasks['id_inc']}}" class="itemdetail">Details</a>
															</li>
															<li><a href="#" data-toggle="modal" data-href="{{ url('getTaskToAssign/'.$inctasks['id_task'])}}" data-target="#CheckParametersToTask" data-slug2="{{$inctasks['id_inc']}}" data-slug="{{$inctasks['id_task']}}" class="itemtoCheck">Check treated</a>
															</li>
															{{--
															 <li><a href="{{ url('getcmtincident/'.$inctasks['id_inc']) }}" data-toggle="modal" data-target="#comincidents" data-slug="{{ $inctasks['id_inc'] }}" class="comment-incident">Comment</a>
                                                                        </li>--}}

                                                        </ul>
                                                    @endif

													@if($inctasks['inc_state']=="CLOSED" && $inctasks['task_state']=="CLOSED")
														<ul class="dropdown-menu">
															<li class="dropdown-header">Select action</li>
															<li><a href="{{url('getidarchiveincident/'.$inctasks['id_inc'])}}" data-toggle="modal" data-target="#achiveIncident" data-slug="{{ $inctasks['id_inc']}}" class="archive">Archive</a>
															</li>
															{{--
															 <li><a href="{{ url('getcmtincident/'.$inctasks['id_inc']) }}" data-toggle="modal" data-target="#comincidents" data-slug="{{ $inctasks['id_inc'] }}" class="comment-incident">Comment</a>
                                                                        </li>--}}
														</ul>
													@endif
												</div>

                                            </td>
                                        </tr>

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

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


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

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

            {{ csrf_field() }}


                <table id="demo-dt-basic-parent2" class="table table-striped table-bordered table-responsive response-datas">
                    <thead>
                    <tr>
                        <th>Incident Name</th>
                        <th>State</th>
                        <th>Deadline</th>
                        <th>Progress</th>
                        <th class="">Operations</th>

                    </tr>
                    </thead>
                    <tbody>
                    @if($dataextended2)
                        @foreach($dataextended2 as $key =>$data )
                            @foreach($data as $data2)
                                <tr>
                                    <td>{{$data2['IncidentName']}}</td>
                                    @if ($data2['IncidentState']=="TO DO")
                                        <td>
                                            <div class="label label-table label-primary">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif
                                    @if($data2['IncidentState']=="OPENED")
                                        <td>
                                            <div class="label label-table label-default">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif

                                    @if($data2['IncidentState']=="IN_PROGRESS")
                                        <td>
                                            <div class="label label-table label-info">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif

                                    @if($data2['IncidentState']=="CLOSED")
                                        <td>
                                            <div class="label label-table label-danger">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif

                                    @if($data2['IncidentState']=="VALID")
                                        <td>
                                            <div class="label label-table label-mint">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif

                                    @if($data2['IncidentState']=="TREATED")
                                        <td>
                                            <div class="label label-table label-success">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif
                                    @if($data2['IncidentState']=="REFUSED")
                                        <td>
                                            <div class="label label-table label-warning">{{$data2['IncidentState']}}</div>
                                        </td>
                                    @endif

                                    <td>{{\Carbon\Carbon::parse($data2['IncidentDeadline'])->format('d/m/Y')}}</td>

                                    <td>
                                        <div class="progress progress-striped progress-lg active">
                                            <div style="width: {{$data2['IncidentProgress']}}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{{$data2['IncidentProgress']}}" role="progressbar" class="progress-bar progress-bar-primary">
                                                <span>{{$data2['IncidentProgress']}}% Complete</span>
                                            </div>
                                        </div>
                                    </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">Selct action</li>
                                                <li><a href="" data-slug="{{$data2['IncidentId']}}" data-route="{{route('getsupIncident')}}" data-toggle="modal" data-target="#SubIncidentModal2" class="getSubIncident">Show sub-incidnet info</a></li>
                                                <li>
                                                    <a href="{{ url('getsubincident/'.$data2['IncidentId']) }}" data-slug="{{  $data2['IncidentId'] }}" data-parent="{{ $data2['IncidentId']}}" class="parentdet"  data-toggle="modal" data-target="#supincident">Create Sub-Incident</a>
                                                </li>

                                            </ul>
                                        </div>
                                    </td>
                                </tr
                                
                            @endforeach
                        @endforeach
                      
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="SubIncidentModal2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="modal-dialog">
        <div class="modal-content " id="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

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

                <div class="panel">
                    <div class="panel-heading">

                        <h3 class="panel-title">List of sub incident</h3>

                    </div>
                    <div class="panel-body">
                        <table id="demo-dt-basic3" class="table table-striped table-bordered response-data23">
                            <thead>
                            <tr>

                                <th class="min-tablet">Incident Name</th>
                                <th class="min-tablet">Incident state.</th>
                                <th class="min-desktop">Incident deadline</th>
                                <th class="min-desktop">Incident progress</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="supincident" 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">Create Sub-Incident</h1>
      </div>
      <div class="modal-body">

        <form class="form-horizontal" id="form-create-sup-incidents" action="{{ route('createsupincidents') }}" method="post">
          {{ csrf_field() }}
          <div class="panel-body">
            <div class="row">
              {{--<input id="sdeadline_parent" name="sdeadline_parent" type="hidden" class="form-control"required>--}}
              <div class="col-md-6 mar-btm">
                <label for="sincident-name">Incident Name</label>
                <input id="sincident_name" name="sincident_name" type="text" class="form-control" placeholder="Incident name" required>
              </div>
              <div class="col-md-6 mar-btm">
                <label for="sincident_assigner">Assign to</label>
                <select  class="form-control" id="sincident_assigner" name="sincident_assigner" required disabled >


                   <option value="{{ $supervisor->id }}" selected>{{ $supervisor->sup_name }}</option>

                </select>
              </div>
            </div>

            <div class="row">
              @if(Auth::user()->isIncidentManager())
                <div class="col-md-6 mar-btm">
                  <label for="sincident_owner">Incident owner</label>
                  <select readonly="readonly" class="form-control" id="sincident_owner" name="sincident_owner" disabled >
                  <option value="{{ $supervisor->id }}" selected>{{ $supervisor->sup_name }}</option>
                  </select>
                </div>

                <div class="col-md-6 mar-btm">
                  <label for="sid_priority">Incident priority</label>
                  <select class="form-control" id="sid_priority" name="sid_priority" required>
                    <option value='' selected>Select  priority</option>
                    @foreach($priorities  as $priority)
                      <option value="{{ $priority->id }}">{{ $priority->priority_name }}</option>
                    @endforeach
                  </select>
                </div>
              @endif
            </div>

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

              </div>

              <div class="col-md-6 mar-btm" required>
                <label for="sid_impact">Incident impact</label>
                <select class="form-control" id="sid_impact" name="sid_impact" required >
                  <option value='' selected>Select  impact</option>
                  @foreach($impacts as $impact)
                    <option value="{{ $impact->id }}">{{ $impact->impact_name }}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="row">
              <div class="col-md-12 mar-btm">
                <label for="sdeadline">Deadline</label>
                <input id="sdeadline" name="sdeadline" type="date" class="form-control" required >
              </div>
            </div>
            <label for="sdescription">Incident Description</label>
            <textarea name="sdescription" id="sdescription" 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_create">Create incidents</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


@include('fo.incidents.inc.comment')
@include('fo.incidents.inc.AssignToTask')
@include('fo.incidents.inc.checkParameters')
@include('fo.incidents.inc.archiveincident')
@include('fo.incidents.inc.detailsextended')
        <!--@include('fo.incidents.inc.subIncidentsTable')-->

<!--
@include('fo.incidents.inc.SubIncidentModal')
@include('fo.incidents.inc.createSubIncident')
-->
</div>
@stop
@section('addlibjs')
    <link href="{{ asset('css/modalsub.css') }}" rel="stylesheet">

    <!--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>


    <!-- Assign to  -->

    <script src="{{ asset('js/fo/incident/extended/AssignToTask.js') }}"></script>
    <script src="{{ asset('js/fo/incident/extended/getTaskToAssign.js') }}"></script>
    <script src="{{ asset('js/fo/incident/extended/AssignToTask.js') }}"></script>
    <script src="{{ asset('js/fo/incident/extended/getTaskToCheckParameter.js') }}"></script>
    <script src="{{ asset('js/fo/incident/extended/checkParameterToTask.js') }}"></script>

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

    <script src="{{ asset('js/fo/incident/myincident/upget-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/extended/detail.js') }}"></script>
    <script src="{{ asset('js/fo/incident/myincident/get-archive.js') }}"></script>
    <script src="{{ asset('js/fo/incident/myincident/archive.js') }}"></script>
    <script src="{{ asset('js/fo/incident/extended/getSubIncident.js') }}"></script>
    <script src="{{ asset('js/fo/tables-datatables.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>
  
  <script>
$('#demo-dt-basic-parent2').dataTable( {
		"responsive": true,
		"language": {
			"paginate": {
			  "previous": '<i class="fa fa-angle-left"></i>',
			  "next": '<i class="fa fa-angle-right"></i>'
			}
		}
	} );
	</script>






@stop