<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>