Viewing file:  index.blade.php (13.42 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.dashboard')
@section('title',trans('layout.table'))
@section('css')
@endsection
@section('main-content')
<div class="row page-titles mx-0">
<div class="col-sm-6 p-md-0">
<div class="welcome-text">
<h4>{{trans('layout.table')}}</h4>
<p class="mb-0"></p>
</div>
</div>
<div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">{{trans('layout.home')}}</a></li>
<li class="breadcrumb-item active"><a href="javascript:void(0)">{{trans('layout.table')}}</a></li>
</ol>
</div>
</div>
<!-- row -->
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">{{trans('layout.list')}}</h4>
<div class="pull-right">
<button type="button" class="btn btn-sm btn-primary" data-toggle="modal"
data-target="#tableCreateModal">
{{trans('layout.create')}}
</button>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-responsive-md">
<thead class="text-center">
<tr>
<th><strong>{{trans('layout.restaurant')}}</strong></th>
<th><strong>{{trans('layout.name')}}</strong></th>
<th><strong>{{trans('layout.no_of_capacity')}}</strong></th>
<th><strong>{{trans('layout.status')}}</strong></th>
<th><strong>{{trans('layout.action')}}</strong></th>
</tr>
</thead>
<tbody class="text-center">
@if($tables)
@foreach($tables as $table)
<tr>
<td>{{$table->restaurant->name}}</td>
<td>{{$table->name}} ( {{$table->table_position->name}} )</td>
<td>{{$table->no_of_capacity}}</td>
<td>
@if($table->status=='active')
<span
class="badge light badge-success">{{trans('layout.active')}}</span>
@elseif($table->status=='inactive')
<span
class="badge light badge-warning">{{trans('layout.inactive')}}</span>
@endif
</td>
<td>
<div class="dropdown">
<button type="button" class="btn btn-success light sharp"
data-toggle="dropdown">
<svg width="20px" height="20px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none"
fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24"/>
<circle fill="#000000" cx="5" cy="12" r="2"/>
<circle fill="#000000" cx="12" cy="12" r="2"/>
<circle fill="#000000" cx="19" cy="12" r="2"/>
</g>
</svg>
</button>
<div class="dropdown-menu">
<button class="dropdown-item edit_table" type="button"
data-id="{{ $table->id }}"
data-name="{{ $table->name }}"
data-restaurant_id="{{ $table->restaurant_id }}"
data-no_of_capacity="{{ $table->no_of_capacity }}"
data-status="{{ $table->status }}"
data-action="{{ route('table.update', $table->id) }}"
data-toggle="modal" data-target="#tableEditModal">
{{ trans('layout.edit') }}
</button>
<button class="dropdown-item" type="button"
data-message="{{trans('layout.message.table_delete_warning')}}"
data-action='{{route('table.destroy',[$table])}}'
data-input={"_method":"delete"}
data-toggle="modal"
data-target="#modal-confirm">{{trans('layout.delete')}}</button>
</div>
</div>
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Create -->
@section('create-modal-id', 'tableCreateModal')
@section('create-modal-title', 'Table Create')
@section('create-modal-content-wapper')
<form method="POST" action="{{ route('table.store') }}">
@csrf
<div class="modal-body">
<div>
<section>
<div class="row">
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.restaurant')}}*</label>
<select name="restaurant_id" class="form-control">
@foreach($restaurants as $restaurant)
<option value="{{$restaurant->id}}">{{$restaurant->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.select_position')}}*</label>
<select name="table_position_id" class="form-control">
@foreach($table_positions as $table_position)
<option value="{{$table_position->id}}">{{$table_position->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.name')}}*</label>
<input value="{{old('name')}}" type="text" name="name"
class="form-control" placeholder="Ex: Table-1" required>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.no_of_capacity')}}*</label>
<input
value="{{old('no_of_capacity')}}"
type="number" name="no_of_capacity"
class="form-control" placeholder="Ex: 6" required>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.status')}}*</label>
<select name="status" class="form-control">
<option
value="active">{{trans('layout.active')}}</option>
<option
value="inactive">{{trans('layout.inactive')}}</option>
</select>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="modal-footer">
<button type="button" aria-label="Close" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
@endsection
<!-- Modal Edit -->
@section('edit-modal-id', 'tableEditModal')
@section('edit-modal-title', 'Table Edit')
@section('edit-modal-content-wapper')
<form method="POST" id="tableFormUpdate">
@csrf
@method('PUT')
<input type="hidden" name="id" id="edit-table-id">
<div class="modal-body">
<section>
<div class="row">
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.restaurant')}}*</label>
<select name="restaurant_id" id="edit-table-restaurant" class="form-control">
@foreach($restaurants as $restaurant)
<option value="{{ $restaurant->id }}">{{ $restaurant->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.select_position')}}*</label>
<select name="table_position_id" id="edit-table-position" class="form-control">
@foreach($table_positions as $table_position)
<option value="{{$table_position->id}}">{{$table_position->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.name')}}*</label>
<input type="text" name="name" id="edit-table-name"
class="form-control" placeholder="Ex: Table-1" required>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.no_of_capacity')}}*</label>
<input type="number" name="no_of_capacity" id="edit-table-capacity"
class="form-control" placeholder="Ex: 6" required>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.status')}}*</label>
<select name="status" id="edit-table-status" class="form-control">
<option value="active">{{trans('layout.active')}}</option>
<option value="inactive">{{trans('layout.inactive')}}</option>
</select>
</div>
</div>
</div>
</section>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
@endsection
@endsection
@section('js')
<script>
$(document).on('click', '.edit_table', function () {
const id = $(this).data('id');
const name = $(this).data('name');
const restaurant_id = $(this).data('restaurant_id');
const capacity = $(this).data('no_of_capacity');
const status = $(this).data('status');
const action = $(this).data('action');
$('#edit-table-id').val(id);
$('#edit-table-name').val(name);
$('#edit-table-capacity').val(capacity);
$('#edit-table-status').val(status).trigger('change');
$('#edit-table-restaurant').val(restaurant_id).trigger('change');
$('#tableFormUpdate').attr('action', action);
$('#tableEditModal').modal('show');
});
</script>
@endsection
|