@extends('layouts.public')

@section('title', 'SYSTRONICS — Distributors')
@section('meta_description', 'SYSTRONICS products are distributed through the offices listed below. Contact the distributor covering your region, or write to SYSTRONICS directly.')

@section('content')
    @php
        $phone = '<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="M6.5 3.5h3l1.5 4-2 1.5a11 11 0 0 0 5 5L15.5 12l4 1.5v3a2 2 0 0 1-2.2 2A15 15 0 0 1 4.5 5.7a2 2 0 0 1 2-2.2Z"></path></svg>';
        $mail = '<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>';
        $web = '<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="12" cy="12" r="8.5"></circle><path d="M3.5 12h17M12 3.5c2.5 2.6 2.5 14.4 0 17M12 3.5c-2.5 2.6-2.5 14.4 0 17"></path></svg>';
    @endphp
    <nav class="crumbs" aria-label="Breadcrumb">
        <a href="{{ route('public.home') }}">Home</a><span>/</span>Sales<span>/</span><strong>Distributors</strong>
    </nav>

    <div class="phead">
        <span class="eyebrow">Sales</span>
        <h1>Distributors</h1>
        <p class="lede">SYSTRONICS products are distributed through the offices listed below. Contact the distributor covering your region, or write to SYSTRONICS directly.</p>
    </div>

    <div class="toolstrip">
        <a class="tool" href="{{ route('public.howtobuy') }}">How to Order</a>
        <a class="tool tool--active" 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>

    <section class="section">
        <div class="grid-3">
            <div class="card hoverable">
                <span class="eyebrow">Africa and Middle East</span>
                <h3 style="margin-top:10px">Sage South Africa</h3>
                <address class="addr">Sage Technology Park<br>102 Western Service Road<br>Gallo Manor, Ext 6</address>
                <div class="contact-lines">
                    <span class="contact-line">{!! $phone !!}Tel: +27 (0)11 304 1000</span>
                    <a class="contact-line" href="http://www.sage.com/za">{!! $web !!}www.sage.com/za</a>
                </div>
            </div>
            <div class="card hoverable">
                <span class="eyebrow">Asia</span>
                <h3 style="margin-top:10px">Sage Software Asia Pte Ltd</h3>
                <address class="addr">Asia Square Tower 2<br>12 Marina View, #25-02<br>Singapore 018961</address>
                <div class="contact-lines">
                    <span class="contact-line">{!! $phone !!}Tel: +65 6336 6118</span>
                    <a class="contact-line" href="mailto:info.asia@sage.com">{!! $mail !!}info.asia@sage.com</a>
                    <a class="contact-line" href="http://www.sage.com/en-sg">{!! $web !!}www.sage.com/en-sg</a>
                </div>
            </div>
            <div class="card hoverable">
                <span class="eyebrow">Australia and New Zealand</span>
                <h3 style="margin-top:10px">Sage Software Australia</h3>
                <address class="addr">Level 11, Zenith Tower B, 821 Pacific Hwy,<br>Chatswood, NSW 2067</address>
                <div class="contact-lines">
                    <span class="contact-line">{!! $phone !!}Tel: 137 243 (13 SAGE)</span>
                    <a class="contact-line" href="mailto:orders.pacific@sage.com">{!! $mail !!}orders.pacific@sage.com</a>
                    <a class="contact-line" href="http://www.sagesoftware.com.au">{!! $web !!}www.sagesoftware.com.au</a>
                </div>
            </div>
            <div class="card hoverable">
                <span class="eyebrow">United States, Canada, Caribbean &amp; Mexico</span>
                <h3 style="margin-top:10px">Robert Lavery</h3>
                <address class="addr">2058317 Ontario Limited<br>14 Woodway Trail<br>Toronto, ON<br>M8Y 2B8, Canada</address>
                <div class="contact-lines">
                    <span class="contact-line">{!! $phone !!}Cell: +1 (416) 453-7876</span>
                    <a class="contact-line" href="mailto:robert.lavery@sympatico.ca">{!! $mail !!}robert.lavery@sympatico.ca</a>
                </div>
            </div>
            <div class="card hoverable">
                <span class="eyebrow">All Other Areas</span>
                <h3 style="margin-top:10px">SYSTRONICS llc</h3>
                <address class="addr">3002, One By Omniyat, Al Sa’ada Street<br>Dubai, United Arab Emirates</address>
                <div class="contact-lines">
                    <span class="contact-line">{!! $phone !!}Tel: +(971) 4 393 0153</span>
                    <a class="contact-line" href="mailto:sales@systronics.com">{!! $mail !!}sales@systronics.com</a>
                    <a class="contact-line" href="https://www.systronics.com">{!! $web !!}www.systronics.com</a>
                </div>
            </div>
        </div>
    </section>

    @if ($showDirectory)
        <section class="panel">
            <div class="section-head">
                <div>
                    <span class="eyebrow">Partner directory</span>
                    <h2 class="section-title">Partners in territory</h2>
                </div>
            </div>

            <div class="grid-2" style="margin-bottom:22px">
                @forelse ($territories as $territory)
                    <div class="card">
                        <h3>{{ $territory->name }}</h3>
                        <p class="card-body">{{ $territory->countries->pluck('name')->join(', ') ?: 'No countries' }}</p>
                    </div>
                @empty
                    <p class="lede">No territories assigned to your account.</p>
                @endforelse
            </div>

            <form class="dir-filter" method="GET" action="{{ route('portal.distributor-partners.index') }}">
                <input type="text" name="q" value="{{ request('q') }}" placeholder="Company, login, contact">
                <select name="country">
                    <option value="">All countries in territory</option>
                    @foreach ($countries as $country)
                        <option value="{{ $country->name }}" @selected(request('country') === $country->name)>{{ $country->name }}</option>
                    @endforeach
                </select>
                <button class="btn btn--primary" type="submit">Filter</button>
            </form>

            <div class="table-wrap" style="margin-top:18px">
                <table class="spec dir-table">
                    <thead>
                        <tr>
                            <th>Company</th>
                            <th>Contact</th>
                            <th>Country</th>
                            <th>Email</th>
                            <th>Login</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($partners as $partner)
                            <tr>
                                <td>{{ $partner->company ?: '—' }}</td>
                                <td>{{ trim(($partner->first_name ?? '').' '.($partner->last_name ?? '')) ?: $partner->name }}</td>
                                <td>{{ $partner->country ?: '—' }}</td>
                                <td>{{ $partner->email ?: '—' }}</td>
                                <td>{{ $partner->login }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5">No partners in your territory scope.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="dir-pager">{{ $partners->links() }}</div>
        </section>
    @endif

    <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.activation-requests.create') }}">Request an Activation Code</a>
        </div>
    </div>
@endsection