<div class="hide">
      <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>
  </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>