use Illuminate\Support\Str;
@extends('layout.admindashboard')
@section('content')
    <section class="content">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Gallery</h1>
                    </div>

                </div>
            </div>
        </div>
        <div class="content mb-4">
            <div class="col-12 text-right">
                <a href="{{ route('gallery-add') }}" class="btn btn-primary">Add Photo</a>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Items</h3>

                            
                        </div>

                        <div class="card-body table-responsive p-0">
                            <table class="table table-hover text-nowrap">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Image</th>
                                        <th>Image2</th>
                                        <th>Image3</th>
                                        <th>Name</th>
                                        <th>Description</th>
                                        <th>Category</th>
                                        <th>Quantity</th>
                                        <th>MRP</th>
                                        <th>Original MRP</th>
                                      
                                        <th>Farmer<th>
                                            <th>Link</th>
                                        <th colspan="2">Manage</th>
                                    </tr>
                                </thead>
                                <tbody>
                                  @foreach ( $itemnames as $items )
                                      
                                
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            
                                            <td><img style="width: 30px; height:30px;" src="{{ URL::asset('storage/items/'.$items->image)}}"></td>
                                            <td><img style="width: 30px; height:30px;" src="{{ URL::asset('storage/items/'.$items->image2)}}"></td>
                                            <td><img style="width: 30px; height:30px;" src="{{ URL::asset('storage/items/'.$items->image3)}}"></td>
                                            <td>{{$items->name}}</td>
                                            <td>{{$items->description}}</td>
                                            <td>{{$items->category->catname}}</td>
                                            <td>{{$items->quantity}}</td>
                                            <td>{{$items->mrp}}</td>
                                            
                                            <td>{{$items->del}}</td>
                                            <td>{{$items->farmer}}<td>
                                                <td>{{$items->videourl}}</td>    
                                            <td><a href="{{ route('view-gallery', $items->id) }}" class="btn btn-info btn-sm">View</a></td>
                                            <td><a href="{{ route('editgallery', $items->id) }}" class="btn btn-warning btn-sm">Edit</a></td>
                                            <td><a href="{{ route('delete-gallery', $items->id) }}"button class="btn btn-sm btn-danger">Delete</button></td>
                                        </tr>
                                        @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection