@extends('mail.notifications.layout')

@section('email-header')
    @include('mail.partials.brand-header', ['brand' => 'woo'])
@endsection

@section('email-footer')
    @include('mail.partials.brand-footer', ['brand' => 'woo'])
@endsection

@section('content')
    <div class="highlight-box highlight-box-success">
        <p class="highlight-box-text">Store connected</p>
        <p class="highlight-box-subtext">{{ $store->site_name ?? parse_url($store->site_url, PHP_URL_HOST) }}</p>
    </div>

    <h1 class="email-title">Your WooCommerce store is linked</h1>

    <p class="email-text">
        <strong>{{ $store->site_name ?? $store->site_url }}</strong> is now connected to Ladill Woo Manager.
        Orders, products, and categories will sync from your store.
    </p>

    <div class="email-details">
        <p class="email-details-title">Connection details</p>
        <div class="email-details-row">
            <p class="email-details-label">Store URL</p>
            <p class="email-details-value">{{ $store->site_url }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Connected</p>
            <p class="email-details-value">{{ $store->connected_at?->format('F j, Y \a\t g:i A') ?? now()->format('F j, Y \a\t g:i A') }}</p>
        </div>
    </div>

    <p style="text-align: center; margin-top: 24px;">
        <a href="{{ $manageUrl }}" class="email-button">Open Woo Manager</a>
    </p>
@endsection