@extends('panelVoting.panel')
@section('content')
<style>
    * {
        transition: none !important;
        animation: none !important;
    }

    .custom-card-voting:hover,
    .list-group-item:hover,
    .vote-ausente:hover {
        transform: none !important;
    }

    .assemblyman-image.loading {
        filter: none !important;
        transform: none !important;
    }

    .semi-secret-voting-status {
        align-items: center;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
        display: flex;
        justify-content: center;
        min-height: 260px;
        padding: 28px;
        text-align: center;
    }

    .semi-secret-voting-status h2 {
        font-size: 2.2rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        margin-bottom: 16px;
        text-transform: uppercase;
    }

    .semi-secret-voting-status p {
        color: rgba(255, 255, 255, 0.78);
        font-size: 1.1rem;
        margin: 0;
        text-transform: uppercase;
    }

    .semi-secret-pill {
        border: 1px solid rgba(126, 215, 193, 0.4);
        border-radius: 999px;
        color: #7ed7c1;
        display: inline-block;
        font-size: 0.95rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        margin-top: 20px;
        padding: 10px 16px;
        text-transform: uppercase;
    }
</style>
<div class="container-fluid py-3">
    <div id="semi_secret_hidden_state">
        <div class="row mt-4">
            <div class="col-md-12">
                <div class="semi-secret-voting-status">
                    <div>
                        <h2>Votacao Semi Secreta em Andamento</h2>
                        <p>As informacoes desta votacao serao exibidas somente no encerramento.</p>
                        <span class="semi-secret-pill">Resultado liberado ao finalizar a votacao</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="semi_secret_results_state" style="display: none;">
        <div class="row">
            <div class="col-md-12">
                @php $url = $_SERVER['HTTP_HOST']; @endphp

                <h1 class="text-center text-white text-uppercase name_voting text_reset">-</h1>

                @if ($url != 'rioverde.localhost:8000' && $url != 'rioverde.legissuper.com.br')
                    <h5 class="text-center text-white text-uppercase name_voting2 text_reset">-</h5>
                @endif

                <div class="row no-gutters">
                    <div class="col">
                        <div class="custom-card-voting bg-success">
                            <h1>SIM</h1>
                            <h1 class="vote-number" id="yes">-</h1>
                        </div>
                    </div>
                    <div class="col">
                        <div class="custom-card-voting bg-danger">
                            <h1>NÃO</h1>
                            <h1 class="vote-number" id="no">-</h1>
                        </div>
                    </div>
                    <div class="col">
                        <div class="custom-card-voting custom-bg">
                            @if (
                                $_SERVER['HTTP_HOST'] == 'cmsidrolandia.legissuper.com.br' ||
                                $_SERVER['HTTP_HOST'] == 'cmsidrolandia.localhost:8000')
                                <h1>ABSTENÇÃO</h1>
                            @else
                                <h1>NULO</h1>
                            @endif
                            <h1 class="vote-number" id="abstention">-</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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