@extends('layout/app')

@section('title', "Сварочное производство")

@include('layout/header')

@section('content')


<main class="col-9 ms-sm-auto px-md-0">
     <div class="scroll-table"     style='width: 65%;' >
          <table>
                  <thead>
                        <tr>
                              <th style="font-size: 12;">     ФИО         </th>     
                              <th style="font-size: 12;">    Должность   </th>     
                              <th style="font-size: 12;"> <a class="btn" href="{{ route('special_create') }}" title="новый специалист" ><img src="/img/add_user_w.png" width="30"></a>  Действия    </th>     
                        </tr>
                  </thead>
            </table>
            <div class="scroll-table-body"  style='height: 770px;' id ='ScrollTable'>
                  <table class="table" id="myTable">
                  <tbody>
                        @foreach($specials as $row)
                        <tr>  
                              <td style="text-align: left;  padding-left: 10px; font-size: 12;"><nobr>{{ $row->name }}      </nobr></td>
                              <td style="text-align: left;  padding-left: 10px;font-size: 12;" ><nobr>{{ $row->prof->name }}</nobr></td>
                              <td> 
                                    <a href="{{ route('special_edit', [ 'id' => $row->id ]) }}">
                                              <img src="/img/edit2.png" width="16">
                                    </a>  
                              </td>
                        </tr>
                        @endforeach     
                  </tbody>
                 </table>      
            </div>    
      </div>
</main>

@if ($edit==1)

      @include('special/modal')

      <script>

      document.addEventListener("DOMContentLoaded", function() {
      var openModalBtn = document.getElementById("openModalBtn");
      var modal = document.getElementById("myModal");
      
      modal.style.display = "block";
      
      });
      

      </script>
@endif

@endsection