@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        <div class="serbg relative bggfa">
            <div class="the-container pt-12 z-10 relative lg:mt-6">
                <div class="text-center -mb-7 text-xs text-1st uppercase">{{ __('frontend.our_services') }}</div>
                <div class="bluehd">{{ __('frontend.range_services') }}</div>
                <div class="service-cont grid gap-8 grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 2xl:grod-cols-6">
                    @if (!empty($service))
                        @foreach ($service['data'] as $item)
                            <div class="service-card">
                                <div class="cn">
                                    <img sizes="100%" src="{{ convert_image($item['image'], 2) }}" alt="Alternate Text" />
                                    <div class="text-1st text-xl font-bold">
                                        {{ !empty($item['name']) ? $item['name'] : '' }}
                                    </div>
                                    <p>{{ !empty($item['detail']) ? $item['detail'] : '' }}</p>
                                </div>
                                <a class="flex items-center uppercase text-1st justify-center"
                                    href="{{ mwz_route('frontend.service-detail', [$item['id']]) }}">
                                    {{ __('frontend.read_more') }}
                                    <svg width="25" height="16" class="ml-2" viewBox="0 0 35 16" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M34.7071 8.70711C35.0976 8.31658 35.0976 7.68342 34.7071 7.29289L28.3431 0.928932C27.9526 0.538408 27.3195 0.538408 26.9289 0.928932C26.5384 1.31946 26.5384 1.95262 26.9289 2.34315L32.5858 8L26.9289 13.6569C26.5384 14.0474 26.5384 14.6805 26.9289 15.0711C27.3195 15.4616 27.9526 15.4616 28.3431 15.0711L34.7071 8.70711ZM0 9H34V7H0V9Z"
                                            fill="#175A87" />
                                    </svg>
                                </a>
                            </div>
                        @endforeach
                    @endif
                    {{-- <div class="service-card">
                        <div class="cn">
                            <img src="{{ Module::asset('frontend:img/project/s1.svg') }}" alt="Alternate Text" />
                            <div class="text-1st text-xl font-bold">Sea Freight</div>
                            <p>mostly our sea freight will be competitive for ASIA ,MIDDLE EAST ,EUROPE, USA ,CANADA LA TIN
                                AMERICA ,MEDDITERANEAN &amp;Africa</p>
                        </div>
                        <a class="flex items-center uppercase text-1st justify-center" href="{{ url('service-detail') }}">
                            {{ __('frontend.read_more') }}
                            <svg width="25" height="16" class="ml-2" viewBox="0 0 35 16" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M34.7071 8.70711C35.0976 8.31658 35.0976 7.68342 34.7071 7.29289L28.3431 0.928932C27.9526 0.538408 27.3195 0.538408 26.9289 0.928932C26.5384 1.31946 26.5384 1.95262 26.9289 2.34315L32.5858 8L26.9289 13.6569C26.5384 14.0474 26.5384 14.6805 26.9289 15.0711C27.3195 15.4616 27.9526 15.4616 28.3431 15.0711L34.7071 8.70711ZM0 9H34V7H0V9Z"
                                    fill="#175A87" />
                            </svg>
                        </a>
                    </div> --}}
                </div>
                <div class="text-center">
                    <div class="py-12 inline-block max-auto">
                        @if (!empty($service) && $service['page'] < $service['pages_total'])
                            <a class="butn-1st-bordered bordered-style butn-icon"
                                href="{{ mwz_route('frontend.service', [$service['page'] + 1]) }}" target="_self">
                                <div class="txt">{{ __('frontend.view_more') }}</div>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 icor" fill="none"
                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                                </svg>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection