Elep

@extends('layouts.admin')

@section('extrastyle')
    <style>
        tr td img {
            width: 200px;
            height: 200px;
        }
    </style>      
@endsection

@section('content')
<div class="row">
    
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Explore Pictures</h4>
                <form action="{{ route($link) }}">
                    <div class="input-group no-border">
                      <input type="text" name="search" class="form-control" value="{{ $search }}" placeholder="Search...">
                      <div class="input-group-append">
                        <div class="input-group-text">
                          <button style="border: none; background: transparent; padding: 0; margin: 0; cursor: pointer;"><i class="nc-icon nc-zoom-split"></i></button>
                        </div>
                      </div>
                    </div>
                </form>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table">
                        <thead class="text-primary">
                            <tr>
                                <th>Food Name</th>
                                <th>Place name</th>
                                <th>Image</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($items as $item)
                                <tr>
                                    <td>{{ $item['food'] ?? '' }}</td>
                                    <td>{{ $item['place_name'] }}</td>
                                    <td><img src="{{ $item['image'] }}" alt="{{ $item['food'] ?? '' }} picture"></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="pagination" style="padding-left: 20px;">
            	@if($prev)
            		<a href="{{ $prev }}" class="btn btn-primary btn-round">Previous</a>
				      @endif
              @if($next)
                <a href="{{ $next }}" class="btn btn-primary btn-round">Next</a>
              @endif
            </div>
        </div>
    </div>
</div>

@endsection