@extends('layouts.app')

@section('title', __('provider_portal.meta.title'))
@section('meta_description', __('provider_portal.meta.description'))
@section('body_class', 'provider-portal-body')

@push('styles')
    @php($providerAssetVersion = rawurlencode((string) config('app.web_version', '0')))
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&display=block">
    <link rel="stylesheet" href="{{ asset('css/mycode-design-tokens.css') }}?v={{ $providerAssetVersion }}">
    @foreach (['01-base', '02-account', '03-shell', '04-components', '05-forms', '05-controls', '06-responsive', '07-resolutions'] as $style)
        <link rel="stylesheet" href="{{ asset("css/provider/portal/{$style}.css") }}?v={{ $providerAssetVersion }}">
    @endforeach
@endpush

@section('content')
    <div id="provider-root" class="provider-root" data-screen="{{ $vm->screen }}"
        data-locale="{{ app()->getLocale() }}"
        data-login-url="{{ $vm->loginUrl }}" data-register-url="{{ $vm->registerUrl }}"
        data-verify-email-url="{{ $vm->verifyEmailUrl }}" data-forgot-password-url="{{ $vm->forgotPasswordUrl }}"
        data-reset-password-url="{{ $vm->resetPasswordUrl }}" data-two-factor-url="{{ $vm->twoFactorUrl }}"
        data-dashboard-url="{{ $vm->dashboardUrl }}" data-profile-url="{{ $vm->profileUrl }}"
        data-locations-url="{{ $vm->locationsUrl }}" data-review-url="{{ $vm->reviewUrl }}"
        data-resolutions-url="{{ $vm->resolutionsUrl }}"
        data-bridge-url="{{ $vm->bridgeUrl }}" data-session-login-url="{{ $vm->sessionLoginUrl }}"
        data-session-two-factor-url="{{ $vm->sessionTwoFactorUrl }}"
        data-session-recovery-code-url="{{ $vm->sessionRecoveryCodeUrl }}"
        data-session-status-url="{{ $vm->sessionStatusUrl }}" data-session-logout-url="{{ $vm->sessionLogoutUrl }}"
        data-account-register-url="{{ $vm->accountRegisterUrl }}"
        data-account-verify-email-url="{{ $vm->accountVerifyEmailUrl }}"
        data-account-resend-email-url="{{ $vm->accountResendEmailUrl }}"
        data-account-forgot-password-url="{{ $vm->accountForgotPasswordUrl }}"
        data-account-reset-password-url="{{ $vm->accountResetPasswordUrl }}"
        @if ($vm->timezoneUrl !== null) data-timezone-url="{{ $vm->timezoneUrl }}" @endif
        @if ($vm->locationId !== null) data-location-id="{{ $vm->locationId }}" @endif
        @if ($vm->googleMapsApiKey !== null) data-google-maps-api-key="{{ $vm->googleMapsApiKey }}" @endif>
        @include('provider.partials.account')
        @include('provider.partials.app-shell')
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('js/provider/app.js') }}?v={{ rawurlencode((string) config('app.web_version', '0')) }}" defer></script>
@endpush