@extends('web.layouts.app')

@section('title', transWord('الأقسام'))

@section('sub_header')
<div class="sub-header">
    <div class="main-container">
        <div class="title-pages">
            <h2> {{ transWord('الأقسام') }} </h2>
            <div class="breadcrumb-header">
                <a href="{{ route('web.supply.home') }}"> {{ transWord('الرئيسية') }} </a>
                <i class="bi bi-chevron-double-left"></i>
                <span> {{ transWord('الاقسام') }} </span>
            </div>
        </div>


    </div>
</div>

@endsection

@section('content')
<section class="categories mr-section">
    <div class="main-container">
        <div class="title-center">
            <h2> {{ transWord('تسوق حسب الفئه') }}  </h2>
        </div>
        <div class="row row-gap mt-5">
            @foreach($categories as $category)
            <div class="col-lg-3 col-md-4 col-sm-6">
                <a href="{{ route('web.supply.category_products.all' , $category->id) }}">
                    <div class="sub-categories">
                        <div class="img-categories">
                            <img src="{{ asset('storage').'/'.$category->image }}" alt="">
                        </div>
                        <h2>{{ $category->name }}</h2>
                    </div>
                </a>
            </div>
            @endforeach




        </div>
    </div>
</section>





@endsection