@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">My Incidents list
                            <br/>
                        </h3>

                    </div>
                    <div class="panel-body">
                        <button class="btn btn-success btn-labeled fa fa-plus" id="create-incidents" data-toggle="modal" data-target="#myIncidents">Create incident</button><br/><br/>

                    {{ 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%">Description</th>
                                <th width="10%">Priority</th>
                                <th width="14%">Deadline</th>
                                <th width="13%">State</th>
                                <th width="13%">Operations</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($incidents as $incident)
                              @if ($incident->state!="ARCHIVED")


                                <tr style="text-align:center;">
                                    <td> {{str_limit($incident['incident_name'], $limit = 15, $end = '...') }}</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>
                                    @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

                                    @if($incident->state=="IN_PROGRESS")
                                        <td>
                                            <div class="label label-table label-info">{{$incident->state}}</div>
                                        </td>
                                    @endif

                                    @if($incident->state=="CLOSED")
                                        <td>
                                            <div class="label label-table label-danger">{{$incident->state}}</div>
                                        </td>
                                    @endif

                                    @if($incident->state=="VALID")
                                        <td>
                                            <div class="label label-table label-mint">{{$incident->state}}</div>
                                        </td>
                                    @endif

                                    @if($incident->state=="TREATED")
                                        <td>
                                            <div class="label label-table label-success">{{$incident->state}}</div>
                                        </td>
                                    @endif
                                        @if($incident->state=="REFUSED")
                                        <td>
                                            <div class="label label-table label-warning">{{$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>
                                              <ul class="dropdown-menu">
                                                  <li class="dropdown-header"></li>
                                                  <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('getcmtincident/'.$incident['id']) }}" data-toggle="modal" data-target="#comincidents" data-slug="{{ $incident['id'] }}" class="comment-incident">Comment</a>
                                                                        </li>--}}
                                              </ul>
                                            @if ($incident->state=="TREATED")
                                              <ul class="dropdown-menu">
                                                  <li class="dropdown-header"></li>
                                                  <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="#" data-toggle="modal"data-route="{{route('confirm')}}" data-target="#confirmModal" data-slug="{{ $incident['id'] }}" data-route="" class="itemconfirm">Confirm</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
                                            @if ($incident->state=="VALID")
                                              <ul class="dropdown-menu">
                                                  <li class="dropdown-header"></li>
                                                  <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="#" data-toggle="modal"data-route="{{route('confirm')}}" data-target="#confirmModal" data-slug="{{ $incident['id'] }}" data-route="" class="itemconfirm">Confirm</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
                                            

                                        </div>
                                    </td>

                                </tr>
                                  @endif
                            @endforeach

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

        @include('fo.incidents.inc.createincident')
        <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">×</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" >
                                    </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>
                                    </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" >
                                    </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" >
                                    </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>
                                    </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>
                                    </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 class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

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


    @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 ]-->

            <!--Actions extended tasks -->
            <script src="{{ asset('js/fo/incident/confirm/confirm.js') }}"></script>
            <script src="{{ asset('js/fo/incident/myincident/create_myincident.js') }}"></script>
            <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/upget-incident.js') }}"></script>
            <script src="{{ asset('js/fo/incident/myincident/detail-incident.js') }}"></script>
            <script src="{{ asset('js/fo/incident/myincident/ownerExterne/ownerexterne.js') }}"></script>


            <!--script of notifications -->
                <script src="{{ asset('plugins/modal/modal.css' )}}"></script>
                <script src="{{ asset('plugins/modal/modal.js' )}}"></script>
                <script src="{{ asset('js/fo/Notification/show.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