@extends('layouts.customer')
@section('title')
    Category
@endsection

@section('content')
{{-- <div class="py-5"></div> --}}
    <div class="py-5 my-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>All Categories</h2>
                </div>
                <div class="row ">
                @if ($categories)
    @foreach ($categories as $category)
        <a href="{{ url('view-category/'.$category->id) }}" class="card col-md-4" style="border: none;">
            <div class="card-body zoom position-relative">
                <img src={{asset('upload/category/'.$category->image)}} class="w-100 lazy rounded" height="200px" alt="">

                <div class="text-light position-absolute top-50 start-50 translate-middle">
                    <h4 style="letter-spacing: 3px;">{{ $category->name }}</h4>
                </div>
            </div>
        </a>

        
    @endforeach
@else
    <p>No categories found.</p>
@endif
            </div>
        </div>
    </div>
    <div class="py-5 my-5">

    </div>
@endsection