Da

✏️ Editing: index.blade.php

@extends('layouts.branch.app')

@section('title', translate('Table Availability'))
<style>
    .bg-gray{
        background: #e4e4e4;
    }
    .bg-c1 {
        background-color: #FF6767 !important;
    }
    .c1 {
        color: #FF6767 !important;
    }
</style>
@push('css_or_js')

@endpush
@section('content')
    <div class="content container-fluid">
        
        <div class="pb-2">
            <div class="row align-items-center">
                <div class="col-sm mb-2 mb-sm-0">
                    <h1 class="">{{translate('Table Availability')}}</h1>
                </div>
            </div>
        </div>
        
        <div class="row">
            @if($tables != null)
                @foreach($tables as $table)
                    <div class="col-md-2 mb-5 dropright">
                        <div class="card py-4 {{ $table['order'] != null ? 'bg-c1' : 'bg-gray'}} " data-toggle="dropdown" >
                            <div class="card-body text-center">
                                <h5 class="card-title">{{ translate('table') }}</h5>
                                <h5 class="card-title">{{ $table['number'] }}</h5>
                                <h5 class="card-title">{{ translate('capacity') }}: {{ $table['capacity'] }}</h5>
                            </div>
                        </div>
                        <div class="dropdown-menu px-3" style="min-width: 200px; min-height: 200px">
                            @if(($table['order'] != null))
                                @foreach($table['order'] as $order)
                                    <h5 class="">{{ translate('order id') }}: {{ $order['id'] }}</h5>
                                @endforeach
                            @else
                                <h5 class="">{{ translate('current status') }} - {{ translate('empty') }}</h5>
                                <h5 class="">{{ translate('any reservation') }} - {{ translate('N/A') }}</h5>
                            @endif
                        </div>
                    </div>
                @endforeach
            @else
                <div class="col-md-12 text-center">
                    <h4 class="">This branch has no table</h4>
                </div>
            @endif
        </div>

</div>

@endsection

@push('script')

@endpush

📁 Sid Gifari File Manager