@extends('layouts.public')

@section('title', 'SYSTRONICS — How to Order')
@section('meta_description', 'How to order SYSTRONICS Sage 300 applications: evaluate a trial, purchase a license, and request an Activation Code.')

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

    <div class="phead">
        <span class="eyebrow">Sales</span>
        <h1>How to order SYSTRONICS products</h1>
        <p class="lede">For the majority of SYSTRONICS products fully functional trial versions are available for download from their respective product pages on our website. Downloaded products can be used for 30 days at no cost, for evaluation and demonstration purposes only. Once you are satisfied with the features and functions of a SYSTRONICS application, all you have to do is to purchase a license (an Activation Code) and apply it to the version installed.</p>
    </div>

    <div class="toolstrip">
        <a class="tool tool--active" href="{{ route('public.howtobuy') }}">How to Order</a>
        <a class="tool" href="{{ route('portal.distributor-partners.index') }}">Distributors</a>
        <a class="tool" href="{{ route('portal.prices') }}">Prices</a>
        <a class="tool" href="{{ route('portal.activation-requests.create') }}">Request Activation Code</a>
    </div>

    <nav class="anchornav" aria-label="On this page">
        <a href="#steps">Six steps</a>
        <a href="#pricing">What the price includes</a>
        <a href="#notes">Good to know</a>
    </nav>

    <section class="section" id="steps">
        <div class="layout">
            <div>
                <span class="eyebrow">Process</span>
                <h2 class="section-title">You can follow the steps listed below to acquire a SYSTRONICS product license</h2>
                <ol class="steps steps--lg" style="margin-top:28px">
                    <li>Navigate to <a href="{{ route('portal.prices') }}">systronics.com/prices</a> to find the price of the product of your choice.</li>
                    <li>Issue an official Purchase Order on company stationery, which is scanned and emailed to <a href="mailto:sales@systronics.com">Sales@Systronics.com</a>. Alternatively, you can send an email to <a href="mailto:sales@systronics.com">Sales@Systronics.com</a>, expressing your intent to purchase.</li>
                    <li>Obtain a Pro Forma Invoice (PFI) from SYSTRONICS. Please review the PFI carefully upon receipt to make sure prices and sales terms are agreeable to you.</li>
                    <li>Settle the Pro Forma Invoice by making an advance payment and send the proof of payment to <a href="mailto:sales@systronics.com">Sales@Systronics.com</a>. Payment details are indicated on the payment document. Alternatively request a PayPal invoice and pay using PayPal. At this present time, we do not process credit cards directly.</li>
                    <li>Visit the <a href="{{ route('portal.activation-requests.create') }}">Activation Code Request page</a> on our website and submit a Request for Activation Code. An EU confirmation email will be automatically generated and sent to the End User. Then follow up with the End User to click the link in that mail and follow on screen instructions to accept Terms and Conditions of SYSTRONICS End User License Agreement.</li>
                    <li>Obtain an Activation Code from SYSTRONICS and activate the product. You do not need to reinstall a SYSTRONICS product that is running in the evaluation mode.</li>
                </ol>
            </div>
            <aside class="aside">
                <div class="card">
                    <h3 style="font-size:15px">Sales contact</h3>
                    <div class="flex-col" style="gap:10px;margin-top:14px">
                        <a class="file" href="mailto:sales@systronics.com" style="grid-template-columns:auto 1fr">
                            <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"><rect x="3.5" y="6" width="17" height="12" rx="2"></rect><path d="m4 7 8 6 8-6"></path></svg>
                            sales@systronics.com
                        </a>
                        <a class="file" href="{{ route('portal.distributor-partners.index') }}" style="grid-template-columns:auto 1fr">
                            <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"><path d="M12 21s6.5-6.1 6.5-10.5a6.5 6.5 0 0 0-13 0C5.5 14.9 12 21 12 21Z"></path><circle cx="12" cy="10.5" r="2.4"></circle></svg>
                            Find your distributor
                        </a>
                    </div>
                </div>
                <div class="card card--soft">
                    <h3 style="font-size:15px">Payment</h3>
                    <p class="card-body">Advance payment against a Pro Forma Invoice, or a PayPal invoice on request. Credit cards are not processed directly.</p>
                </div>
            </aside>
        </div>
    </section>

    <section class="panel" id="pricing">
        <div class="section-head">
            <div>
                <span class="eyebrow">Step 1 in detail</span>
                <h2 class="section-title">What your purchase price comprises</h2>
            </div>
            <div class="section-links"><a href="{{ route('portal.prices') }}">Prices →</a></div>
        </div>
        <div class="grid-2">
            <div class="card">
                <h3>Perpetual license</h3>
                <ul class="check-list" style="margin-top:16px">
                    <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg>The product license fee</li>
                    <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg>The price of mandatory one year SYSTRONICS Software Assurance</li>
                    <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg>Setup &amp; Implementation Services offered by SYSTRONICS where applicable</li>
                </ul>
            </div>
            <div class="card">
                <h3>Subscription license</h3>
                <ul class="check-list" style="margin-top:16px">
                    <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg>The license fee</li>
                    <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg>Setup &amp; Implementation Services offered by SYSTRONICS where applicable</li>
                </ul>
                <p class="card-body">SYSTRONICS Software Assurance is included in the subscription licensing fee.</p>
            </div>
            <div class="callout" style="grid-column:1 / -1">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><rect x="5" y="10.5" width="14" height="9" rx="2"></rect><path d="M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5"></path></svg>
                <div>Certified SYSTRONICS Business Partners are exempt from mandatory Setup &amp; Implementation Service charges, for products corresponding to their certification.</div>
            </div>
        </div>
    </section>

    <section class="section" id="notes">
        <div class="callout callout--plain">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#5A6879" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="8.5"></circle><path d="M12 11v5.5M12 7.8v.6"></path></svg>
            <div>Evaluation versions for certain SYSTRONICS products may not be available. Please refer to respective <a href="{{ route('public.products.index') }}">product pages</a> for details.</div>
        </div>
    </section>

    <div class="cta">
        <div class="cta-dots"></div>
        <div class="cta-copy">
            <h2>Questions about ordering?</h2>
            <p>Write to the SYSTRONICS sales team, or contact the distributor covering your region.</p>
        </div>
        <div class="cta-actions">
            <a class="solid" href="mailto:sales@systronics.com">sales@systronics.com</a>
            <a class="ghost" href="{{ route('portal.distributor-partners.index') }}">Distributors</a>
        </div>
    </div>
@endsection