@extends('layouts.public')

@section('title', 'SYSTRONICS — Customization Services')
@section('meta_description', 'SYSTRONICS offers a wide range of customization services for Sage 300, Sage X3 and Sage CRM — from simple report and UI customizations to sophisticated business solutions.')

@php
    $check = '<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>';
    $salesMail = 'mailto:'.config('systronics.mail.sales_notify', 'sales@systronics.com');
@endphp

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Services',
        'title' => 'Customization Services',
        'lede' => 'SYSTRONICS offers a wide range of customization services for Sage 300, Sage X3 and Sage CRM. Starting from simple report and UI customizations, we develop sophisticated business solutions and interfaces with external applications. Our high quality, on-schedule delivery and affordable rates have made SYSTRONICS the primary choice of our partners the world over.',
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Services', 'url' => route('public.services.index')],
            ['label' => 'Customization Services'],
        ],
    ])

    @include('public.partials.services-toolstrip', ['active' => 'customization-services'])

    <nav class="anchornav" aria-label="On this page">
        <a href="#how">How does it work?</a>
        <a href="#included">Does it work for you?</a>
        <a href="#doubts">Tried it in the past?</a>
        <a href="#enquiry">Send an enquiry</a>
    </nav>

    <section class="section" id="how">
        <div class="layout">
            <div>
                <span class="eyebrow">Process</span>
                <h2 class="section-title">How does it work?</h2>
                <p class="lede">You just need to follow these simple steps:</p>
                <ol class="steps" style="margin-top:24px">
                    <li>Provide us with a Scope of Work — <a href="{{ $salesMail }}?subject=Scope%20of%20Work%20Template">ask sales for the SYSTRONICS template</a> — or send us a detailed list of requirements;</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, if you opted for that.</li>
                </ol>
            </div>
            <aside class="aside">
                <div class="card card--soft">
                    <h3 style="font-size:15px">Templates</h3>
                    <div class="flex-col" style="gap:8px;margin-top:14px">
                        <a class="file" href="{{ $salesMail }}?subject=Scope%20of%20Work%20Template" style="grid-template-columns:auto 1fr">
                            <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>
                            Scope of Work Template
                        </a>
                    </div>
                    <p class="card-body">Two pages are usually enough to start the analysis.</p>
                </div>
                <div class="card">
                    <h3 style="font-size:15px">Talk to us</h3>
                    <p class="card-body">Project managers reply within one business day.</p>
                    <div class="actions" style="padding-top:16px">
                        <a class="btn btn--primary btn--block" href="#enquiry">Send an enquiry</a>
                    </div>
                </div>
            </aside>
        </div>
    </section>

    <section class="panel" id="included">
        <div class="section-head">
            <div>
                <span class="eyebrow">Does it work for you?</span>
                <h2 class="section-title">More than just coding</h2>
            </div>
        </div>
        <p class="lede" style="margin-top:0">Yes, because more than just coding, SYSTRONICS offers and delivers the following services:</p>
        <ul class="check-list check-list--grid" style="margin-top:22px">
            <li>{!! $check !!}Expert Communication,</li>
            <li>{!! $check !!}Project Management,</li>
            <li>{!! $check !!}Pre-Development Functional Analysis,</li>
            <li>{!! $check !!}Pre-Development Technical and Functional Documentation,</li>
            <li>{!! $check !!}Technical Design,</li>
            <li>{!! $check !!}Software Development,</li>
            <li>{!! $check !!}Quality Assurance,</li>
            <li>{!! $check !!}Packaging, and</li>
            <li>{!! $check !!}On-Going Support Services.</li>
        </ul>
    </section>

    <section class="section" id="doubts">
        <div class="section-head section-head--ruled">
            <div>
                <span class="eyebrow">You tried it in the past, but couldn't make it work!</span>
                <h2 class="section-title">Four questions worth asking</h2>
            </div>
        </div>
        <div class="grid-2" style="margin-top:26px">
            <div class="card">
                <h3>Was The Functional Aspect Overlooked?</h3>
                <p class="card-body">All our development projects are supervised by full-time Sage 300 and Sage CRM Certified Consultants, in order to assure the delivery of a functionally accurate and complete product.</p>
            </div>
            <div class="card">
                <h3>Did You Get Exactly What You Asked For?</h3>
                <p class="card-body">Our analysts and testers guarantee the exact compliance of our software to your documented and signed-off requirements. All functional documentation is reviewed and agreed upon with you prior to freezing them and starting development works.</p>
            </div>
            <div class="card">
                <h3>Was Sufficient Time Spent On Quality Assurance?</h3>
                <p class="card-body">We use tight standards and procedures for Quality Control including multi-level testing and compliance to agreed testing plans.</p>
            </div>
            <div class="card">
                <h3>Was Communication Easy With The Development Partner?</h3>
                <p class="card-body">During the life-cycle of your project development, you'll communicate with experienced Project Managers, not with programmers. Our response time is well within one business day.</p>
            </div>
        </div>
    </section>

    <section class="panel" id="enquiry">
        <div class="grid-2" style="gap:32px;align-items:start">
            <div>
                <span class="eyebrow">Send an enquiry</span>
                <h2 class="section-title section-title--sm" style="margin-top:10px">Tell us what you need built</h2>
                <p class="lede">Attach a Scope of Work or describe the requirement in a few lines. A project manager will come back to you within one business day.</p>
            </div>
            <div class="card">
                <h3 style="font-size:15px">Write to sales</h3>
                <p class="card-body">There is no web form for this request. Email the requirement, and we will reply within one working day.</p>
                <div class="actions" style="padding-top:16px">
                    <a class="btn btn--primary btn--block" href="{{ $salesMail }}?subject=Customization%20enquiry">Email sales@systronics.com</a>
                </div>
            </div>
        </div>
    </section>

    @include('public.partials.services-others', ['except' => 'customization-services'])
    @include('public.partials.services-cta')
@endsection