@extends('layouts.master2')

@section('loginMobile')
@endsection
@section('pageHeader')
<div class="bg-gd-primary d-block d-md-none py-3">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-2">
                <a href="{{ url('/') }}">
                    <i class="fa fa-arrow-left text-white cursor-pointer"></i>
                </a>
            </div>
            <div class="col-8 text-center">
                <span class="text-white font-weight-bold">Semua Kategori</span>
            </div>
        </div>
    </div>
</div>
@endsection
@section('content')
<div class="pb-5 pb-md-3">
    <div class="container bg-white d-block mb-3 my-md-3 py-3 categories">
        @foreach($categories as $key => $cat)
        <div class="row no-gutters py-3 {{ $key != (count($categories) - 1) ? 'border-bottom' : ''}}">
            <div class="col-12">
                <a href="{{ url('/category/'. $cat->slug) }}">
                    <div class="row align-items-center">
                        <div class="col-4 col-md-2 text-center"><img src="{{ $cat->image }}" alt="{{ $cat->name }}" class="img-max-100"></div>
                        <div class="col-8 col-md-10"><span>{{ $cat->name }}</span></div>
                    </div>
                </a>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection