@extends('layouts/master_hf')

@php
    $pagename = 'rotatori indexator';
    $imgpath = "images/background/tronchi02.jpg";
@endphp

@section('body')
    <div class="tm-sidebars-1 tm-isblog tm-header-wrapper">
        @include('components.breadcrumb')

        <div class="tm-page-corners"></div>

        <div id="tm-main" class="tm-block-main uk-block uk-block-default">
            <div class="tm-page-padding">
                <div class="uk-container uk-container-center">
                    <div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin>
                        <div class="tm-main uk-width-medium-1-1">
                            <main id="tm-content" class="tm-content">
                                <div id="system-message-container"></div>
                                <article class="uk-article tm-article">
                                    <div class="tm-article-wrapper container-fluid">
                                        <div class="tm-article row">
                                            @php
                                                $products = [
                                                    [
                                                        'nome' => 'GV 6',
                                                        'immagine' => 'GV6-6e05ec6fc013650293c88d6f53fb628f.png',
                                                        'link' => 'images/forestale/download/GV6.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 5006285</li><li>Portata 60 q.li circa</li><li>Peso Kg 46.2</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'GV 12',
                                                        'immagine' => 'GV12-d5636735dd7eedd9f3768fa80a771450.png',
                                                        'link' => 'images/forestale/download/GV12.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 5212049</li><li>Portata 100 q.li circa</li><li>Peso Kg 54.2</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'GV124',
                                                        'immagine' => 'GV124-78bf126d6f99ad3602feee43e12e6f69.png',
                                                        'link' => 'images/forestale/download/GV124.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 5112134</li><li>Portata 100 q.li circa</li><li>Peso Kg 59</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'GV 124S',
                                                        'immagine' => 'GV124S-f0e37339ea7d3869c3f548721b40c442.png',
                                                        'link' => 'images/forestale/download/GV124S.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 5112127</li><li>Portata 100 q.li circa</li><li>Peso Kg 65.9</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'GV 17S',
                                                        'immagine' => 'GV17S-d69b06626303f7a2c0dc3a454380f87b.png',
                                                        'link' => 'images/forestale/download/GV17S.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 5217275</li><li>Portata 160 q.li circa</li><li>Peso Kg 63.6</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'XR 300LS',
                                                        'immagine' => 'XR300LS-26103c339d7f7c163dd6c410f74f3400.png',
                                                        'link' => 'images/forestale/download/XR300LS.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 8300003</li><li>Portata 300 q.li circa</li><li>Peso Kg 77</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'XR 350LS',
                                                        'immagine' => 'XR350LS-aafae9354b84d5d70a72298479e79c2b.png',
                                                        'link' => 'images/forestale/download/XR350LS.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 8350000</li><li>Portata 500 q.li circa</li><li>Peso Kg 121</li></ul>',
                                                    ],
                                                    [
                                                        'nome' => 'XR 400HT X2 C M24',
                                                        'immagine' => 'XR400HT-2422a816e384c16c3e8529f0ab99681b.png',
                                                        'link' => 'images/forestale/download/XR400HTX2CM24.pdf',
                                                        'desc' =>
                                                            '<ul><li>Part No.: 8400024</li><li>Portata 550 q.li circa</li><li>Peso Kg 199</li></ul>',
                                                    ],
                                                ];
                                            @endphp

                                            <div class="row">
                                                @foreach ($products as $p)
                                                    <div class="col-12 col-md-3 mb-4">
                                                        <a href="{{ $p['link'] }}" class="w-100 h-100 px-0"
                                                            target="_blank">
                                                            <div class="custom-button h-100">
                                                                <div class="container-fluid">
                                                                    <div class="row text-left">
                                                                        <div class="col-12 pl-0">
                                                                            <img src="media/widgetkit/{{ $p['immagine'] }}"
                                                                                alt="Immagine {{ $p['nome'] }}">
                                                                        </div>
                                                                        <div class="col-12">
                                                                            <div class="text-container">
                                                                                <div class="title"
                                                                                    style="font-size: clamp(18px, 2vw, 20px)">
                                                                                    {{ $p['nome'] }}</div>
                                                                                <div class="highlight"></div>
                                                                                <div class="subtitle"
                                                                                    style="font-size: clamp(14px, 2vw, 14px)">
                                                                                    {!! $p['desc'] !!}</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </main>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection