@extends('layout.index')
@section('content')
<h1>Point de départ et noms d'onglets</h1>
<a href="{{route('add-file-type')}}" class="btn btn-primary btn-add"> <i class="fas fa-plus"></i> Ajouter une point de depart</a>
@if(Session::has('message'))
    <div class="alert alert-success">
    {{Session::get('message')}}
    </div>
    @endif
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#home">Point de départ et noms d'onglets</a></li>
    <li><a data-toggle="tab" href="#menu1">En examen</a></li>
</ul>
<div class="tab-content">
    <div id="home" class="tab-pane fade in active">
      <div class="row" style="margin-top:15px;">
           <div class="col-md-4">
             <form action="" method="get">
                 <div class="mb-3">
                     <label class="form-label">File type Name</label>
                     <select class="form-control" name="filetype" onchange="this.form.submit()">
                         <option value=""></option>
                         @foreach($categories as $categorie)
                         <option value="{{$categorie->filetype_name}}" {{(isset($_GET['filetype'])&&$_GET['filetype']==$categorie->filetype_name)?'selected':''}}>{{$categorie->filetype_name}}</option>
                         @endforeach
                     </select>
                 </div>
             </form>
           </div>
      </div>

        <table class="table" style="margin-top:20px;">
            <thead>
                <tr>
                    <th scope="col">Id</th>
                    <th scope="col">File type Name</th>
                    <th scope="col">Used onglet</th>
                    <th scope="col">Original start point col</th>
                    <th scope="col">Original start point row</th>
                    <th scope="col">Used cells col</th>
                    <th scope="col">Used cells row</th>
                    <th scope="col">Périodicité</th>
                    <th scope="col">Action</th>
                </tr>
            </thead>
            <tbody>
            @foreach($filesTypes as $filesType)
                <tr id="r{{$filesType->id}}">
                   <td>{{$filesType->id}}</td>
                   <td>{{$filesType->filetype_name}}</td>
                   <td>{{$filesType->used_onglet}}</td>
                   <td>{{$filesType->original_start_point_col}}</td>
                   <td>{{$filesType->original_start_point_row}}</td>
                   <td>{{$filesType->used_cells_col}}</td>
                   <td>{{$filesType->used_cells_row}}</td>
                   <td>{{$filesType->periodicite->period}}</td>
                   <td>
                     <a href="{{route('edit-file-type',$filesType->id)}}"><i class="fas fa-edit"></i></a>
                     <form action="{{route('delete-file-type')}}" method="post">
                        @csrf
                        <input type="hidden" name="filetype_id" value="{{$filesType->id}}"/>
                        <i onclick="$('form').submit();" class="fas fa-trash text-danger"></i>
                    </form>
                   </td>
                </tr>

            @endforeach
            </tbody>
        </table>
    </div>
    <div id="menu1" class="tab-pane fade">
        <table class="table" style="margin-top:20px;">
            <thead>
                <tr>
                    <th scope="col">Id</th>
                    <th scope="col">File type Name</th>
                    <th scope="col">Used onglet</th>
                    <th scope="col">Original start point col</th>
                    <th scope="col">Original start point row</th>
                    <th scope="col">Used cells col</th>
                    <th scope="col">Used cells row</th>
                    <th scope="col">Périodicité</th>
                    <th scope="col">Utilisateur</th>
                    <th scope="col">Action</th>
                </tr>
            </thead>
            <tbody>
            @foreach($fileTypesTmp as $fileTypesTmp)
                <tr id="r{{$fileTypesTmp->id}}">
                   <td>{{$fileTypesTmp->id}}</td>
                   <td>{{$fileTypesTmp->filetype_name}}</td>
                   <td>{{$fileTypesTmp->used_onglet}}</td>
                   <td>{{$fileTypesTmp->original_start_point_col}}</td>
                   <td>{{$fileTypesTmp->original_start_point_row}}</td>
                   <td>{{$fileTypesTmp->used_cells_col}}</td>
                   <td>{{$fileTypesTmp->used_cells_row}}</td>
                   <td>{{$fileTypesTmp->periodicite->period}}</td>
                   <td>
                      {{$fileTypesTmp->action->user->name}}
                   </td>
                   <td>
                   <span>{{$fileTypesTmp->action->action}}</span><br>
                   @if(Auth::user()->role =='admin')
                        <button class="btn btn-danger" onclick="doAction('refused',{{$fileTypesTmp->id}})"><i class="fas fa-times-circle"></i></button>
                        <button class="btn btn-success" onclick="doAction('accepted',{{$fileTypesTmp->id}})"><i class="fas fa-check"></i></button>
                    @endif
                   </td>
                </tr>

            @endforeach
            </tbody>
        </table>
    </div>
  </div>
</div>
<script>
    function doAction(action,filetype_id){
        var data = {_token:'{{csrf_token()}}',filetype_id:filetype_id,action:action}
        axios({
            method: 'post',
            url: '{{route('ajax-file-type')}}',
            data:data
        })
        .then(function (response) {
            $('#r'+filetype_id).remove()
        });
    }
</script>
@endsection