@extends('layout.layout')
@section('breadcrumb')
  Points de départ et noms d'onglets
@endsection
@section('content')
                <div class="container-fluid mt-3" id="report">
                  @if(Session::has('message'))
                    <div class="alert alert-success">
                    {{Session::get('message')}}
                    </div>
                  @endif
                  <div id="success" class="col-sm-12 mt-2">

                  </div>
                  <div class="row justify-content-center align-items-center g-5 mb-0">
                    <div class="col-6 d-flex">
                      <button type="button" id="tfFormules" class="pageNav active">Points de départ et noms d'onglets</button>
                      <button type="button" id="tfEnexamen" class="pageNav">En examen</button>
                    </div>
                    <div class="col-6 text-end">
                      <button type="button" class="addNew" data-bs-toggle="modal" data-bs-target="#addTable">
                        <div class="addIcon" >
                          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 22.664 22.663">
                            <path id="Tracé_201" data-name="Tracé 201" d="M27.5,16.67H18.332V7.5a.831.831,0,0,0-1.663,0V16.67H7.5a.827.827,0,0,0-.831.831.754.754,0,0,0,.831.781h9.169V27.5a.831.831,0,1,0,1.663,0V18.333H27.5a.831.831,0,1,0,0-1.663Z" transform="translate(-6.168 -6.17)" fill="#123055" stroke="#123055" stroke-width="1"/>
                          </svg>
                        </div>
                        Ajouter un point de départ
                      </button>
                    </div>
                  </div>

                  <div class="row justify-content-start g-5 mt-1" id="formules">
                    <div class="col-4 mt-5 mb-3">
                      <!-- <select name="periodicite" id="periodicite" class="form-select">
                        <option value="" disabled selected>File type Name</option>
                        <option value="ALMM">ALMM</option>
                        <option value="FINREP">Croise FINREP</option>
                        <option value="LCR">LCR</option>
                        <option value="NSRF">NSRF</option>
                      </select> -->
                      <form action="" method="get">
                            <select class="form-select" name="filetype" onchange="this.form.submit()">
                                <option value="" disabled selected>File Type Name</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>
                    </form>
                    </div>
                    <div class="col-12 mt-2">
                      <table class="table tf-strip border-light tf-table">
                        <thead>
                            <tr>
                                <th scope="col"  width="10%">Id</th>
                                <th scope="col"  width="10%">File type Name</th>
                                <th scope="col"  width="10%" class="b-col">Used onglet</th>
                                <th scope="col"  width="10%" class="b-col">Original start point col</th>
                                <th scope="col"  width="10%" class="b-col">Original start point row</th>
                                <th scope="col"  width="10%" class="b-col">Used cells col</th>
                                <th scope="col"  width="10%" class="b-col">Used cells row</th>
                                <th scope="col"  width="10%" class="b-col">Périodicité</th>
                                <th scope="col"  width="10%" class="b-col">Modifier</th>
                                <th scope="col"  width="10%" class="b-col">Supprimer</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($filesTypes as $filesType)
                        @php
                        $data = ['id'=>$filesType->id,'filetype_name'=>$filesType->filetype_name,'original_start_point_col'];
                        @endphp
                            <tr id="r{{$filesType->id}}">
                                <td>{{$filesType->id}}</td>
                                <td>{{$filesType->filetype_name}}</td>
                                <td class="field"><input type="text" value="{{$filesType->used_onglet}}" name="usedonglet" class="form-control"></td>
                                <td class="field"> <input type="text" value="{{$filesType->original_start_point_col}}" name="originalCol" class="form-control"> </td>
                                <td class="field"> <input type="text" value="{{$filesType->original_start_point_row}}" name="originalRow" class="form-control"> </td>
                                <td class="field"> <input type="text" value="{{$filesType->used_cells_col}}" name="usedCol" class="form-control"> </td>
                                <td class="field"> <input type="text" value="{{$filesType->used_cells_row}}" name="usedRow" class="form-control"> </td>
                                <td class="field"> <input type="text" value="{{$filesType->periodicite->period}}" name="periodicite" class="form-control"> </td>
                                <td onclick="loadData({{json_encode($data)}})">
                                  <a href="#" style="cursor: pointer" data-bs-toggle="modal" data-bs-target="#editTable-{{$filesType->id}}"><svg id="edit_line" data-name="edit line" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
                                  <path id="Tracé_111" data-name="Tracé 111" d="M31.138,8.2l-5.22-5.24a1.839,1.839,0,0,0-2.593,0L4.825,21.429,3.138,28.722a1.817,1.817,0,0,0,.36,1.533,1.838,1.838,0,0,0,1.42.687,1.81,1.81,0,0,0,.38,0l7.367-1.687L31.138,10.8A1.847,1.847,0,0,0,31.138,8.2ZM11.778,27.656,4.872,29.1l1.573-6.773L20.285,8.542l5.333,5.333ZM26.812,12.589,21.478,7.256l3.093-3.08,5.24,5.333Z" transform="translate(-1.032 -0.809)" fill="#181830"/>
                                  <path id="Tracé_113" data-name="Tracé 113" d="M0,0H32V32H0Z" fill="none"/>
                                </svg>
                                </a>
                                <div class="modal fade" id="editTable-{{$filesType->id}}" tabindex="-1" aria-labelledby="editTableLabel" aria-hidden="true">
                                <div class="modal-dialog modal-xl modal-dialog-centered">
                                  <div class="modal-content">
                                    <div class="closeWrap text-end">
                                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                      <form action="{{route('edit-file-type',$filesType->id)}}" method="post" id="editForm">
                                        @csrf
                                        <table class="table tf-strip border-light tf-table">
                                          <thead>
                                            <tr>
                                              <th scope="col" width="10%">Id</th>
                                              <th scope="col" width="10%" class="b-col">File type Name</th>
                                              <th scope="col" width="10%" class="b-col">Used onglet</th>
                                              <th scope="col" width="10%" class="b-col">Original start point col</th>
                                              <th scope="col" width="10%" class="b-col">Original start point row</th>
                                              <th scope="col" width="10%" class="b-col">Used cells col</th>
                                              <th scope="col" width="10%" class="b-col">Used cells row</th>
                                              <th scope="col" width="10%" class="b-col">Périodicité</th>
                                            </tr>
                                          </thead>
                                          <tbody>
                                              <tr>
                                                <td>{{$filesType->id}}</td>
                                                <td>
                                                   <select name="filetype_name" class="form-select">
                                                     <option value="" disabled selected>File Type Name</option>
                                                     @foreach($categories as $categorie)
                                                     <option value="{{$categorie->filetype_name}}" {{($filesType->filetype_name==$categorie->filetype_name)?'selected':''}}>{{$categorie->filetype_name}}</option>
                                                     @endforeach
                                                   </select>
                                                </td>
                                                <td class="field"><input type="text"  value="{{$filesType->used_onglet}}"  name="used_onglet" class="form-control"></td>
                                                <td class="field"> <input type="text" value="{{$filesType->original_start_point_col}}" name="original_start_point_col" class="form-control"> </td>
                                                <td class="field"> <input type="text" value="{{$filesType->original_start_point_row}}" name="original_start_point_row" class="form-control"> </td>
                                                <td class="field"> <input type="text" value="{{$filesType->used_cells_col}}" name="used_cells_col" class="form-control"> </td>
                                                <td class="field"> <input type="text" value="{{$filesType->used_cells_row}}" name="used_cells_row" class="form-control"> </td>
                                                <td class="field">
                                                  <select name="periodicite_id" class="form-select">
                                                    <option value="" disabled selected>Périodicité</option>
                                                    <br />
<b>Warning</b>:  Undefined variable $periodicites in <b>/home/agilgo/public_html/transformation-factory-new2/resources/views/pages/filetype/index.blade.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/agilgo/public_html/transformation-factory-new2/resources/views/pages/filetype/index.blade.php</b> on line <b>127</b><br />
                                                  </select>

                                                </td>
                                              </tr>
                                          </tbody>
                                        </table>
                                        <div class="text-center">
                                          <button class="submitModal">
                                            <svg class="me-3" id="clock_line" data-name="clock line" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
                                              <path id="Tracé_206" data-name="Tracé 206" d="M18.667,2.67a16,16,0,1,0,16,16A16,16,0,0,0,18.667,2.67Zm0,30a14,14,0,1,1,14-14A14,14,0,0,1,18.667,32.67Z" transform="translate(-0.667 -0.667)" fill="#fff"/>
                                              <path id="Tracé_207" data-name="Tracé 207" d="M24.563,21.647V14a1,1,0,0,0-2,0V22.72l5.9,4a1,1,0,0,0,1.6-.75,1.012,1.012,0,0,0-.488-.908Z" transform="translate(-5.64 -3.25)" fill="#fff"/>
                                              <path id="Tracé_208" data-name="Tracé 208" d="M10.129,20.053a9.936,9.936,0,0,1,15.4-8.348l.855-1.365a11.551,11.551,0,1,0-8.535,21l.27-1.53A9.985,9.985,0,0,1,10.129,20.053Z" transform="translate(-2.126 -2.113)" fill="#fff"/>
                                              <path id="Tracé_210" data-name="Tracé 210" d="M0,0H36V36H0Z" fill="none"/>
                                            </svg>
                                             Soumettre à l'examen
                                          </button>
                                        </div>
                                      </form>
                                    </div>
                                  </div>
                                </div>
                                </div>
                                </td>
                                <td>
                                    <form id="delete-fileType-{{$filesType->id}}" action="{{route('delete-file-type')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="filetype_id" value="{{$filesType->id}}"/>
                                        <svg style="cursor: pointer" onclick="$('#delete-fileType-{{$filesType->id}}').submit();" id="trash_line" data-name="trash line" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
                                            <path id="Tracé_194" data-name="Tracé 194" d="M26.793,35.21H10.539A2.607,2.607,0,0,1,8,32.543V14.97h1.78V32.543a.833.833,0,0,0,.193.607.851.851,0,0,0,.567.287H26.793a.851.851,0,0,0,.567-.287.833.833,0,0,0,.193-.607V14.97h1.78V32.543a2.607,2.607,0,0,1-2.54,2.667Z" transform="translate(-2.666 -4.99)" fill="#181830"/>
                                            <path id="Tracé_195" data-name="Tracé 195" d="M29.137,11.11H6.223a.89.89,0,1,1,0-1.78H29.137a.89.89,0,0,1,0,1.78Z" transform="translate(-1.777 -3.11)" fill="#181830"/>
                                            <path id="Tracé_196" data-name="Tracé 196" d="M28,17.33h1.78V30.663H28Z" transform="translate(-9.333 -5.777)" fill="#181830"/>
                                            <path id="Tracé_197" data-name="Tracé 197" d="M17.33,17.33h1.78V30.663H17.33Z" transform="translate(-5.777 -5.777)" fill="#181830"/>
                                            <path id="Tracé_198" data-name="Tracé 198" d="M26.223,6.1H24.53V4.443H19.023V6.1H17.33V4.443A1.779,1.779,0,0,1,19.023,2.67H24.53a1.779,1.779,0,0,1,1.693,1.773Z" transform="translate(-5.777 -0.89)" fill="#181830"/>
                                            <path id="Tracé_200" data-name="Tracé 200" d="M0,0H32V32H0Z" fill="none"/>
                                        </svg>
                                    </form>

                                </td>
                            </tr>

                            @endforeach
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div class="row justify-content-center g-5 mt-1 d-none" id="enexamen">
                    <div class="col-12 mt-4">
                      <div class="table-responsive">
                        <table class="table table-bordered tf-strip w-1800 border-light tf-table">
                          <colgroup>
                            <col style="width : 5%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                            <col style="width : 8%">
                          </colgroup>
                          <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"  width="10%" class="b-col">Utilisateur</th>
                                <th scope="col"  width="10%" class="b-col">Date et heure</th>
                                <th scope="col" colspan="3">Action</th>
                              </tr>
                          </thead>
                          <tbody>
                          @foreach($fileTypesTmp as $fileTypeTmp)
                              <tr id="r{{$fileTypeTmp->id}}">
                                  <td>{{$fileTypeTmp->id}}</td>
                                  <td>{{$fileTypeTmp->filetype_name}}</td>
                                  <td class="field"><input type="text" value="{{$fileTypeTmp->used_onglet}}" name="usedonglet" class="form-control"></td>
                                  <td class="field"> <input type="text" value="{{$fileTypeTmp->original_start_point_col}}" name="originalCol" class="form-control"> </td>
                                  <td class="field"> <input type="text" value="{{$fileTypeTmp->original_start_point_row}}" name="originalRow" class="form-control"> </td>
                                  <td class="field"> <input type="text" value="{{$fileTypeTmp->used_cells_col}}B" name="usedCol" class="form-control"> </td>
                                  <td class="field"> <input type="text" value="{{$fileTypeTmp->used_cells_row}}" name="usedRow" class="form-control"> </td>
                                  <td class="field"> <input type="text" value="{{$fileTypeTmp->periodicite->period}}" name="periodicite" class="form-control"> </td>
                                  <td>{{$fileTypeTmp->action->user->name}}</td>
                                  <td>{{$fileTypeTmp->created_at}}</td>
                                  <td class="toEdit">{{$fileTypeTmp->action->action}}</td>
                                  @if(Auth::user()->role =='admin')
                                  <td class="approuve" onclick="doAction('accepted',{{$fileTypeTmp->id}})">Approuver</td>
                                  <td class="reject" onclick="doAction('refused',{{$fileTypeTmp->id}})">Rejeter</td>
                                  @endif
                              </tr>
                          @endforeach
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
  <!-- Modal -->

<div class="modal fade" id="addTable" tabindex="-1" aria-labelledby="editTableLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
  <div class="modal-content">
    <div class="closeWrap text-end">
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
    <div class="modal-body">
      <form action="{{route('add-file-type')}}" method="post" id="editForm">
        @csrf
        <table class="table tf-strip border-light tf-table">
          <thead>
            <tr>
              <th scope="col" width="10%">File type Name</th>
              <th scope="col" width="10%" class="b-col">Used onglet</th>
              <th scope="col" width="10%" class="b-col">Original start point col</th>
              <th scope="col" width="10%" class="b-col">Original start point row</th>
              <th scope="col" width="10%" class="b-col">Used cells col</th>
              <th scope="col" width="10%" class="b-col">Used cells row</th>
              <th scope="col" width="10%" class="b-col">Périodicité</th>
            </tr>
          </thead>
          <tbody>
              <tr>
                <td>
                   <select name="filetype_name" class="form-select">
                     <option value="" disabled selected>File Type Name</option>
                     @foreach($categories as $categorie)
                     <option value="{{$categorie->filetype_name}}">{{$categorie->filetype_name}}</option>
                     @endforeach
                   </select>
                </td>
                <td class="field"><input type="text"   name="used_onglet" class="form-control"></td>
                <td class="field"> <input type="text"  name="original_start_point_col" class="form-control"> </td>
                <td class="field"> <input type="text"  name="original_start_point_row" class="form-control"> </td>
                <td class="field"> <input type="text"  name="used_cells_col" class="form-control"> </td>
                <td class="field"> <input type="text"  name="used_cells_row" class="form-control"> </td>
                <td class="field">
                  <select name="periodicite_id" class="form-select">
                    <option value="" disabled selected>Périodicité</option>
                    <br />
<b>Warning</b>:  Undefined variable $periodicites in <b>/home/agilgo/public_html/transformation-factory-new2/resources/views/pages/filetype/index.blade.php</b> on line <b>274</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/agilgo/public_html/transformation-factory-new2/resources/views/pages/filetype/index.blade.php</b> on line <b>274</b><br />
                  </select>

                </td>
              </tr>
          </tbody>
        </table>
        <div class="text-center">
          <button class="submitModal">
            <svg class="me-3" id="clock_line" data-name="clock line" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
              <path id="Tracé_206" data-name="Tracé 206" d="M18.667,2.67a16,16,0,1,0,16,16A16,16,0,0,0,18.667,2.67Zm0,30a14,14,0,1,1,14-14A14,14,0,0,1,18.667,32.67Z" transform="translate(-0.667 -0.667)" fill="#fff"/>
              <path id="Tracé_207" data-name="Tracé 207" d="M24.563,21.647V14a1,1,0,0,0-2,0V22.72l5.9,4a1,1,0,0,0,1.6-.75,1.012,1.012,0,0,0-.488-.908Z" transform="translate(-5.64 -3.25)" fill="#fff"/>
              <path id="Tracé_208" data-name="Tracé 208" d="M10.129,20.053a9.936,9.936,0,0,1,15.4-8.348l.855-1.365a11.551,11.551,0,1,0-8.535,21l.27-1.53A9.985,9.985,0,0,1,10.129,20.053Z" transform="translate(-2.126 -2.113)" fill="#fff"/>
              <path id="Tracé_210" data-name="Tracé 210" d="M0,0H36V36H0Z" fill="none"/>
            </svg>
             Soumettre à l'examen
          </button>
        </div>
      </form>
    </div>
  </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) {
          console.log(response.data.action);
          if(response.data.success === true){
            $('#success').html('<div class="alert alert-danger"> Point de depart a été refuser  </div>');
            $('#r'+filetype_id).remove()
          }
          if(response.data.action.type_action === "add"){
            $('#success').html('<div class="alert alert-success"> Point de depart a été ajouter avec succès </div>');
            $('#r'+filetype_id).remove()
          }
          if(response.data.action.type_action === "edit"){
            $('#success').html('<div class="alert alert-success"> Point de depart a été modifier avec succès </div>');
            $('#r'+filetype_id).remove()
          }
          if(response.data.action.type_action === "delete"){
            $('#success').html('<div class="alert alert-danger"> Point de depart a été supprimer </div>');
            $('#r'+filetype_id).remove()
          }
            $('#r'+filetype_id).remove()
        });
    }
    function loadData(data){
      console.log(data)
    }
    @if(isset($_GET['notification_id'])&& !empty($_GET['notification_id']))
    $(document).ready(function(){
      var element = document.getElementById("tfEnexamen");
      element.click();

    })
    @endif
</script>
@endsection