@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/new_add_user.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> 
                                  <div class="row">
                                    <div class='col-md-6'>
                                          <a href="{{ route('special_edit', [ 'id' => $row->id ]) }}" title="редактировать"><img src="/img/pen.png" width="20"></a>  
                                    </div>
                                    <div class='col-md-6'>
                                       <a href="{{ route('special_destroy', ['id' => $row->id]) }}" title="удалить" 
                                          onclick="event.preventDefault(); if (confirm('Вы уверены, что хотите удалить специалиста?')) { document.getElementById('delete-user-form{{ $row->id }}').submit(); }">
                                          <img src="/img/delete2.png" width="20"></a> 
                                      <form id="delete-user-form{{ $row->id }}" action="{{ route('special_destroy', ['id' => $row->id]) }}" method="POST" style="display: none;">
                                          @csrf
                                          @method('DELETE')
                                      </form>             
                                    </div>
                                   </div>
                              </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