@php ($assetPath    = '/themes/custom/inside-drupal-theme/assets')
@php ($documentRoot = filter_input(INPUT_SERVER, 'DOCUMENT_ROOT', FILTER_SANITIZE_STRING))
@php ($buildTime    = file_exists($documentRoot . $assetPath) ? filemtime($documentRoot . $assetPath) ?? 0 : 0)
@spaceless
<!DOCTYPE html>
<html lang="{{ $user->langcode }}">
<head>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width,user-scalable=yes,initial-scale=1.0,maximum-scale=5.0">
    <meta name=HandheldFriendly content=true>

    <meta name=application-name content="{{ env('APP_NAME') }}">
    <meta name=mobile-web-app-capable content=yes>
    <meta name=theme-color content="{{ env('WEBAPP_COLOR', '#fbb3a7') }}">

    <meta name=apple-mobile-web-app-capable content=yes />
    <meta name=apple-mobile-web-app-title content="{{ env('APP_NAME') }}">
    <meta name=apple-mobile-web-app-status-bar-style content=#ffffff>

    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=format-detection" content="telephone=no">

    <meta name=msapplication-config content="{{ $assetPath }}/assets/browserconfig.xml" />
    <meta name=msapplication-TileColor content="{{ env('WEBAPP_COLOR', '#fbb3a7') }}">
    <meta name=msapplication-TileImage content="{{ $assetPath }}/assets/img/app-logo/mstile-144x144.png">

    <meta name=robots content=noindex>
    <meta name=description content="{{ env('APP_NAME') }}">
    <title>{{ env('APP_NAME') }}</title>
    <link rel="shortcut icon" href="{{ $assetPath }}/favicon.ico?t={{ $buildTime }}" type="image/x-icon" />

    <link rel="icon" type="image/png" sizes="192x192" href="{{ $assetPath }}/img/app-logo/android-chrome-192x192.png?t={{ $buildTime }}">

    <link rel="icon" type="image/png" sizes="16x16" href="{{ $assetPath }}/img/app-logo/android-chrome-16x16.png?t={{ $buildTime }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ $assetPath }}/img/app-logo/android-chrome-32x32.png?t={{ $buildTime }}">
    <link rel="icon" type="image/png" sizes="194x194" href="{{ $assetPath }}/img/app-logo/android-chrome-194x194.png?t={{ $buildTime }}">

    <link rel="apple-touch-icon" href="{{ $assetPath }}/img/app-logo/apple-touch-icon.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-precomposed.png?t={{ $buildTime }}">

    <link rel="apple-touch-icon" sizes="57x57" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-57x57.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-60x60.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-72x72.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-76x76.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="114x114" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-114x114.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="120x120" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-120x120.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="144x144" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-144x144.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="152x152" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-152x152.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-180x180.png?t={{ $buildTime }}">

    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-57x57-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-60x60-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-72x72-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-76x76-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-114x114-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-120x120-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-144x144-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-152x152-precomposed.png?t={{ $buildTime }}">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ $assetPath }}/img/app-logo/apple-touch-icon-180x180-precomposed.png?t={{ $buildTime }}">

    <link rel="apple-touch-startup-image" sizes="320x460" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-320x460.png?t={{ $buildTime }}" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 1)">
    <link rel="apple-touch-startup-image" sizes="768x1004" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-768x1004.png?t={{ $buildTime }}" media="(device-width: 768px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" sizes="748x1024" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-748x1024.png?t={{ $buildTime }}" media="(device-width: 768px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" sizes="640x920" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-640x920.png?t={{ $buildTime }}" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" sizes="750x1334" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-750x1334.png?t={{ $buildTime }}" media="(device-width: 375px) and (-webkit-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" sizes="1536x2008" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-1536x2008.png?t={{ $buildTime }}" media="(device-width: 768px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" sizes="2048x1496" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-2048x1496.png?t={{ $buildTime }}" media="(device-width: 768px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" sizes="1242x2208" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-1242x2208.png?t={{ $buildTime }}" media="(device-width: 414px) and (-webkit-device-pixel-ratio: 3)">
    <link rel="apple-touch-startup-image" sizes="1242x2148" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-1242x2208.png?t={{ $buildTime }}" media="(device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" sizes="1182x2208" href="{{ $assetPath }}/img/app-logo/apple-touch-startup-image-1242x2208.png?t={{ $buildTime }}" media="(device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">

    <link rel="mask-icon" href="{{ $assetPath }}/img/app-logo/safari-pinned-tab.svg?t={{ $buildTime }}" color="{{ env('WEBAPP_COLOR', '#fbb3a7') }}">
    <style>
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }

        /* HTML5 display-role reset for older browsers */
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
        }

        body {
            line-height: 1;
        }

        ol,
        ul {
            list-style: none;
        }

        blockquote,
        q {
            quotes: none;
        }

        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
    </style>
    <style>
        body {
            font-family: Arial;
        }

        /**
           * Header
           */
        .header {
            background: #0a2667;
        }

        .header div {
            position: relative;
            width: 1200px;
            max-width: 90%;
            padding: 80px 0;
            margin: auto;
        }

        .header td {
            vertical-align: middle;
        }

        .header td:first-child + td {
            width: 80px;
        }

        .header h1 {
            color: #fff;
            font-size: 28px;
            font-weight: 400;
            letter-spacing: 0.05em;
            line-height: 42px;
        }

        .header h1 span {
            font-weight: 700;
        }

        /**
           * Content
           */
        .intro {
            margin: 56px 0;
            text-align: center;
            font-size: 21px;
            font-weight: 700;
            color: #2c3e50;
        }

        .container {
            width: 1200px;
            max-width: 90%;
            margin: auto;
        }

        .group {
            padding: 42px 0;
            border-bottom: 1px solid #979797;
        }

        .group:last-child {
            border-bottom: 0;
        }

        .group .tool {
            display: inline-block;
            width: 25%;
            color: #2f3337;
            text-align: center;
            text-decoration: none;
        }

        .group .tool img {
            display: block;
            margin: auto;
        }

        .group .tool p {
            margin-bottom: 24px;
            font-size: 14px;
            font-weight: 700;
        }

        .error {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="header">
    <div>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img
                        src="data:image/png;base64, "
                    />
                </td>

                <td>
                    <span></span>
                </td>

                <td>
                    <h1>
                        {!! \Illuminate\Support\Facades\Lang::getFromJson('desk.internet_explorer.header', [], $user->langcode) !!}
                    </h1>
                </td>
            </tr>
        </table>
    </div>
</div>

<div class="content">
    <p class="intro">{{ \Illuminate\Support\Facades\Lang::getFromJson('desk.internet_explorer.intro', [], $user->langcode) }}</p>

    <div class="container">
        <div id="tools">
            @php ($i = 0)
            @foreach($tools as $tool)
                @if ($i === 0)
                    <div class="group">
                @endif
                    <a class="tool" href="{{ $tool->tools_link }}" target="_blank">
                        <p>{{ $tool->title }}</p>
                        <img src="{{ protected_file_url($tool, 'internet_explorer_logo', true, 'small') ?? protected_file_url($tool, 'logo', true, 'small') }}" width="170">
                    </a>
                @if ($i === 3)
                    </div>
                    @php ($i = -1)
                @endif
                @php ($i++)
            @endforeach
        </div>
    </div>
</div>
</body>
</html>
@endspaceless
