@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info bg-transparent">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">{!! trans('dashboard.coffe_table.coffe_tables') !!}</h5>
        <div class="header-elements">
            <div class="list-icons">
                <a class="btn btn-primary mr-1 mb-1 waves-effect waves-light" href="{{ route('dashboard.coffe_table.create') }}">
                    <i class="feather icon-plus"></i>
                    {{ trans('dashboard.coffe_table.add_coffe_table') }}
                </a>
            </div>
        </div>
    </div>

    <div class="card-body">
        <div class="d-flex justify-content-center">
            {!! $coffe_tables->links() !!}
    	</div>
        <div class="table-responsive">
            <table class="table table-bordered dataex-html5-selectors table-hover-animation">
            <thead>
                <tr class="text-center">
                    <th>#</th>
                    <th>{!! trans('dashboard.coffe_table.qrcode') !!}</th>
                    <th>{!! trans('dashboard.coffe_table.table_number') !!}</th>
                    <th>{!! trans('dashboard.branch.branch') !!}</th>
                    <th>{!! trans('dashboard.coffe_table.number_of_persons') !!}</th>
                    <th>{!! trans('dashboard.coffe_table.reservation_count') !!}</th>
                    <th>{!! trans('dashboard.general.added_date') !!}</th>
                    <th>{!! trans('dashboard.general.control') !!}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($coffe_tables as $coffe_table)
                <tr class="{{ $coffe_table->id }} text-center">
                    <td>{{ $loop->iteration }}</td>
                    <td class="product-img sorting_1">
                        <a href="{{ $coffe_table->qrcode }}" data-fancybox="gallery">
                            <img src="{{ $coffe_table->qrcode }}" alt="" style="width:60px; height:60px;" class="img-thumbnail">
                        </a>
                    </td>
                    <td>{{ $coffe_table->table_number }}</td>
                    <td>{{ @$coffe_table->branch->name }}</td>
                    <td>{{ $coffe_table->number_of_persons }}</td>
                    <td>{{ @$coffe_table->reservations->count() }}</td>
                    <td><div class="badge badge-violet badge-md mr-1 mb-1">{{ $coffe_table->created_at->format("Y-m-d") }}</div> </td>
                    <td class="text-center font-medium-3">
                        <a onclick="deleteItem({{ $coffe_table->id }} , '{{ route('dashboard.coffe_table.destroy',$coffe_table->id) }}')" class="text-danger">
                            <i class="feather icon-trash-2" title="{!! trans('dashboard.general.delete') !!}"></i>
                        </a>
                        <a href="{!! route('dashboard.coffe_table.edit',$coffe_table->id) !!}" class="text-primary">
                            <i class="feather icon-edit" title="{!! trans('dashboard.general.edit') !!}"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
        <div class="d-flex justify-content-center">
            {!! $coffe_tables->links() !!}
    	</div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection
@section('vendor_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/datatables.min.css">
@endsection

@section('page_styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
@endsection
@include('dashboard.coffe_table.scripts')