@extends('layout/app')

@section('title', "Должности")

@include('layout/header')

@section('content')

<main class="col-8 ms-sm-auto px-md-0">
     <div class="scroll-table"     style='width: 45%;' >
          <table>
                  <thead>
                        <tr>
                              <th style="font-size: 12;">    Должность   </th>     
                              <th style="font-size: 12;"> <a class="btn" href="{{ route('prof_create') }}" title="новая должность" ><img src="/img/add_user_info.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($profs as $row)
                        <tr>  
                           <td style="text-align: left;  padding-left: 10px; font-size: 12;">{{ $row->name }}    </td>
                           <td> 
                              <a href="{{ route('prof_edit', [ 'id' => $row->id ]) }}" title="редактировать" >                                          <img src="/img/pen.png" width="20">
                                    </a>  
                           </td>
                        </tr>
                        @endforeach     
                  </tbody>
                 </table>      
            </div>    
      </div>
</main>

@if ($edit==1)

      @include('prof/modal')

      <script>

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

      </script>
@endif

@endsection