@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 Top Manager
                    <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%">Suggestion Name</th>
                                <th width="14%">Suggestion Description</th>
                                <th width="10%">Priority</th>
                                <th width="14%">Deadline</th>
                                <th width="13%">State</th>
                                {{-- <th width="11%">Assigner</th> --}}
                                <th width="13%">Operations</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($suggestions as $suggestion)
                            @if ($suggestion->state=="WAITING"||$suggestion->state=="VALID")


                            <tr style="text-align:center;">
                                <td>{{$suggestion->sug_name}}</td>
                                <td>{{str_limit($suggestion->description, $limit = 25, $end = '...') }}</td>
                                <td>
                                    {{$suggestion->priority->priority_name}}
                                </td>
                                <td>{{ \Carbon\Carbon::parse($suggestion->deadline)->format('d/m/Y')}}</td>
                                    @if ($suggestion->state=="WAITING")
                                         <td>
                                             <div class="label label-table label-default">{{$suggestion->state}}</div>
                                         </td>
                                     @endif

                                     @if ($suggestion->state=="TO DO")
                                        <td>
                                            <div class="label label-table label-primary">{{$suggestion->state}}</div>
                                        </td>
                                    @endif
                                    @if($suggestion->state=="OPENED")
                                        <td>
                                            <div class="label label-table label-default">{{$suggestion->state}}</div>
                                        </td>
                                    @endif

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

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

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

                                    @if($suggestion->state=="TREATED")
                                        <td>
                                            <div class="label label-table label-success">{{$suggestion->state}}</div>
                                        </td>
                                    @endif
                                        @if($suggestion->state=="REFUSED")
                                        <td>
                                            <div class="label label-table label-warning">{{$suggestion->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($suggestion->state=="WAITING")
                                          <ul class="dropdown-menu">
                                            <li class="dropdown-header">Select action</li>
                                            <li><a href="{{url('getidvalidsuggestions', $suggestion->id)}}" data-toggle="modal" data-target="#validsuggestions" data-slug="{{ $suggestion->id }}" class="valid-sugestions">accepted</a>
                                            </li>
                                            <li><a href="{{ url('detailsuggestion',$suggestion->id) }}" data-toggle="modal" data-target="#detSuggestion" data-slug="{{ $suggestion->id }}" class="details-sugestions">Details</a>
                                            </li>
                                            <li><a href="{{url('refussuggestion', $suggestion->id)}}" data-toggle="modal" data-target="#refussuggestions" data-slug="{{ $suggestion->id }}" class="refus-sugestions">Closed</a>
                                            </li>
                                          </ul>
                                        @endif
                                      @if($suggestion->state=="VALID")
                                        <ul class="dropdown-menu">
                                          <li class="dropdown-header">Select action</li>
                                          <li>
                                              <a href="#" data-toggle="modal"data-route="{{route('confirmSuggestion')}}" data-target="#confirmModal" data-slug="{{ $suggestion->id }}" data-route="" class="itemconfirm">Confirm</a>
                                          </li>
                                          <li><a href="{{ url('detailsuggestion',$suggestion->id) }}" data-toggle="modal" data-target="#detSuggestion" data-slug="{{ $suggestion->id }}" class="details-sugestions">Details</a>
                                          </li>

                                        </ul>
                                      @endif


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

@include('fo.suggestion.inc.incListOfSuggestion.detail')
@include('fo.suggestion.inc.incTopManager.confirm')
@include('fo.suggestion.inc.incTopManager.valid')
@include('fo.suggestion.inc.incTopManager.refus')





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

<script src="{{ asset('js/fo/suggestions/topManager/get-id-refused.js') }}"></script>
<script src="{{ asset('js/fo/suggestions/topManager/refus-tm-suggstion.js') }}"></script>

<script src="{{ asset('js/fo/suggestions/topManager/get-id-valid.js') }}"></script>
<script src="{{ asset('js/fo/suggestions/topManager/valid-suggestions.js') }}"></script>

<!--Actions extended susggestions -->
<script src="{{ asset('js/fo/suggestions/mySuggestion/detail-suggestion.js') }}"></script>
<script src="{{ asset('js/fo/suggestions/topManager/confirm.js') }}"></script>
@stop