@extends('layouts.app')

@section('content')

  <div class="container" style="max-width:1200px">
    <h3 align="center">Commande</h3><br/>
    <h3> {{$nomenclature_data[0]->name}}-{{$nomenclature_data[0]->ref}} </h3>
    <form class="" action="/export_excel/excelLinks/{{$fileName}}" method="post">
      @csrf
      <div align="center">
      <input class="btn btn-success" type="submit" name="liens" value="Créé importSOLiens">
      <input class="btn btn-success" type="submit" name="import" value="Créé importSO">
      <input class="btn btn-success" type="submit" name="pdfGen" value="Créé importSO">
      </div>
      <div class="">
        <label>N°OF:</label>
        <input type="text" name="of" value="" required>
        <label>Nombre commandé:</label>
        <input class="cmdInput" type="text" name="nbrCommande" value="" required min="1">
        <label>Délai Commande</label>
        <input type="date" name="dlc" value="" required>
      </div>
    </form>

    <br />
    <div class="table-responsive">
      <div class="count">
        temps sous-total pour 1 commande: <span class="theCountH"></span><span class="hours">heure(s):</span><span class="theCountM"></span><span class="minutes">min(s):</span><span class="theCountS"></span><span class="seconds">sec(s):</span>
      </div>
      <table class="table table-striped table-bordered">
        <tr>
          <th>Numéro</th>
          <th>Description</th>
          <th>Quantité</th>
          <th>Type Element</th>
          <th>Nom Fichier</th>
          <th>Nom Client</th>
          <th>ref.quincaillerie</th>
          <th>materiaux</th>
          <th>action en /sec</th>
          <th>Temps Total /piece</th>
        </tr>
        @foreach($nomenclature_data as $nomenclature)
          @php
            $arrayAction = [];
          @endphp
        <tr>
          <td class="">{{ $nomenclature->elements->Code_element }} </td>
          <td class="">{{ $nomenclature->elements->Description_element }}</td>
          <td class="">{{ $nomenclature->Quantite }}</td>
          @if (isset($nomenclature->elements->types_elements->Description))
            <td class="">{{ $nomenclature->elements->types_elements->Description }}</td>
          @else
            <td class=""></td>
          @endif
          <td class="">{{ $nomenclature->elements->chapeaus->name }}</td>
          <td class="">{{ $nomenclature->elements->chapeaus->clients->Nom }}</td>
          @if (isset($nomenclature->elements->quincailleries->Code_quincaillerie))
            <td class="scrollee"><div class="global-raptitio">
                {{$nomenclature->elements->quincailleries->Code_quincaillerie}}</div></td>
          @else
            <td class="scrolleee"></td>
          @endif
          @if (isset($nomenclature->elements->materiaus->Code))
          <td class="scrollee"><div class="global-raptitio"> <strong>Code matériau:</strong>{{$nomenclature->elements->materiaus->Code}}<br> <strong>Code epaisseur:</strong>{{$nomenclature->elements->materiaus->epaisseurs->Code}}<br><strong> Matiere:</strong>{{$nomenclature->elements->materiaus->associations_matieres_nuances->matieres->Code}}<br> <strong> Nuance:</strong>{{$nomenclature->elements->materiaus->associations_matieres_nuances->nuances->Code}}<br> <strong>Tarif:</strong>{{$nomenclature->elements->materiaus->Tarif}} </div></td>
          @else
            <td class="scrolleee"></td>
          @endif
          <td class="scrollee"><div class="global-raptitio">
          @if (isset($nomenclature->elements->actions_fabrications))
            @foreach ($sql as $cc)
              @foreach ($cc as $cd)
                @if ($nomenclature->elements->id === $cd->Code_element)
                  <div class="raptitio"><strong style="background-color: #2A3F54; color: yellow">{{$cd->actions->Code_action}}</strong>
                  <p> Ordre:{{$cd->Ordre}}
                     DRég:{{ $cd->Duree_par_reglage}}
                       DRéaU: {{$cd->Duree_par_element}}
                       DRéaT: {{ (($cd->Duree_par_element) * $nomenclature->Quantite) }}</p></div>
                       @php
                         $arrayAction[] = ((($cd->Duree_par_element) * $nomenclature->Quantite) + $cd->Duree_par_reglage);
                         $arrayActions[] = ((($cd->Duree_par_element) * $nomenclature->Quantite) + $cd->Duree_par_reglage);
                       @endphp
                @endif
              @endforeach
            @endforeach
          @else
          @endif
        </div></td>
        <td>
          {{array_sum($arrayAction)}} /sec
      </td>
        </tr>
        @endforeach
      </table>
    </div>
  </div>

 @php
 if (!isset($arrayActions)) {
   $arrayActions = [];
   $dodo = 0;
 }else {
   $dodo = array_sum($arrayActions);
 }
 @endphp
<script type="text/javascript">
let val = ;
$duree = val; // en secondes

$heures= Math.floor($duree / 3600);
$reste = $duree - (3600 * $heures)
$minutes = Math.floor($reste / 60);
$reste = $duree - (60*$minutes);
$secondes= Math.ceil($reste);


  document.querySelector(".theCountH").innerHTML = $heures

  document.querySelector(".theCountM").innerHTML = $minutes

  document.querySelector(".theCountS").innerHTML = $secondes

</script>
   {{-- <script type="text/javascript" src="../js/slick.min.js"></script> --}}
    {{-- <script type="text/javascript" src="../js/slick.js"></script>

  <script type="text/javascript">
  const $slider = $(".scrollee");
$slider
.on('init', () => {
  mouseWheel($slider)
})
.slick({

  vertical: true,
  infinite: false,
})
function mouseWheel($slider) {

$('.raptitio').on('wheel', { $slider: $slider }, mouseWheelHandler)

}
function mouseWheelHandler(event) {
event.preventDefault()
// if (event = 'div.raptitio') {
//   let $this = $(this)[0]
//   console.log($this);
//
// }
const $slider = event.data.$slider
const delta = event.originalEvent.deltaY
if(delta > 0) {
  $slider.slick('slickPrev')
}
else {
  $slider.slick('slickNext')
}
}
  </script> --}}
@endsection