@extends('panelVoting.panel')
@section('content')
    @php
        $host = request()->getHost();
        $isJaraguariFullWidthLogo = $host === 'cmjaraguari.legissuper.com.br';
    @endphp

    <style>
        body#panelVoting {
            margin: 0;
        }

        .panel-voting-logo-container {
            width: 100%;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            box-sizing: border-box;
        }

        .panel-voting-logo {
            display: block;
            max-width: 100%;
            height: auto;
        }

        .panel-voting-logo--default {
            width: auto;
            max-width: 100%;
            max-height: calc(100vh - 48px);
            object-fit: contain;
        }

        .panel-voting-logo--fullwidth {
            width: 100vw;
            height: 92vh;
            max-width: 100vw;
            max-height: 92vh;
            object-fit: contain;
        }

        .panel-voting-logo-container--fullwidth {
            padding: 0;
        }
    </style>

    <div
        class="panel-voting-logo-container {{ $isJaraguariFullWidthLogo ? 'panel-voting-logo-container--fullwidth' : '' }}">
        <img src="{{ $logo }}" alt="Logo do painel"
            class="panel-voting-logo {{ $isJaraguariFullWidthLogo ? 'panel-voting-logo--fullwidth' : 'panel-voting-logo--default' }}">
    </div>

    @push('panel-scripts')
        @include('panelVoting.paineljs.default')
    @endpush
@endsection