@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">Products</h1>
                    </div>

                </div>
            </div>
        </div>
        <div class="content mb-4">
            <div class="col-12 text-right">
                <a href="{{ route('products-add') }}" class="btn btn-primary">Add Products</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">Products</h3>

                        </div>

                        <div class="card-body table-responsive p-0">
                            <table class="table table-hover text-nowrap">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th colspan="4">Manage</th>
                                        <th>Image1</th>
                                        <th>Image2</th>
                                        <th>Image3</th>
                                        <th>Name</th>
                                        <th>Category</th>
                                        <th>Description1</th>
                                        <th>Description2</th>
                                        <th>Description3</th>
                                        <th>Description4</th>

                                        <th>Link</th>

                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($productname as $products)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td><a href="{{ route('details-view', $products->id) }}"
                                                    class="btn btn-info btn-sm">Detail</a></td>
                                            <td><a href="{{ route('view-products', $products->id) }}"
                                                    class="btn btn-info btn-sm">View</a></td>
                                            <td><a href="{{ route('editproducts', $products->id) }}"
                                                    class="btn btn-warning btn-sm">Edit</a></td>
                                            <td><a href="{{ route('productdelete', $products->id) }}"button
                                                    class="btn btn-sm btn-danger">Delete</button></td>

                                            <td><img style="width: 30px; height:30px;"
                                                    src="{{ URL::asset('storage/items/' . $products->image1) }}"></td>
                                            <td><img style="width: 30px; height:30px;"
                                                    src="{{ URL::asset('storage/items/' . $products->image2) }}"></td>
                                            <td><img style="width: 30px; height:30px;"
                                                    src="{{ URL::asset('storage/items/' . $products->image3) }}"></td>
                                            <td>{{ $products->name }}</td>
                                            <td>{{ $products->category->name }}</td>
                                            <td>{{ $products->description1 }}</td>
                                            <td>{{ $products->description2 }}</td>
                                            <td>{{ $products->description3 }}</td>
                                            <td>{{ $products->description4 }}</td>
                                            <td>{{ $products->videourl }}</td>


                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection