@extends('layouts.app')

@section('content')



  <div class="page-container">
    <div class="row">
      <div class="">
        <div class="panel">
          <div class="form-group">

          </div>
          @if (session('status'))
            <div>
              <script>
              alert("tout les champs appropriés n'ont pas été remplis!")
              </script>
            </div>
          @endif
        </div>
      </div>
    </div>
    <div class="container">
      <div id="content">


        <div class="">



          <a href="/treeview/{{ $fileName }}" style="margin-right:205px;margin-bottom:50px" class="btn btn-info">Affecter les Actions</a>
        <p><strong>Assemblage:</strong> {{ $fileNom }}</p>
        <p><strong>Reférence:</strong> {{ $fileRef }}</p>
        <p><strong>Client:</strong> {{ $fileChapeau }}</p>



        </div>

        <table class="">
          <tr class="borderSpecial">
            @php
              if($resetOrder){ $VOrderBy = 'id'; }
              else{ $VOrderBy = 'Description_element'; }

              if($resetBOrder){ $BOrderBy = 'id'; }
              else{ $BOrderBy = 'Type_element'; }
            @endphp

            <th>Numéro</th>
            <th><a href="?VOrderBy={{ $VOrderBy }}"><i class="fa fa-sort-alpha-asc"></i> Description</a></th>
            <th>Quantité</th>
            <th><a href="?BOrderBy={{ $BOrderBy }}"><i class="fa fa-sort-alpha-asc"></i> Type Element</a></th>
            <th>Code matériau/quincaillerie</th>
            <th>Indice</th>
            <th>Cocher</th>
          </tr>
          <form action="/buttManager" method="POST" enctype="multipart/form-data">
            @csrf
            @php
             $countNoms = count($nomenclatures);
             $i = 0;
            @endphp
            @foreach($nomenclatures as $nomenclature)



              @if (isset($nomenclature->elements->types_elements->id))
                @if ( $nomenclature->elements->types_elements->id === 3)
                  <style>
                  .{{ "class".$nomenclature->elements->types_elements->id }}{background-color: #ff7761; color: black;border: 1px black solid}
                  </style>
                @elseif ( $nomenclature->elements->types_elements->id === 2)
                  <style>
                  .{{"class".$nomenclature->elements->types_elements->id }}{background-color: skyblue;border: 1px black solid}
                  </style>
                @else
                  <style>
                  .{{"class".$nomenclature->elements->types_elements->id }}{background-color: #96f796;border: 1px black solid}
                  </style>
                @endif
                <div class ="list">
                  <tr class="">
                    <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}"> {{ $nomenclature->elements->Code_element }} </td>
                    <td class="long {{"class".$nomenclature->elements->types_elements->id  }}"> {{ $nomenclature->elements->Description_element }} </td>
                    <td class="medium {{"class".$nomenclature->elements->types_elements->id  }}"> {{ $nomenclature->Quantite }} </td>
                    @if (isset($nomenclature->elements->types_elements))
                    <td class="long {{"class".$nomenclature->elements->types_elements->id  }}"> {{ $nomenclature->elements->types_elements->Description }} </td>
                    @else
                    <td></td>
                    @endif
                    @if ($nomenclature->elements->types_elements->id != 1)


                        @if (isset($nomenclature->elements->quincailleries->Code_quincaillerie))
                        <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}">{{$nomenclature->elements->quincailleries->Code_quincaillerie}}</td>
                        @elseif (isset($nomenclature->elements->materiaus->Code))
                          <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}"> {{$nomenclature->elements->materiaus->Code}} </td>
                          @else
                          <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}">N/A</td>
                        @endif
                    @else
                        <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}">-</td>
                    @endif
                    @if (isset($nomenclature->elements->indice))
                      <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}">{{ $nomenclature->elements->indice }}</td>
                    @else
                      <td class="medium {{ "class".$nomenclature->elements->types_elements->id  }}">N/A</td>
                    @endif
                    <td class="bordero">
                      <label class="milkcheckcontainer">
                        <input data-typeElem="{{ $nomenclature->elements->types_elements->id }}"  class="chkbox align"type="checkbox" name="pdq[]" value="{{ $nomenclature->elements->id }}">
                        <span class="milkcheckmark"></span></label>
                      <input type="hidden" name="id" value="{{ $nomenclature->elements->id }}">
                    </td>
                  </tr>
                </div>
              @else
                <div class ="list">
                  <tr class="">
                    <td class="long"> {{ $nomenclature->elements->Code_element }} </td>
                    <td class="long"> {{ $nomenclature->elements->Description_element }} </td>
                    <td class="long"> {{ $nomenclature->Quantite }} </td>
                    @if (isset($nomenclature->elements->types_elements))
                      <td class="long {{"class".$nomenclature->elements->types_elements->id  }}"> {{ $nomenclature->elements->types_elements->Description }} </td>
                    @else
                      <td class="long">N/A</td>
                    @endif
                    <td class="long">N/A</td>
                    @if (isset($nomenclature->elements->indice))
                      <td class="medium">{{ $nomenclature->elements->indice }}</td>
                    @else
                      <td class="medium">N/A</td>
                    @endif
                    <td class="bordero">
                      <label class="milkcheckcontainer">
                      <input data-typeElem="0"  class="chkbox align"type="checkbox"  name="pdq[]" value="{{ $nomenclature->elements->id }}">
                      <span class="milkcheckmark"></span></label>
                      <input type="hidden" name="id" value="{{ $nomenclature->elements->id }}">
                    </td>
                  </tr>
                </div>
              @endif
            @endforeach
        </table>
      <script src="{{ asset('js/script.js') }}"></script>
      <script src="{{ asset('js/typeElementsChecked.js') }}"></script>



        </div>
      <div class="wrapper">
      <!-- Sidebar  -->

















    <div class="dvPassport" id="dvPassport2" style="display: none">
      <nav id="sidebar">
          <div class="sidebar-header">
              <h3 class="down align" style="font-weight:400"> <div class="fa fa-rocket">

              </div> Affectation</h3>
          </div>
          <div class=""></div>


          <ul class="list-unstyled ">
              <li class="">


                  @if (isset($materiaux))
                    <label>Code matériau</label>
                    <input list="matelistos" name="matelisto">
                    <datalist id="matelistos">
                      @foreach ($materiaux as $mat)
                        <option value="{{$mat->Code}}">
                          {{$mat->associations_matieres_nuances->matieres->Code}}
                          {{$mat->epaisseurs->Code}}
                          {{$mat->associations_matieres_nuances->nuances->Code}}
                          {{$mat->Tarif}}
                        </option>
                      @endforeach
                    </datalist>
                    <input type="button" class="chkboxi btn btn-info" data-typeElem="10" name="" value="créé custom">
                    <input type="hidden" name="id_get4" value="{{ $fileName }}">
                    <input class="btn btn-success" type="submit" name="matCustomBtn" value="Attacher">
                @endif


              </li>

               <li class="paddinTop">
                 {{-- assemblages --}}
                 @foreach ($types_elements as $type_element)
                   <p class="{{ 'p'.$type_element->id }}">
                     <input type="submit" class="b{{$type_element->id}} btn btn"  name="but{{$type_element->id}}" value="{{ $type_element->Description }}">
                     <input type="hidden" name="id_get" value="{{ $fileName }}">
                   </p>
                 @endforeach
              </li>

          </ul>
      </nav>
    </div>


    <div class="dvPassport" id="dvPassport0" style="display: none">
      <nav id="sidebar">
        <div class="sidebar-header">
          <h3 class="down align" style="font-weight:400"> <div class="fa fa-rocket">

          </div> Affectation</h3>
        </div>
        <div class="borderboto"></div>


        <ul class="list-unstyled ">
          <li class="paddinTop">

          </li>
          <li class="paddinTop">
            @foreach ($types_elements as $type_element)
              <p class="{{ 'p'.$type_element->id }}">
                <input type="submit" class="b{{$type_element->id}} btn btn"  name="but{{$type_element->id}}" value="{{ $type_element->Description }}">
                <input type="hidden" name="id_get" value="{{ $fileName }}">
              </p>
            @endforeach



          </li>

        </ul>
      </nav>
    </div>


    <div class="dvPassport" id="dvPassport1" style="display: none">
      <nav id="sidebar">
        <div class="sidebar-header">
          <h3 class="down align" style="font-weight:400"> <div class="fa fa-rocket">

          </div> Affectation</h3>
        </div>
        <div class="borderboto"></div>


        <ul class="list-unstyled ">
          <li class="paddinTop">
            <li class="paddinTop">
              @foreach ($types_elements as $type_element)
                <p class="{{ 'p'.$type_element->id }}">
                  <input type="submit" class="b{{$type_element->id}} btn btn"  name="but{{$type_element->id}}" value="{{ $type_element->Description }}">
                  <input type="hidden" name="id_get" value="{{ $fileName }}">
                </p>
              @endforeach

            </li>
          </li>
          <li class="paddinTop">

            {{-- assemblages --}}
            {{-- pieces --}}

          </li>
        </ul>
      </nav>
    </div>










    <div class="dvPassport" id="dvPassport10" style="display: none">
      <nav id="sidebar">
          <div class="sidebar-header">
              <h3 class="down align" style="font-weight:400"> <div class="fa fa-rocket">

              </div> Affectation</h3>
          </div>
          <div class="borderboto"></div>


          <ul class="list-unstyled ">
              <li class="paddinTop">

                  @if (isset($materiaux))
                    <label>Code matériau</label>
                    <input list="matelists" name="matelist">
                    <datalist id="matelists">
                      @foreach ($materiaux as $mat)
                        <option value="{{$mat->Code}}"></option>
                      @endforeach
                    </datalist>
                    <label>Code matiere</label>
                    <input list="matilists" name="matilist">
                    <datalist id="matilists">
                      @foreach ($matieres as $mati)
                        <option value="{{$mati->Code}}"></option>
                      @endforeach
                    </datalist>
                    <label>Code épaisseur</label>
                    <input list="epailists" value="" name="epailist">
                    <datalist id="epailists">
                      @foreach ($epaisseurs as $epai)
                        <option value="{{$epai->Code}}"></option>
                      @endforeach
                    </datalist>
                    <label>Code nuance</label>
                    <input list="nuancelists" name="nuancelist">
                    <datalist id="nuancelists">
                      @foreach ($nuances as $nu)
                        <option value="{{$nu->Code}}"></option>
                      @endforeach
                    </datalist>
                    <label>Tarif</label>
                    <input list="tariflists" name="tariflist">
                    <datalist id="tariflists">
                      @foreach ($materiaux as $mat)
                        <option value="{{$mat->Tarif}}"></option>
                      @endforeach
                    </datalist>
                    <span>Tôle <br>
                      <input class="savonette" type="checkbox" name="savonette" value=""></span>
                      <div>
                      <label>Dimensions</label>
                      <input type="text" name="longbtn" value="" placeholder="longueur/cm">
                      <input id="longlarge" style="display:none!important;" type="text" name="largebtn" value="" placeholder="largeur/cm">
                      <input type="hidden" name="id_get69" value="{{ $fileName }}">
                    </div>



                      <script type="text/javascript">
                      $(".savonette").click(function(e) {
                        if ($('.savonette').is(":checked")) {
                                $('#longlarge').show();
                        }else{
                            $('#longlarge').hide();
                        }

                      });
                      </script>
                      <br>
                      <br>
                    <input type="hidden" name="id_get3" value="{{ $fileName }}">
                    <input type="button" class="chkboxi btn btn-info" data-typeElem="2" name="" value="choisir custom">
                    <input class="btn-success" type="submit" name="matBtn" value="Attacher">
                  @else
                    <p>Le catalogue des materiaux est vide!</p>
                  @endif

              </li>
               <li class="paddinTop">



              </li>
          </ul>
      </nav>
    </div>


























    <div class="dvPassport" id="dvPassport13" style="display: none">
      <nav id="sidebar">
          <div class="sidebar-header">
              <h3 class="down align" style="font-weight:400"> <div class="fa fa-rocket">

              </div> Affectation</h3>
          </div>
          <div class="borderboto"></div>


          <ul class="list-unstyled ">
              <li class="paddinTop">

                  <label>Code quincaillerie</label>
                  <input list="quincilistos" name="quincilisto">
                  <datalist id="quincilistos">
                    @foreach ($quincCatalogue as $onePiece)
                      <option value="{{$onePiece->Code_quincaillerie}}"></option>
                    @endforeach
                  </datalist>

                  <label>Description quincaillerie</label>
                  <input list="quinciDesclists" name="quinciDesclist">
                  <datalist id="quinciDesclists">
                    @foreach ($quincCatalogue as $onePiece)
                      <option value="{{$onePiece->Description_quincaillerie}}"></option>
                    @endforeach
                  </datalist>

                  <label>Code fournisseur</label>
                  <input list="quinciFournilists" name="quinciFournilist">
                  <datalist id="quinciFournilists">
                    @foreach ($quincCatalogue as $onePiece)
                      <option value="{{$onePiece->Code_fournisseur}}"></option>
                    @endforeach
                  </datalist>


                  <label>Tarif</label>
                  <input list="quinciTarlists" name="quinciTarlist">
                  <datalist id="quinciTarlists">
                    @foreach ($quincCatalogue as $onePiece)
                      <option value="{{$onePiece->Tarif}}"></option>
                    @endforeach
                  </datalist>
                  <input type="button" class="chkboxo btn btn-info" data-typeElem="3" name="" value="choisir ref">
                  <input type="hidden" name="id_get13" value="{{ $fileName }}">
                  <input class="btn-success" type="submit" name="quincCustBtn" value="Attacher">


              </li>
               <li class="paddinTop">

              </li>
          </ul>
      </nav>
    </div>





    <div class="dvPassport" id="dvPassport3" style="display: none">
      <nav id="sidebar">
          <div class="sidebar-header">
              <h3 class="down align" style="font-weight:400"> <div class="fa fa-rocket">

              </div> Affectation</h3>
          </div>
          <div class="borderboto"></div>


          <ul class="list-unstyled ">
              <li class="paddinTop">


                  @if (isset($quincCatalogue))

                    <label>reférence catalogue</label>
                    <input list="quinclists" name="quinclist">
                    <datalist id="quinclists">
                      @foreach ($quincCatalogue as $onePiece)
                        <option value="{{$onePiece->Code_quincaillerie}}">
                          {{$onePiece->Description_quincaillerie}}
                          {{$onePiece->Tarif}}
                          {{$onePiece->Code_fournisseur}}
                          {{$onePiece->Quantite}}
                        </option>
                      @endforeach
                    </datalist>
                    <input type="button" class="chkboxo btn btn-info" data-typeElem="13" name="" value="créé ref">
                    <input type="hidden" name="id_get2" value="{{ $fileName }}">
                    <input class="btn-success" type="submit" name="quincBtn" value="Attacher">
                  @else
                    <p>Le catalogue des pièces de quincaillerie est vide!</p>
                  @endif

              </li>
               <li class="paddinTop">

                 @foreach ($types_elements as $type_element)
                   <p class="{{ 'p'.$type_element->id }}">
                     <input type="submit" class="b{{$type_element->id}} btn btn"  name="but{{$type_element->id}}" value="{{ $type_element->Description }}">
                     <input type="hidden" name="id_get" value="{{ $fileName }}">
                   </p>
                 @endforeach
              </li>
          </ul>
      </nav>
    </div>

      <!-- Page Content  -->

  </div>
      </form>


</div>
@endsection