@extends('layouts.public')

@section('title', 'SYSTRONICS — Request Activation Code')
@section('meta_description', 'Submit a Request for Activation Code after the Pro Forma Invoice has been settled. An EU confirmation email is automatically generated and sent to the End User.')

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

    <div class="phead">
        <span class="eyebrow">Sales</span>
        <h1>Request an Activation Code</h1>
        <p class="lede">Submit a Request for Activation Code after the Pro Forma Invoice has been settled. An EU confirmation email is automatically generated and sent to the End User, who accepts the Terms and Conditions of the SYSTRONICS End User License Agreement.</p>
    </div>

    <div class="toolstrip">
        <a class="tool" 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 tool--active" href="{{ route('portal.activation-requests.create') }}">Request Activation Code</a>
    </div>

    <section class="section">
        @guest
        <div class="callout" style="margin-bottom:26px">
            <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>The Activation Code Request form is available to SYSTRONICS Partners only. Please log in, or create a partner account — no fees are charged.</div>
        </div>

            <div class="grid-3">
                <div class="card">
                    <span class="icon-tile">
                        <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>
                    </span>
                    <h3 style="margin-top:16px">Log in</h3>
                    <p class="card-body">If you have a User ID and a Password already, please log in to the SYSTRONICS Partners Area.</p>
                    <form class="form" style="grid-template-columns:1fr;margin-top:18px" method="POST" action="{{ route('login') }}">
                        @csrf
                        <div class="form-row @error('login') has-error @enderror">
                            <label for="g-uid">User ID</label>
                            <input id="g-uid" name="login" type="text" value="{{ old('login') }}" placeholder="Partner ID" autocomplete="username" required>
                            @error('login')<span class="field-error">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-row">
                            <label for="g-pwd">Password</label>
                            <input id="g-pwd" name="password" type="password" placeholder="••••••" autocomplete="current-password" required>
                        </div>
                        <div class="form-row">
                            <button class="btn btn--primary btn--block" type="submit">Login</button>
                        </div>
                    </form>
                </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.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.5 7.5a4 4 0 1 0-3.7 4L9.5 14l-2.5.4L6.5 17l-2.5.4.4-2.5 6.4-6.4"></path></svg>
                    </span>
                    <h3 style="margin-top:16px">Forgot your password?</h3>
                    <p class="card-body">Enter the User ID or company e-mail of your partner account and we will send a reset link.</p>
                    <form class="form" style="grid-template-columns:1fr;margin-top:18px" method="POST" action="{{ route('password.email') }}">
                        @csrf
                        <div class="form-row">
                            <label for="g-mail">User ID or e-mail</label>
                            <input id="g-mail" name="login" type="text" value="{{ old('login') }}" placeholder="Partner ID or name@company.com" autocomplete="username" required>
                        </div>
                        <div class="form-row">
                            <button class="btn btn--outline btn--block" type="submit">Retrieve</button>
                        </div>
                    </form>
                </div>
                <div class="card card--soft">
                    <span class="icon-tile">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="8.5" r="3.5"></circle><path d="M3.5 19.5c0-3.3 2.9-5.5 6.5-5.5 1.3 0 2.5.3 3.5.8"></path><path d="M17.5 13.5v6M14.5 16.5h6"></path></svg>
                    </span>
                    <h3 style="margin-top:16px">Create a Partner Account</h3>
                    <p class="card-body">To register as a SYSTRONICS Partner, please create an account. No fees are charged to become a SYSTRONICS Partner!</p>
                    <div class="actions" style="padding-top:18px">
                        <a class="btn btn--primary btn--block" href="{{ route('register') }}">Join</a>
                    </div>
                    <p class="card-body" style="font-size:13px">You will be returned to the request form after signing in.</p>
                </div>
            </div>
        @else
            @include('portal.activation-requests._form')
        @endguest
    </section>

    <section class="panel">
        <div class="section-head">
            <div>
                <span class="eyebrow">What happens next</span>
                <h2 class="section-title section-title--sm">From request to activated product</h2>
            </div>
            <div class="section-links"><a href="{{ route('public.howtobuy') }}">How to Order →</a></div>
        </div>
        <ol class="steps steps--lg">
            <li>Submit the Request for Activation Code in the Partners Area, naming the End User and the product version.</li>
            <li>An EU confirmation email is automatically generated and sent to the End User.</li>
            <li>The End User clicks the link in that mail and accepts the Terms and Conditions of the SYSTRONICS End User License Agreement.</li>
            <li>SYSTRONICS dispatches the Activation Code after the settlement of the invoice.</li>
            <li>Apply the code to the installed version. You do not need to reinstall a SYSTRONICS product that is running in the evaluation mode.</li>
        </ol>
    </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