@extends('layouts.default')

@section('content')

@php
    $img = fn ($file) => asset('images/warehousing/' . $file);
@endphp

<div class="pf-wh">


    <section class="pf-wh-hero"
        style="background-image: url('{{ $img('Bodega_inventario_mx.png') }}');">

        <div class="pf-wh-hero-inner">
            <span class="pf-wh-badge">
                {{ __('warehousing.hero_badge') }}
            </span>

            <h1>{{ __('warehousing.hero_title') }}</h1>

            <p>{{ __('warehousing.hero_text') }}</p>
        </div>
    </section>

    <div class="pf-wh-wrap">

   
        <div class="pf-wh-card pf-wh-intro">
            <h2>{{ __('warehousing.intro_title') }}</h2>

            <p>{{ __('warehousing.intro_text_1') }}</p>

            <p>{{ __('warehousing.intro_text_2') }}</p>
        </div>

     
        <div class="pf-wh-grid3">
            @foreach (__('warehousing.features') as $feature)
                <div class="pf-wh-card pf-wh-feature">
                    <span class="pf-wh-num">
                        {{ $feature['num'] }}
                    </span>

                    <h3>{{ $feature['title'] }}</h3>

                    <p>{{ $feature['text'] }}</p>
                </div>
            @endforeach
        </div>


        <div class="pf-wh-head">
            <h2>{{ __('warehousing.environment_title') }}</h2>

            <p>{{ __('warehousing.environment_text') }}</p>
        </div>

   
        <div class="pf-wh-split">

            <div class="pf-wh-split-img">
                <img
                    src="{{ $img('Bodega_inventario_cold-chain-pk.png') }}"
                    alt="{{ __('warehousing.packing_title') }}">
            </div>

            <div class="pf-wh-card pf-wh-split-text">
                <h3>{{ __('warehousing.packing_title') }}</h3>

                <p>{{ __('warehousing.packing_text') }}</p>

                <ul class="pf-wh-checks">
                    @foreach (__('warehousing.checks') as $item)
                        <li>{{ $item }}</li>
                    @endforeach
                </ul>
            </div>

        </div>

  
        <div class="pf-wh-grid3 pf-wh-gallery">
            @foreach (__('warehousing.gallery') as $item)
                <div class="pf-wh-card pf-wh-photo">

                    <img
                        src="{{ $img($item['file']) }}"
                        alt="{{ $item['title'] }}"
                        loading="lazy">

                    <div class="pf-wh-photo-body">
                        <h4>{{ $item['title'] }}</h4>

                        <p>{{ $item['text'] }}</p>
                    </div>

                </div>
            @endforeach
        </div>

   
        <section class="pf-wh-temp">

            <h2>{{ __('warehousing.temperature_title') }}</h2>

            <p>{{ __('warehousing.temperature_text') }}</p>

            <div class="pf-wh-temp-grid">
                @foreach (__('warehousing.temps') as $temp)
                    <div class="pf-wh-temp-box">
                        <strong>{{ $temp['range'] }}</strong>

                        <span>{{ $temp['text'] }}</span>
                    </div>
                @endforeach
            </div>

        </section>

    
        <div class="pf-wh-notice">
            <strong>{{ __('warehousing.notice_title') }}</strong>

            {{ __('warehousing.notice_text') }}
        </div>

    </div>
</div>

@stop