@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        Тест<div class="pull-right"></div>
                    </h3>
                </div>
                <div class="panel-body"></div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf-8">
$(function() {
    $.fn.test = function() {
        this.text('test');
        console.log(this, $(this));
        return this;
    };
    $('.panel-body').test();

    const source = new EventSource('stream', { withCredentials: true });

    source.addEventListener('message', function(e) {
        console.log(e.data);
    }, false);

    source.addEventListener('open', function(e) {
        console.log('EventSource stream connected');
    }, false);

    source.addEventListener('error', function(e) {
        if (e.readyState == EventSource.CLOSED) {
            console.log('EventSource stream disconnected');
        }
    }, false);
});
</script>
@endsection