@extends('layout/main')
@section('title','Antrian')

@section('Sidebar')
    @include('layout/sidebar')
@endsection

@section('Content')
<!-- Pricings 1 -->
<section class="fdb-block py-3" style="background-image: url({{ asset('img/shapes/6.svg') }})">
    <div class="container-fluid">
        @include('layout/topbar')
        <!-- Page Heading -->
        <div class="text-center mb-4">
            <h1 class="text-primary font-weight-bold">{{ $Sesi->NamaPoli }}</h1>
        </div>
        <div class="form-group">
        <input type="hidden" class="text-Right"  id="tunggu" value={{ $list->Poli }} > 
        </div>
        <div class="text-right mb-3">
        <button type="submit" class="btn btn-primary btn-sm btn-rounded btn-brown" id="btnupdatestatus"><i class="fas fa-redo pr-2" aria-hidden="true"></i>Refresh Tunggu</button>
        </div>

        <!-- Content Row -->

        <div class="row">

            <!-- BPJS -->
            <div class="col-xl-4 col-lg-5">
                <div class="card shadow mb-4" style="color:#f96a27;">
                    <div class="card-header py-3 flex-row text-center">
                        <h3 class="h3 m-0 font-weight-bold text-primary">{{ $Sesi->Alias_B }} . <span id="noPanggil_B"></span></h3>
                    </div>
                    <div id="bpjs-card">
                        <!--Card Body-->
                    </div>
                    <div class="card-body pt-0 text-center" id="PasienDescriptionB">

                    </div>
                    <div class="card-footer">
                        <div class="row" id="card_tunggu_b" style="display:none;">
                            <div class="col-lg-12 mb-4">
                                <div class="card bg-danger blink text-white shadow">
                                    <div class="card-body">
                                        <h1 class="text-center">Tunggu</h1>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="card_panggil_b">
                            <div class="row">
                                <button class="btn btn-outline-primary btn-lg col-lg-12 font-weight-bold" id="btn_panggil_b"> Panggil</button> </div>
                            <div class="row py-3">
                                <button class="btn btn-outline-info btn-lg col-lg-12 font-weight-bold" id="btn_ulang_b">Ulang</button>
                            </div>
                        </div>

                        <div class="text-center">
                            <h2 class="h2 font-weight-bold text-success">BPJS</h2>
                        </div>
                    </div>
                </div>
            </div>

            <!-- NON BPJS -->
            <div class="col-xl-4 col-lg-5">
                <div class="card shadow mb-4" style="color:#f96a27;">
                    <div class="card-header py-3 flex-row text-center">
                        <h3 class="h3 m-0 font-weight-bold text-primary" id="getAliasPanggil">{{ $Sesi->Alias }} . <span id="noPanggil"></span></h3>
                    </div>
                    <div id="pribadi-card">
                        <!--Card Body-->
                    </div>
                    <div class="card-body pt-0 text-center" id="PasienDescription">

                    </div>
                    <div class="card-footer">
                        <div class="row" id="card_tunggu" style="display:none;">
                            <div class="col-lg-12 mb-4">
                                <div class="card bg-danger blink text-white shadow">
                                    <div class="card-body">
                                        <h1 class="text-center">Tunggu</h1>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="card_panggil">
                            <div class="row">
                                <button class="btn btn-outline-primary btn-lg col-lg-12 font-weight-bold" id="btn_panggil">Panggil</button>
                            </div>
                            <div class="row py-3">
                                <button class="btn btn-outline-info btn-lg col-lg-12 font-weight-bold" id="btn_ulang">Ulang</button>
                            </div>
                        </div>

                        <div class="text-center">
                            <h2 class="h2 font-weight-bold text-success">NON BPJS</h2>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Whatsapp -->
            <div class="col-xl-4 col-lg-5">
                <div class="card shadow mb-4" style="color:#f96a27;">
                    <div class="card-header py-3 flex-row text-center">
                        <h3 class="h3 m-0 font-weight-bold text-primary" id="getAliasPanggil">{{ $Sesi->Alias_W }} . <span id="noPanggil_W"></span></h3>
                    </div>
                    <div id="whatsapp-card">
                        <!--Card Body-->
                    </div>
                    <div class="card-body pt-0 text-center" id="PasienDescriptionW">

                    </div>
                    <div class="card-footer">
                        <div id="statusAntrian"></div>
                        <div class="row" id="card_tunggu_w" style="display:none;">
                            <div class="col-lg-12 mb-4">
                                <div class="card bg-danger blink text-white shadow">
                                    <div class="card-body">
                                        <h1 class="text-center">Tunggu</h1>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="card_panggil_w">
                            <div class="row">
                                <button class="btn btn-outline-primary btn-lg col-lg-12 font-weight-bold" id="btn_panggil_w">Panggil</button>
                            </div>
                            <div class="row py-3">
                                <button class="btn btn-outline-info btn-lg col-lg-12 font-weight-bold" id="btn_ulang_w">Ulang</button>
                            </div>
                        </div>

                        <div class="text-center">
                            <h2 class="h2 font-weight-bold text-success">Whatsapp</h2>
                        </div>
                    </div>
                </div>
            </div>


        </div>

    </div>
</section>
@endsection

@section('Ajax')
    @include('ajax/antrian')
@endsection