@extends('layouts/master_hf')

@php
    $pagename = 'pinze per tronchi';
@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="col-12">
                                        <p>
                                            La nostra officina meccanica è strutturata per produrre internamente i
                                            nostri prodotti. Siamo sempre alla ricerca di nuove tecnologie ed
                                            utilizziamo macchinari di ultima generazione, tra i quali: taglio laser
                                            fibra, centri di lavoro, centri di tornitura, robot per la saldatura,
                                            piegatrice CNC e presse idrauliche.

                                        </p>
                                        <p>
                                            Nel settore forestale, alcune parti delle nostre pinze, dopo la
                                            saldatura, vengono sottoposte ad un trattamento di normalizzazione e
                                            distensione termica
                                        </p>
                                    </div>
                                    <br> --}}
                                    <div class="tm-article-wrapper container-fluid">
                                        <div class="tm-article row">
                                            @php
                                                $products = [
                                                    [
                                                        'nome' => 'Serie PF - PFPA',
                                                        'immagine' => 'pf-mini-8c073a0ab8f6f1c5682b33c1e77426ca.png',
                                                        'link' => route('pinzePF'),
                                                        'desc' =>
                                                            'Per la loro compattezza sono ideali per lavorare su gru forestali ed escavatori, può essere equipaggiata con vari kit-motosega.',
                                                    ],
                                                    [
                                                        'nome' => 'Serie PW',
                                                        'immagine' => 'pw-mini-951c26b93635fe5d481bb3172f59fa35.png',
                                                        'link' => route('pinzePW'),
                                                        'desc' =>
                                                            'Queste pinze per le loro caratteristiche di costruzione e la larghezza, di soli 320 mm. le rendono adatte a lavorare su escavatori e a movimentare ramaglie/legna. Possono essere equipaggiate con kit-motosega IT 450 CTH o IT 500 CTH.',
                                                    ],
                                                    [
                                                        'nome' => 'Serie C2',
                                                        'immagine' => 'c2-mini-c4ea30348f38622c368b8a3c9f18250d.png',
                                                        'link' => route('pinzeC2'),
                                                        'desc' =>
                                                            'La pinza serie C2 è stata costruita per lavori pesanti. Le punte aperte con spessore 40 mm e i due cilindri idraulici, permettono di movimentare agevolmente tronchi e ramaglie. La pinza può essere equipaggiata con kit motosega da 3/4" e rotazione a ralla.',
                                                    ],
                                                ];
                                            @endphp

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

                                                @foreach ($products as $p)
                                                    <div class="col-12 mb-4 d-md-none">
                                                        <a href="{{ $p['link'] }}" class="w-100 h-100 px-0">
                                                            <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="highlight"></div>
                                                                                <div class="title"
                                                                                    style="font-size: clamp(16px, 2vw, 20px)">
                                                                                    {{ $p['nome'] }}</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </main>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection