@extends('admin.layout.masterV3', ['version' => 3, 'isV2' => false])
@section('title','WAITER')
@section('content')
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">Waiter List </h5>
        <button type="button" class="btn btn-warning btn-sm" onclick="resetmodal()">Add New</button>
    </div> 
    <div class="card-body">
        {{-- <button class="btn btn-danger btn-sm" onclick="resetmodal()" data-toggle="modal" data-target="#exampleModalCenter" style="margin-left:90%">Add Waiter</button> --}}
        <div class="table-responsive mt-3">
            <table id="example" class="myTable table cl-table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Address</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($result as $item)
                        <tr>
                            <td>{{ $item->name }}</td>
                            <td>{{ $item->address }}</td>
                            <td>
                                @if ($item->status == 1)
                                    <p style="color: green">Active</p>
                                @elseif($item->status ==2)
                                    <p style="color: red">Inactive</p>
                                @else
                                    <p style="color: red">Not Registered</p>
                                @endif
                            </td>
                            <td class="text-center">
                                <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#addWaiterModal" onclick="edit({{ $item->id }})"><i class="fas fa-edit"></i> </button>

                                {{-- <a class="text text-success text-sm" onclick="edit({{ $item->id }})" data-toggle="modal" data-target="#addWaiterModal"></a> --}}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@include("restaurant.waiter.add_waiter")
@endsection
@section('script')
    <script src="{{ asset('/') }}restaurant/custom/js/waiter.js"></script>
    <script>
        $(document).ready(function() {
            $('.customClass').select2();
        });
    </script>    
@endsection