@extends('panelVoting.panel')

@push('panel-styles')
    <link rel="stylesheet"
        href="{{ asset('css/panelVotingPresence.css') }}?v={{ filemtime(public_path('css/panelVotingPresence.css')) }}">
@endpush

@section('content')
    <div class="container-fluid panel-presence-screen">
        <div class="presence-hero">
            <div class="presence-hero__top">
                <div>
                    <div class="presence-hero__eyebrow">PRESENÇA</div>
                    <h1 class="presence-hero__title" id="presence_title">Lista de presença</h1>
                    <p class="presence-hero__subtitle" id="presence_subtitle">-</p>
                </div>

                <div class="presence-hero__meta">
                    <div class="presence-hero__meta-chip">
                        <span>Presentes</span>
                        <strong id="presence_total">0</strong>
                    </div>
                    <div class="presence-hero__meta-chip">
                        <span id="presence_company">{{ optional($company)->shortName ?: optional($company)->fantasy_name ?: optional($company)->name ?: 'Instituição' }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="presence-grid-wrap">
            <div class="presence-grid" id="presence_grid"></div>
        </div>
    </div>
@endsection

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