Elep

@extends('layouts.admin')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Search Logs</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead class="text-primary">
                                <tr>
                                    <th>Food</th>
                                    <th>Address</th>
                                    <th>Time</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($search as $log)
									<tr>
									    <td>{{ $log['food'] ?? '' }}</td>
									    <td>{{ $log['address'] ?? '' }}</td>
									    <td>{{ $log['created'] ?? '' }}</td>
									    <td><a class="delete-log" href="{{ route('delete_log', ['id' => $log['_id']]) }}">Delete</a></td>
									</tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div><div class="pagination" style="padding-left: 20px;">
                    @if($prev)
                        <a href="{{ route($link, ['page' => 1]) }}" class="btn btn-primary btn-round">First</a>
                        <a href="{{ route($link, ['page' => $page-1]) }}" class="btn btn-primary btn-round">Previous</a>
                    @endif
                    @if($next)
                        <a href="{{ route($link, ['page' => $page+1]) }}" class="btn btn-primary btn-round">Next</a>
                    @endif
                  
                </div>  
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        document.querySelectorAll('.delete-log').forEach(deleteLogLink => {
            deleteLogLink.addEventListener('click', e => {
                e.preventDefault();
                const target = e.target;
                const url = target.getAttribute('href');
                fetch(url, {credentials: 'same-origin'})
                .then(response => response.json())
                .then(result => {
                    target.closest('tr').remove()
                })
                .catch(error => console.error(error));
            });
        })
    </script>
@endsection