@extends('layouts.public')

@section('title', 'SYSTRONICS — Services')
@section('meta_description', 'Custom software development for Sage 300, Sage X3 and Sage CRM — from a short Scope of Work to a packaged, copyright-assigned product.')

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Services',
        'title' => 'Services',
        'lede' => 'Custom software development for Sage 300, Sage X3 and Sage CRM — from a short Scope of Work to a packaged, copyright-assigned product.',
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Services'],
        ],
    ])

    @include('public.partials.services-toolstrip')

    <section class="section">
        <div class="card" style="padding:32px">
            <div class="grid-2" style="gap:32px;align-items:start">
                <div>
                    <span class="eyebrow">MyOwnAddOn™</span>
                    <h2 class="section-title section-title--sm" style="margin-top:10px">You don't need to be a software developer to own a Sage 300 Add–On</h2>
                    <p class="lede">HOW DOES IT WORK? You just need to follow these simple steps:</p>
                </div>
                <div class="prose">
                    <ol class="steps">
                        <li>Identify a market need and prepare a short Scope of Work — write to <a href="mailto:sales@systronics.com">sales@systronics.com</a> for the SYSTRONICS Scope of Work Template</li>
                        <li>We'll fully analyze and document the application,</li>
                        <li>We'll develop, test and package the product for you,</li>
                        <li>We'll assign the product copyright to you.</li>
                    </ol>
                    <a class="more" href="{{ route('public.services', 'customization-services') }}" style="display:inline-block;margin-top:18px">more…</a>
                </div>
            </div>
        </div>
    </section>

    <section class="section">
        <div class="grid-2">
            <div class="card">
                <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="M6.5 3.5h8L18.5 7.5v13H6.5V3.5Z"></path><path d="M14 3.5V8h4.5M9.5 13h5M9.5 16.5h5"></path></svg>
                </span>
                <h3 style="margin-top:16px">Contract Development</h3>
                <div class="prose" style="margin-top:12px;font-size:14.5px">
                    <p>We solicit inquiries from Sage 300 and Sage CRM Solution Providers and Customers alike, for contract software development of:</p>
                    <ul>
                        <li>Sage 300 SDK applications,</li>
                        <li>Externally-run Sage 300 compatible applications,</li>
                        <li>Sage CRM customizations, optionally integrated with Sage 300,</li>
                        <li>Sage 300 compatible software interfaces to existing external applications, or</li>
                        <li>Web interfaces to Sage 300.</li>
                    </ul>
                    <a class="more" href="{{ route('public.services', 'contract-development') }}" style="display:inline-block;margin-top:16px">more…</a>
                </div>
            </div>
            <div class="card">
                <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"><circle cx="11" cy="11" r="6.5"></circle><path d="M15.8 15.8 20.5 20.5M8.5 11.5l2 2 3.5-4"></path></svg>
                </span>
                <h3 style="margin-top:16px">Solutions Analysis</h3>
                <div class="prose" style="margin-top:12px;font-size:14.5px">
                    <p>We solicit inquiries from Sage 300 Solution Providers and Sage 300 Customers alike, for the analysis of requirements concerning Sage 300 based business solutions in the following areas:</p>
                    <ul>
                        <li>Identification of industry specific solutions,</li>
                        <li>Analysis of custom reports or inquiry screens,</li>
                        <li>Technical analysis for View and UI customization,</li>
                        <li>Analysis of Sage 300 macros,</li>
                        <li>Analysis of workarounds,</li>
                        <li>Implementation Assistance.</li>
                    </ul>
                    <a class="more" href="{{ route('public.services', 'solutions-analysis') }}" style="display:inline-block;margin-top:16px">more…</a>
                </div>
            </div>
            <div class="card" style="grid-column:1 / -1">
                <div class="grid-2" style="gap:32px;align-items:center">
                    <div>
                        <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="M4 12.5 9 17.5 20 6.5"></path></svg>
                        </span>
                        <h3 style="margin-top:16px">Implementation</h3>
                        <p class="card-body">SYSTRONICS offers a variety of Sage 300 addons and Industry Solutions. Some of these offerings require certification and qualified implementation skills. To ease the burden on our Business Partners, SYSTRONICS offers remote implementation services.</p>
                        <a class="more" href="{{ route('public.services', 'implementation') }}" style="display:inline-block;margin-top:16px">more…</a>
                    </div>
                    <div class="files" style="grid-template-columns:1fr">
                        <a class="file" href="mailto:sales@systronics.com?subject=SYSTRONICS%20Scope%20of%20Work%20Template">
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.5 4H7A1.5 1.5 0 0 0 5.5 5.5v13A1.5 1.5 0 0 0 7 20h10a1.5 1.5 0 0 0 1.5-1.5V8L14.5 4Z"></path><path d="M14 4v4.5h4.5"></path></svg>
                            SYSTRONICS Scope of Work Template<span class="ftype">DOC</span>
                        </a>
                        <a class="file" href="{{ route('public.company', 'company-profile') }}">
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.5 4H7A1.5 1.5 0 0 0 5.5 5.5v13A1.5 1.5 0 0 0 7 20h10a1.5 1.5 0 0 0 1.5-1.5V8L14.5 4Z"></path><path d="M14 4v4.5h4.5"></path></svg>
                            Company Profile<span class="ftype">PDF</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('public.partials.services-cta')
@endsection