@include('includes/header_start')

@include('patients/elements/header_end')

<!-- Page title -->
<ul class="list-inline menu-left mb-0">
    <li class="list-inline-item">
        <button type="button" class="button-menu-mobile open-left waves-effect">
            <i class="ion-navicon"></i>
        </button>
    </li>
    <li class="hide-phone list-inline-item app-search">
        <h3 class="page-title">Video Chat</h3>
    </li>
</ul>

<div class="clearfix"></div>
</nav>

</div>
<!-- Top Bar End -->

<!-- ==================
     PAGE CONTENT START
     ================== -->

<div class="page-content-wrapper">
    <div class="row">
        <div class="col-6">
            <div class="card m-b-30">
                <h4 class="card-header mt-0">Video Chat</h4>
                <div class="card-body">
                    <iframe src="https://tokbox.com/embed/embed/ot-embed.js?embedId=5664ab7c-cfad-4ca6-9472-21cab11f5d32&room=DEFAULT_ROOM&iframe=true" style="height:500px; width: 100%;" scrolling="auto" allow="microphone; camera" ></iframe>
                </div>
            </div>
        </div>

        <div class="col-6">
            <div class="card m-b-30">
                <h4 class="card-header mt-0">Anesthesiologist Details</h4>
                <div class="card-body">
                    <span><h4>Name:</h4><p>{{ $call->physician['first_name'] }} {{ $call->physician['first_name'] }}</p></span>
                    <span><h4>Call Time:</h4><p>{{ date('m/d/Y H:i', strtotime($call->call_date_time))  }} </p></span>
                </div>
            </div>
        </div>

    </div>



</div> <!-- Page content Wrapper -->


@include('includes/footer_start')

@include('includes/footer_end')