@if ($chats->count() || $admin_chat)
      @csrf

      @if($admin_chat)
          <div class="messages__item hover-shadow admin-chat-wrap">
              <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $admin_chat->id]) }}">
                  @include('svg.logo_icon')
                  <div class="messages__item-text">
                      <div>
                          <b>Администратор сайта</b>
                      </div>
                      <div>

                          {{ $admin_chat->last_message?->text }}

                      </div>

                  </div>

              </a>

              <div class="messages__item-actions" data-chat-id="{{ $admin_chat->id }}">
                  <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($admin_chat->created_at)) }}</div>
                  <div class="messages__item-buttons">

                      @if($admin_chat->unread_messages_count > 0)
                          <div class="unread-messages-count mr-15">{{ $admin_chat->unread_messages_count }}</div>

                      @endif
                  </div>

              </div>

          </div>

      @endif

      @if ($chats->count())

      @foreach($chats as $chat)

          @if(!$chat->is_admin_chat)

          <div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">

              <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $chat->id]) }}">

                  <div class="messages__item-photo">

                      @if (isset($chat->employer->logo))
                          <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
                      @elseif(isset($chat->worker->photo))
                          <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
                      @else
                          <img src="{{ asset('images/default_man.jpg') }}" alt="">
                      @endif

                  </div>
                  <div class="messages__item-text">
                      <div>

                          <b id="chat_name">

                              @if ($chat->employer && $chat->employer->name_company)
                                  {{ $chat->employer->name_company }}

                              @elseif($chat->user)

                                  {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2  }}
                              @endif
                          </b>

                      </div>
                      <div>

                          {{ $chat->last_message?->text }}

                      </div>
                  </div>

              </a>

  
              <div class="messages__item-actions" data-chat-id="{{ $chat->id }}">
                  <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
                  <div class="messages__item-buttons">
                      @if($chat->unread_messages_count > 0)
                          <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
                      @endif
  
                      <button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15">
                          @include('svg.pin_off')
                      </button>

                      <button class="remove-chat" data-user="{{ $chat->user_id }}" data-fancybox data-src="#remove_chat">

                          <svg>
                              <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
                          </svg>
                      </button>
                  </div>
                  <div class="clear"></div>
              </div>
          </div>

          @endif

      @endforeach
      <div style="margin-top: 20px">
          {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
      </div><!-- конец -->

       @endif

  @else
      <div class="notify">
          <svg>
              <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
          </svg>
          <span>Сообщений не найдено</span>
      </div>
  @endif
  
  <script>
      $(function (){
          $('.pin-chat').click(function(){
              var this_btn = $(this);
              var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
              var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1;
  
              $.ajax({
                  type: "POST",
                  url: "{{ route('employer.pin_chat')  }}",
                  data: {
                      id: chat_id,
                      is_fixed: $is_fixed
                  },
                  headers: {
                      'X-CSRF-TOKEN': $('[name="_token"]').val()
                  },
                  success: function(){
                      location.reload();
                  }
              });
          });
  
          $('.remove-chat').click(function(){
              var this_btn = $(this);
              var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
              var wrap = this_btn.closest('.messages__item');

              var target = wrap.find('.messages__item-text').find('#chat_name').text();

  
              $('#remove_chat').data('chat-id', chat_id);
              $('#remove_chat').find('.target-chat').text(target.trim());
          });
      });
  </script>