@extends('layouts.app')
@section('title', 'EndoCapture')
@section('style')



<style>




    @media (min-width: 992px) {
        .header-fixed.subheader-fixed.subheader-enabled .wrapper {
            padding-top: 65px;
        }

        .table_mobile {
            display: none;
        }
    }

    @media (max-width: 992px) {
        #table_web {
            display: none;
        }
    }
    .bg-primarycapture{
        background: rgb(0, 113, 187);
    }
    .bg-fff{
        background: #fff;
    }
    .cn{
        align-items: center;
    }

    </style>
    <link href="{{url('public/css/capture/index.css')}}" rel="stylesheet" type="text/css"/>
@endsection
    @section('modal')

    @endsection
@section('content')
<div class="row m-0">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <b class="h2">Live Stream <i class="fas fa-video"></i></b>
                <table class="table table-borderless table-hover ">
                    <thead>
                        <tr class="border-bottom">
                            <th>Station</th>
                            <th>Endoscopist</th>
                            <th>Procedure</th>
                            <th>View Stream</th>
                        </tr>
                    </thead>
                    <tbody>
                        @for ($i=1;$i<=4;$i++)
                        <tr>
                            <td>Room{{$i}}</td>
                            <td>สดายุ ทองคำเปลว</td>
                            <td>EGD</td>
                            <td><button class="btn btn-primary btn-sm"><i class="fas fa-video"></i></button></td>
                        </tr>
                        @endfor
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script src="{{url('public/sample/assets/plugins/global/plugins.bundle.js')}}"></script>
    <script src="{{url('public/sample/assets/plugins/custom/prismjs/prismjs.bundle.js')}}"></script>
    <script src="{{url('public/sample/assets/js/scripts.bundle.js')}}"></script>
    <script src='{{url('resources/box/js/box.js')}}'></script>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });





    </script>



@endsection