<div id="remove_chat" class="modal-dialog">
      <div class="modal-dialog-title">
          <h2>Удалить чат</h2>
      </div>
      <div class="modal-dialog-body">
          <p>Вы действительно хотите удалить час с "<b><span class="target-chat"></span></b>"?</p>
      </div>
      <div class="modal-dialog-footer">
          <button type="button" class="button remove-chat-button">Удалить</button>
          <button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>
      </div>
  </div>
  
  <script>
      $(function(){
          $('.remove-chat-button').click(function(){
              spinStart($(this));
              var wrap = $(this).closest('#remove_chat');
              var chat_id = wrap.data('chat-id');
  
              $.ajax({
                  type: "POST",
                  url: "{{ route('employer.remove_chat')  }}",
                  data: {
                      id: chat_id
                  },
                  headers: {
                      'X-CSRF-TOKEN': $('[name="_token"]').val()
                  },
                  success: function(){
                      location.reload();
                  }
              });
          });
      });
  </script>