@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="/autre/{{ $insertedId }}" style="margin-right:205px;margin-bottom:50px" class="btn btn-info">Affecter les Actions</a>
          <p><strong>Assemblage:</strong> {{ $nomenclatures[0]->elements->chapeaus->name }}</p>
          <p><strong>Reférence:</strong> {{ $nomenclatures[0]->elements->chapeaus->ref }}</p>
          <p><strong>Client:</strong> {{ $nomenclatures[0]->elements->chapeaus->clients->Nom }}</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="/buttonManager" method="POST" enctype="multipart/form-data">
          @csrf
          @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="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="{{ $insertedId }}">
                   </p>
                 @endforeach



              </li>
              <div class="borderbot"></div>
          </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="{{ $insertedId }}">
                    </p>
                  @endforeach

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

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


    <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="{{ $insertedId }}">
                    <input class="btn btn-success" type="submit" name="matCustomBtn" value="Attacher">
                    <div class="smallpaddinTop"></div>
                @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="{{ $insertedId }}">
                   </p>
                 @endforeach


              </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="{{ $insertedId }}">
                    </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="{{ $insertedId }}">
                    <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="{{ $insertedId }}">
                  <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="{{ $insertedId }}">
                    <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="{{ $insertedId }}">
                   </p>
                 @endforeach


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

      <!-- Page Content  -->

  </div>
      </form>


</div>
@endsection