@extends('layouts.base')
@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">
        <!--begin::سوشیال - فالوورها -->
        <div class="d-flex flex-row mt-10">
            <!--begin::Content-->
            <div class="w-100 flex-lg-row-fluid mx-lg-13">
                <!--begin::Row-->
                <div class="row g-6 mb-6 g-xl-9 mb-xl-9">
                    <!--begin::فالوورها-->
                    <!--begin::Col-->
                    <div class="col-md-6">
                        <!--begin::کارت-->
                        <div class="card">
                            <!--begin::کارت body-->
                            <div class="card-body d-flex flex-center flex-column py-9 px-5">
                                <!--begin::Avatar-->
                                <div class=" mb-5">
                                    <img src="{{asset('assets/media/svg/avatars/blank.svg')}}" style="width: 100%;height: 100%" alt="image" />
                                    {{--                                                            <div class="bg-success position-absolute rounded-circle translate-middle start-100 top-100 border border-4 border-body h-15px w-15px ms-n3 mt-n3"></div>--}}
                                </div>
                                <!--end::Avatar-->
                            </div>
                            <!--begin::کارت body-->
                        </div>
                        <!--begin::کارت-->
                    </div>
                    <!--end::Col-->
                    <!--end::فالوورها-->

                    <!--begin::Col-->
                    <div class="col-md-6">
                        <!--begin::????-->
                        <div class="card">
                            <!--begin::???? body-->
                            <div class="card-body d-flex flex-center flex-column py-9 px-5">


                                <div class="row mb-10">
                                    <div class="col-md-12 fv-row">
                                        <img src="{{asset('assets/media/svg/pages/brain.svg')}}"  alt="image" />
                                    </div>
                                </div>
                            </div>
                            <!--begin::???? body-->
                        </div>
                        <!--begin::????-->
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
                <!--begin::Row(for show more)-->
                <div class="row g-6 mb-6 g-xl-9 mb-xl-9 d-none" id="kt_followers_show_more_cards">
                    <!--begin::فالوورها-->
                </div>
                <!--end::Row-->
            </div>
            <!--end::Content-->
        </div>
        <!--end::سوشیال - فالوورها-->
    </div>
    <!--end::Content container-->
@endsection
@section('script')

    <script >
        var source = new EventSource("{{route('operations.events')}}");
        source.onmessage = function(event) {
           console.log(event.data);
            let obj = JSON.parse(event.data);

            console.log(obj.status);
           if(obj.status === 'running')
           {
            source.onmessage = null;
               window.location.reload(); //= "{{route('operations.show')}}";
               
           }
        };
    </script>

@endsection