@extends('layouts.public')

@section('title', 'SYSTRONICS — Products')
@section('meta_description', 'SYSTRONICS products are packaged and sold similar to Sage 300 core modules. We update our products on regular intervals to maintain compatibility with Sage 300 versions.')

@section('content')
    <nav class="crumbs" aria-label="Breadcrumb">
        <a href="{{ route('public.home') }}">Home</a><span>/</span><strong>Products</strong>
    </nav>

    <div class="phead">
        <span class="eyebrow">Products</span>
        <h1>Products</h1>
        <p class="lede">SYSTRONICS products are packaged and sold similar to Sage 300 core modules. We update our products on regular intervals to maintain compatibility with Sage 300 versions, in addition to introducing enhanced functionality.</p>
    </div>

    <div class="toolstrip">
        <a class="tool" href="#catalog">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h10"></path></svg>
            Product list
        </a>
        <a class="tool" href="{{ route('public.shipping-versions') }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><path d="M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01"></path></svg>
            Supported versions
        </a>
        <a class="tool" href="#licensing">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><path d="M6 3.5h8L18 7.5v13H6V3.5Z"></path><path d="M13.6 3.5V8H18"></path></svg>
            Licensing
        </a>
        <a class="tool" href="{{ route('public.projects.index') }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><path d="M5 7h14M5 12h14M5 17h14"></path><circle cx="9.5" cy="7" r="1.9"></circle><circle cx="15" cy="12" r="1.9"></circle><circle cx="8" cy="17" r="1.9"></circle></svg>
            Customizations
        </a>
        <a class="tool" href="{{ route('portal.activation-requests.create') }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="8.5" cy="15.5" r="3.5"></circle><path d="M11 13 19.5 4.5M16.5 4.5h3v3"></path></svg>
            Request Activation Code
        </a>
    </div>

    <section class="panel" id="licensing">
        <span class="eyebrow">Licensing</span>
        <h2 class="section-title section-title--sm">Subscription and Perpetual Licensing</h2>
        <div class="prose" style="margin-top:18px">
            <p>SYSTRONICS offers Subscription Licensing and Perpetual Licensing models:</p>
            <ul>
                <li>An annual Subscription License entitles the End User to use any shipping version of a product, during the validity period, in addition to eligibility to receive updates, upgrades and unlimited offsite technical support services direct from the SYSTRONICS Support Team. In order to continue using a product after the subscription expiry date, subscriptions must be renewed before expiry, failing which, a product stops working. Implementation and post-sale services offered by SYSTRONICS, if required, are chargeable.</li>
                <li>A Perpetual License is available at a fixed license fee. Updates, upgrades and unlimited offsite technical support services direct from the SYSTRONICS Support Team are available under a valid Software Assurance Plan only, which is mandatory for the first year and accumulates over lapsed years. Annual Software Assurance is charged at 20% of the current product SRP. Implementation and post-sale services offered by SYSTRONICS, if required, are chargeable.</li>
            </ul>
        </div>
    </section>

    <section class="section" id="catalog">
        <div class="section-head section-head--ruled">
            <div>
                <span class="eyebrow">{{ $products->count() }} {{ $products->count() === 1 ? 'product' : 'products' }}</span>
                <h2 class="section-title">Sage 300 SDK applications</h2>
            </div>
            <div class="section-links">
                <a href="{{ route('public.releases.index') }}">Version releases →</a>
                <a href="{{ route('public.shipping-versions') }}">Supported versions →</a>
            </div>
        </div>
        <div class="catalog catalog--list" style="margin-top:10px">
            @forelse ($products as $product)
                @php
                    $code = strtolower($product->code);
                    $blurb = $productBlurbs[$code] ?? '';
                    $slogan = $productSlogans[$code] ?? '';
                    $copy = $blurb !== '' ? $blurb : $slogan;
                    $title = \App\Domain\Catalog\Support\ProductMarketingCopy::catalogTitle($product->code, $product->name);
                    $href = route('public.products.show', $product);
                @endphp
                <article class="cat-item">
                    <span class="icon-tile">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3.5" y="4.5" width="17" height="15" rx="2"></rect><path d="M3.5 9h17M8 19.5V9"></path></svg>
                    </span>
                    <div>
                        <div class="cat-head">
                            <a class="cat-name" href="{{ $href }}">{{ $title }}</a>
                            <span class="badge">{{ strtoupper($product->code) }}</span>
                        </div>
                        @if ($copy !== '')
                            <p class="cat-desc">{{ $copy }} <a class="more" href="{{ $href }}">more…</a></p>
                        @else
                            <a class="cat-more" href="{{ $href }}">more…</a>
                        @endif
                    </div>
                </article>
            @empty
                <p>No products published yet.</p>
            @endforelse
        </div>

        <div class="catalog catalog--list catalog--sheets" style="margin-top:8px">
            <a class="cat-item" href="{{ url('/legacy/downloads/product brochure/All SYSTRONICS Products Fact Sheet A4 Format.pdf') }}" target="_blank" rel="noopener">
                <span class="icon-tile">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 3.5h7.5L19 8v12.5H7V3.5Z"></path><path d="M14.2 3.5V8H19"></path></svg>
                </span>
                <div>
                    <span class="cat-name">All SYSTRONICS Products Fact Sheet A4 Format</span>
                </div>
            </a>
            <a class="cat-item" href="{{ url('/legacy/downloads/product brochure/All SYSTRONICS Products Fact Sheet Letter Format.pdf') }}" target="_blank" rel="noopener">
                <span class="icon-tile">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 3.5h7.5L19 8v12.5H7V3.5Z"></path><path d="M14.2 3.5V8H19"></path></svg>
                </span>
                <div>
                    <span class="cat-name">All SYSTRONICS Products Fact Sheet Letter Format</span>
                </div>
            </a>
        </div>
    </section>

    <section class="panel" id="customizations">
        <span class="eyebrow">Customizations</span>
        <h2 class="section-title section-title--sm">Custom solutions</h2>
        <p class="lede" style="margin-top:16px">SYSTRONICS has made its mark in providing highly customized solutions that maximize the functionality of your Sage 300 and Sage CRM implementations to meet your specific business needs. <a class="more" href="{{ route('public.projects.index') }}">more…</a></p>
    </section>
@endsection