@php
    $view['day_all']    = $day_all;
    $view['month_all']  = $month_all;
    $view['year_all']   = $year_all;
@endphp

@extends('layouts.layout_queue')
@section('style')
<link href="{{url('')}}/public/css/queues/queue.css" rel="stylesheet" type="text/css" />
@endsection



@section('content')
    @php
    $admin['controllername'] = "endoQUEUE/QueueController";
    $admin['viewname']       = "endoqueue.control.home.blade.php";
    cardADMIN($admin);
    @endphp

    @component('EndoQUEUE.control.modal',$view)@endcomponent

    <div class="row m-0">


        <div class="col-lg-12">
            <div class="card mt-5">
                <div class="card-body mh bg-light">
                    <h2>คิวที่ข้ามไป</h2>
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>เลขคิว</th>
                            <th>HN</th>
                            <th>Time</th>
                            <th>Status</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody id="skip_list"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>





@endsection



@section('script')

<script src='{{url('resources/box/js/box01.js')}}'></script>
<script src="http://{{webconfig('server_name')}}:3000/socket.io/socket.io.js"></script>
<script>
    var socket = io.connect('http://{{webconfig('server_name')}}:3000');

    socket.on('queue', function(msg) {
        refreshdata();

        var calling = msg.search("calling");
        if(calling>0){
            var ex = JSON.parse(msg);
            QueueCALL(ex.calling);
        }


    });


    function refreshdata(){
        $.post('{{url('queue')}}',{
            event:'refreshdata'
        },function(data,status){
            var obj                             = JSON.parse(data);
            var regis_history                   = JSON.stringify(obj.regis_history);
            var regis_appoint                   = JSON.stringify(obj.regis_appoint);
            var operation_history               = JSON.stringify(obj.operation_history);
            var operation_before                = JSON.stringify(obj.operation_before);
            var operation_current               = JSON.stringify(obj.operation_current);
            var operation_after                 = JSON.stringify(obj.operation_after);

            var regis_history_skip              = JSON.stringify(obj.regis_history_skip);
            var regis_appoint_skip              = JSON.stringify(obj.regis_appoint_skip);
            var operation_history_skip          = JSON.stringify(obj.operation_history_skip);
            var operation_before_skip           = JSON.stringify(obj.operation_before_skip);
            var skip                            = JSON.stringify(obj.skip);

            box('#body_regis_history'           ,regis_history,             '{{url('resources/box/endoqueue/q02.html')}}');
            box('#body_regis_appoint'           ,regis_appoint,             '{{url('resources/box/endoqueue/q02.html')}}');
            box('#body_operation_history'       ,operation_history,         '{{url('resources/box/endoqueue/q02.html')}}');
            box('#body_operation_before'        ,operation_before,          '{{url('resources/box/endoqueue/q02.html')}}');
            box('#body_operation_current'       ,operation_current,         '{{url('resources/box/endoqueue/operation_current.html')}}');
            box('#body_operation_after'         ,operation_after,           '{{url('resources/box/endoqueue/operation_after.html')}}');

            box('#body_regis_history_skip'      ,regis_history_skip,        '{{url('resources/box/endoqueue/q01.html')}}');
            box('#body_regis_appoint_skip'      ,regis_appoint_skip,        '{{url('resources/box/endoqueue/q01.html')}}');
            box('#body_operation_history_skip'  ,operation_history_skip,    '{{url('resources/box/endoqueue/q01.html')}}');
            box('#body_operation_before_skip'   ,operation_before_skip,     '{{url('resources/box/endoqueue/q01.html')}}');
            box('#skip_list'                    ,skip,                      '{{url('resources/box/endoqueue/q_skip.html')}}');

            $('#count_regis_history')           .html(obj.count_regis_history);
            $('#count_regis_appoint')           .html(obj.count_regis_appoint);
            $('#count_operation_history')       .html(obj.count_operation_history);
            $('#count_operation_before')        .html(obj.count_operation_before);
            $('#count_operation_current')       .html(obj.count_operation_current);
            $('#count_operation_after')         .html(obj.count_operation_after);
            $('#count_regis_all')               .html(obj.count_regis_all);
            $('#count_operation_all')           .html(obj.count_operation_all);
        });
    }


    setTimeout(()=>{refreshdata();},500);

    var ขอเชิญหมายเลข    = new Audio("{{fileconfig('sound/queue/th/เชิญหมายเลข.wav')}}");
    var sound0  = new Audio("{{fileconfig('sound/queue/th/0.wav')}}");
    var sound1  = new Audio("{{fileconfig('sound/queue/th/1.wav')}}");
    var sound2  = new Audio("{{fileconfig('sound/queue/th/2.wav')}}");
    var sound3  = new Audio("{{fileconfig('sound/queue/th/3.wav')}}");
    var sound4  = new Audio("{{fileconfig('sound/queue/th/4.wav')}}");
    var sound5  = new Audio("{{fileconfig('sound/queue/th/5.wav')}}");
    var sound6  = new Audio("{{fileconfig('sound/queue/th/6.wav')}}");
    var sound7  = new Audio("{{fileconfig('sound/queue/th/7.wav')}}");
    var sound8  = new Audio("{{fileconfig('sound/queue/th/8.wav')}}");
    var sound9  = new Audio("{{fileconfig('sound/queue/th/9.wav')}}");
    var soundA  = new Audio("{{fileconfig('sound/queue/th/A.wav')}}");
    var soundC  = new Audio("{{fileconfig('sound/queue/th/C.wav')}}");

    var calling = false;

    $('#btn_order_queue').click(function(){
        if(calling===false){Calling();}
    });




    $('.btn-call-top-queue').click(function(){
        var status = $(this).attr('status');
        // alert("status : "+status);
    });

    function Calling(){
        console.log("Calling");
        calling=true;
        $.post('{{url('queue')}}',{
            event:"calling",
        },function(data,status){
            var json = JSON.parse(data);
            if(json.agian==true){
                socket.emit('queue','{"calling":"'+json.queuenumber+'"}');
                // QueueCALL();
                setTimeout(() => {
                   Calling();
                }, 7000);
            }else{
                calling = false;
            }
        });
    }


    function QueueCALL(number){
        const myArr = number.split("");
        ขอเชิญหมายเลข.play();
        setTimeout(() => {myArr.forEach(numberQUEUE);}, 1000);
    }

    function numberQUEUE(item, index) {
        var time = (1+index)*1000;
        setTimeout(() => {
            if(item=="A"){soundA.play()}
            if(item=="C"){soundC.play()}
            if(item=="0"){sound0.play()}
            if(item=="1"){sound1.play()}
            if(item=="2"){sound2.play()}
            if(item=="3"){sound3.play()}
            if(item=="4"){sound4.play()}
            if(item=="5"){sound5.play()}
            if(item=="6"){sound6.play()}
            if(item=="7"){sound7.play()}
            if(item=="8"){sound8.play()}
            if(item=="9"){sound9.play()}
        }, time);
    }

    $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
</script>

@component('EndoQUEUE.component.script')@endcomponent

<script>
    var count_time  = 0;
    var hour        = 0;
    var minute      = 0;
    setInterval(function(){
        count_time = $(".q_start").length;
        for(x=0;x<count_time;x++){
            hour = parseInt($($(".q_start")[x]).attr('hour'));
            minute = parseInt($($(".q_start")[x]).attr('minute'));
            if(minute>=60){
                hour = hour+1;
                minute = 0;
            }else{
                minute = minute+1;
            }
            $($(".q_start")[x]).attr('hour',hour);
            $($(".q_start")[x]).attr('minute',minute);
            $($(".q_start")[x]).text(hour+' ชั่วโมง '+minute+' นาที');
            hour = 0;
            minute = 0;
        }
     }, 60000);
</script>



<script>



    setInterval(() => {
        $.post('queue',{event:"send2cloud"},function(data,stutus){
            console.log('send2cloud',data);
        });
    }, 10000);


</script>

@endsection