@extends('layout')
@section('style')
    <style>
        div#Notiscroll {
            height: 250px;
            overflow: auto;
        }

        div#Notiscroll1 {
            height: auto;
            overflow: auto;
        }
        .col-red{
            color:red;
            font-size: 14px;
            font-weight: bold;
        }
        .c{
            text-align: center;
        }
    </style>
@endsection
@section('content')
<div class="page-body">
        <div class="row">

            <!-- statustic-card start -->
            <div class="col-xl-4 col-md-6">
                <div class="card bg-c-blue text-white">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col">
                                <p class="m-b-5" style="font-size:22px;">{{ __('ยอดขายประจำวัน') }}</p>
                                <h4 class="m-b-0">{{ number_format($income_today,2) }} ฿</h4>
                            </div>
                            <div class="col col-auto text-right">
                                <i class="fa fa-cc-visa f-50 "></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="card bg-c-green text-white">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col">
                                <p class="m-b-5" style="font-size:22px;">{{ __('โต๊ะว่าง') }}</p>
                                <h4 class="m-b-0">{{ $table1 }} </h4>
                            </div>
                            <div class="col col-auto text-right">
                                <i class="fa fa-cutlery f-50 "></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-md-6">
                <div class="card bg-c-pink text-white">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col">
                                <p class="m-b-5" style="font-size:22px;">{{ __('ไม่ว่าง') }}</p>
                                <h4 class="m-b-0">{{ $table2 }} </h4>
                            </div>
                            <div class="col col-auto text-right">
                                <i class="fa fa-street-view f-50 "></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <div class="col-xl-12 col-md-12">
                <div class="card feed-card" id="Notiscroll1">
                    <div class="card-header">
                        {{-- <i class="fa fa-bell f-20"></i> --}}
                        <h4>{{ __('รายการโต๊ะ / โซน') }}</h4>
                    </div>
                    <div class="card-block">
                        <div class="row">
                            @foreach ($zone as $key => $item)
                                <div class="col-xl-6 col-md-6 col-sm-12 col-lg-12 p-2">
                                    <div style="border: 1px solid #bdbdbd ; height: 100% ; border-radius: 10px;" class="p-2">
                                        <h2 class="c b">{{ $item->zone_name }}</h2>
                                        <hr>
                                        <div class="row">
                                            @foreach ($table as $key1 => $item1)
                                                @if($item->id == $item1->zone_id)
                                                <div class="col-xl-3 col-md-4 col-sm-6 col-lg-12 mb-2 c">
                                                    @if($item1->table_status == '1')
                                                        {{-- <a class="btn btn-warning btn-round btn-mini" href="{{ url('order/'.$item1->order_now.'/item') }}">{{ __('ดูรายการ') }}</a> --}}
                                                        {{-- <a href="{{ url('order/'.$item1->order_now.'/item') }}" > --}}
                                                            <div ><img src="{{ asset('images/sofaseat.png') }}" alt="" width="100%"></div>
                                                            <div ><label class="badge badge-inverse-info">{{ $item1->table_name }}</label></div>
                                                        {{-- </a> --}}
                                                    @else
                                                        {{-- <button class="btn btn-success btn-round btn-mini" onclick="SelectTable('{{ $item1->id }}','{{ $item1->table_name }}')">{{ __('สั่งอาหาร') }}</button> --}}
                                                        {{-- <a href="#" onclick="SelectTable('{{ $item1->id }}','{{ $item1->table_name }}')"> --}}
                                                            <div ><img src="{{ asset('images/sofa.png') }}" alt="" width="100%"></div>
                                                            <div ><label class="badge badge-inverse-info">{{ $item1->table_name }}</label></div>
                                                        {{-- </a> --}}
                                                    @endif
                                                </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>


            <!-- statustic-card start -->



        </div>
    </div>

@endsection
@section('script')
    <script>

    </script>
@endsection