@extends('layouts.meeting')
@section('content-meeting')
    @php
        $url = $_SERVER['HTTP_HOST'];
        $currentStage = $company->stage ?? 'default';
        $selectedAssemblymanId = $company->assemblyman_id ?? null;
        $runningControl = $runningSpeechControl ?? null;
        $defaultSpeechSeconds = (int) (optional($obsSetting)->speech_default_time_seconds ?: 300);
        $speechExpedients = collect($speechExpedients ?? []);
        $sceneOptions = collect($obsScenes ?? [])->filter()->unique()->values();
        $microphoneOptions = collect($microphoneInputs ?? []);
        $cameraOptions = collect($cameraInputs ?? []);
        $runningTimerPayload = $runningControl
            ? [
                'id' => (int) $runningControl->id,
                'status' => (string) $runningControl->status,
                'speech_time_seconds' => (int) ($runningControl->speech_time_seconds ?? 0),
                'remaining_seconds' => (int) ($runningControl->remaining_seconds ?? 0),
                'started_at' => optional($runningControl->started_at)->toIso8601String(),
                'ended_at' => optional($runningControl->ended_at)->toIso8601String(),
                'formatted_time' => $runningControl->formatted_time,
            ]
            : null;
        $speechTimesBySpeaksType = collect($speechTimesBySpeaksType ?? []);
        $panelStageCssVersion = @filemtime(public_path('css/panelStage.css')) ?: time();
        $panelUpdateLiveSpeechUrl = route('voting.panelStage.updateSpeech', [$meeting->id]);
    @endphp
    <link rel="stylesheet" href="{{ asset('css/panelStage.css') }}?v={{ $panelStageCssVersion }}">
    <div class="panel-stage-layout">
        <div class="panel-stage-column">
            <div class="panel-stage-card">
                <h2>ESTADO DO PAINEL DE VOTAÇÃO</h2>
                <ul class="list-group">
                    <li class="list-group-item {{ $currentStage === 'default' ? 'active-stage success' : '' }}"
                        data-stage="default" onpointerdown="changeStage('default')">
                        <label class="panel-stage-option-label">
                            PADRÃO
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="default" name="stage_panel"
                                    value="yes" {{ $currentStage === 'default' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                    <li class="list-group-item {{ $currentStage === 'voting' ? 'active-stage success' : '' }}"
                        data-stage="voting" onpointerdown="changeStage('voting')">
                        <label class="panel-stage-option-label">
                            VOTAÇÃO
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="voting" name="stage_panel"
                                    value="no" {{ $currentStage === 'voting' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                    {{-- Comentado: Votações secretas ainda não serão utilizadas por nenhuma entidade --}}
                    {{-- @if ($url != 'jardim.legissuper.com.br' && $url != 'jardim.localhost:8000')
                    <li class="list-group-item {{ $currentStage === 'voting-secret' ? 'active-stage success' : '' }}"
                        data-stage="voting-secret" onpointerdown="changeStage('voting-secret')">
                        <label class="panel-stage-option-label">
                            VOTAÇÃO SECRETA
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="voting-secret" name="stage_panel"
                                    value="no" {{ $currentStage === 'voting-secret' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                    <li class="list-group-item {{ $currentStage === 'voting-semi-secret' ? 'active-stage success' : '' }}"
                        data-stage="voting-semi-secret" onpointerdown="changeStage('voting-semi-secret')">
                        <label class="panel-stage-option-label">
                            VOTAÇÃO SEMI SECRETA
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="voting-semi-secret" name="stage_panel"
                                    value="no" {{ $currentStage === 'voting-semi-secret' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                    @endif --}}
                    @if ($url == 'rioverde.legissuper.com.br')
                        <li class="list-group-item {{ $currentStage === 'owner' ? 'active-stage success' : '' }}"
                            data-stage="owner" onpointerdown="changeStage('owner')">
                            <label class="panel-stage-option-label">
                                VOTAÇÃO PARLAMENTAR RESPONSÁVEL
                                <span class="pull-right">
                                    <input type="radio" class="pull-left radioBox" id="owner" name="stage_panel"
                                        value="no" {{ $currentStage === 'owner' ? 'checked' : '' }}>
                                </span>
                            </label>
                        </li>
                    @endif
                    <li class="list-group-item {{ $currentStage === 'resume' ? 'active-stage success' : '' }}"
                        data-stage="resume" onpointerdown="changeStage('resume')">
                        <label class="panel-stage-option-label">
                            RESUMO
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="resume" name="stage_panel"
                                    value="abstention" {{ $currentStage === 'resume' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                    <li class="list-group-item {{ $currentStage === 'presence' ? 'active-stage success' : '' }}"
                        data-stage="presence" onpointerdown="changeStage('presence')">
                        <label class="panel-stage-option-label">
                            PRESENÇA
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="presence" name="stage_panel"
                                    value="presence" {{ $currentStage === 'presence' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                    <li class="list-group-item {{ $currentStage === 'discourse' ? 'active-stage success' : '' }}"
                        data-stage="discourse" onpointerdown="changeStage('discourse')">
                        <label class="panel-stage-option-label">
                            DISCURSO
                            <span class="pull-right">
                                <input type="radio" class="pull-left radioBox" id="discourse" name="stage_panel"
                                    value="discourse" {{ $currentStage === 'discourse' ? 'checked' : '' }}>
                            </span>
                        </label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="panel-stage-column">
            <div class="panel-stage-card">
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif

                @if ($errors->any())
                    <div class="alert alert-danger">
                        {{ $errors->first() }}
                    </div>
                @endif

                <h2>PÚLPITO</h2>

                @if ($runningControl)
                    <div class="speech-control-card js-discourse-only {{ $currentStage !== 'discourse' ? 'is-hidden' : '' }}">
                        <div class="speech-control-status running">
                            <strong>Ao vivo:</strong>
                            {{ optional($runningControl->assemblyman)->short_name ?: 'Sem parlamentar' }}
                            <span class="speech-control-status-meta">
                                {{ $runningControl->formatted_time }}
                            </span>
                        </div>

                        <div class="speech-control-actions">
                            <form method="POST" action="{{ route('voting.panelStage.finishSpeech', [$meeting->id]) }}"
                                class="speech-control-action-form">
                                {{ csrf_field() }}
                                <button type="submit" class="btn btn-success btn-sm">
                                    Encerrar fala
                                </button>
                            </form>

                            <form method="POST" action="{{ route('voting.panelStage.cancelSpeech', [$meeting->id]) }}"
                                class="speech-control-action-form">
                                {{ csrf_field() }}
                                <button type="submit" class="btn btn-danger btn-sm"
                                    onclick="return confirm('Cancelar a fala atual?');">
                                    Cancelar fala
                                </button>
                            </form>
                        </div>
                    </div>
                @endif

                <div class="assemblyman-browser">
                    <div class="assemblyman-clear">
                        <label>
                            <input type="radio" class="radioBox1 assemblyman-clear-radio" id="assemblyman-none"
                                name="assemblyman" value="" {{ empty($selectedAssemblymanId) ? 'checked' : '' }}>
                            DESMARCAR PARLAMENTAR
                        </label>
                    </div>
                    <div class="assemblyman-list" id="assemblyman-list">
                        @foreach ($assemblymenForPulpit as $item)
                            @php
                                $wordSubscription = $wordSubscriptionsByAssemblyman->get((int) $item->id);
                                $selectedSpeaksType = (string) optional($wordSubscription)->speaks_type;
                                $subscriptionSpeechSeconds = $speechTimesBySpeaksType->get(
                                    $selectedSpeaksType,
                                );
                                $assemblymanSpeechSeconds =
                                    (int) ($subscriptionSpeechSeconds ?:
                                    optional($item->obsSetting)->speech_time_seconds ?:
                                    $defaultSpeechSeconds);
                                $assemblymanSpeechFormatted = gmdate('H:i:s', $assemblymanSpeechSeconds);
                                $isRunningAssemblyman =
                                    $runningControl &&
                                    (string) $runningControl->assemblyman_id === (string) $item->id;
                            @endphp
                            <div class="assemblyman-option {{ (string) $selectedAssemblymanId === (string) $item->id || $isRunningAssemblyman ? 'active' : '' }}"
                                data-assemblyman-id="{{ $item->id }}">
                                @if ((bool) optional($item->pivot)->is_remote)
                                    <div class="pulpit-remote-row">
                                        <span class="pulpit-remote-badge">Remoto</span>
                                    </div>
                                @endif

                                <div class="assemblyman-option-main">
                                    <label class="assemblyman-option-label">
                                        <input type="radio" class="radioBox1" id="assemblyman-{{ $item->id }}"
                                            name="assemblyman" value="{{ $item->id }}"
                                            data-assemblyman-name="{{ $item->short_name }}"
                                            data-speech-seconds="{{ $assemblymanSpeechSeconds }}"
                                            {{ (string) $selectedAssemblymanId === (string) $item->id ? 'checked' : '' }}>
                                        <span>{{ mb_strtoupper($item->short_name) }}</span>
                                    </label>

                                    @if ($isRunningAssemblyman)
                                        <div class="speech-live-timer is-running js-discourse-only {{ $currentStage !== 'discourse' ? 'is-hidden' : '' }}"
                                            id="speech_live_timer_box">
                                            <span class="speech-live-timer-value" id="speech_live_timer">00:00:00</span>
                                            <span class="speech-live-timer-warning">Tempo esgotado</span>
                                        </div>
                                    @endif
                                </div>

                                <form method="POST" action="{{ route('voting.panelStage.startSpeech', [$meeting->id]) }}"
                                    class="pulpit-inline-form js-pulpit-form">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="assemblyman_id" value="{{ $item->id }}">
                                    <input type="hidden" name="speech_time_seconds" class="js-speech-seconds"
                                        value="{{ $assemblymanSpeechSeconds }}">

                                    <div class="pulpit-option-meta">
                                        <select class="form-control input-sm pulpit-expedient-select js-expedient-select">
                                            <option value="{{ $assemblymanSpeechSeconds }}">
                                                Expediente
                                            </option>
                                            @foreach ($speechExpedients as $expedient)
                                                <option value="{{ (int) $expedient->speech_time_seconds }}"
                                                    {{ $selectedSpeaksType === (string) $expedient->speaks_type ? 'selected' : '' }}>
                                                    {{ $expedient->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <span>
                                            Tempo: <strong
                                                class="js-assemblyman-time-label">{{ $assemblymanSpeechFormatted }}</strong>
                                        </span>
                                        <button type="button"
                                            class="btn btn-default btn-xs pulpit-adjust-button js-add-speech-time"
                                            data-add-seconds="60">
                                            <i class="fa fa-plus"></i>
                                        </button>
                                        <button type="button"
                                            class="btn btn-default btn-xs pulpit-adjust-button js-add-speech-time"
                                            data-add-seconds="-60">
                                            <i class="fa fa-minus"></i>
                                        </button>
                                        <button type="submit" class="btn btn-primary btn-sm speech-start-button"
                                            {{ $runningControl ? 'disabled' : '' }}>
                                            Iniciar fala
                                        </button>
                                    </div>
                                </form>
                            </div>
                        @endforeach
                    </div>
                    <div class="assemblyman-help">
                        O parlamentar selecionado aqui alimenta o painel quando o estado estiver em
                        <strong>DISCURSO</strong>.
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script>
        window.panelObsResourcesUrl = @json($panelObsResourcesUrl);
        window.panelUpdateLiveSpeechUrl = @json($panelUpdateLiveSpeechUrl);
    </script>
    @push('meeting-scripts')
        @include('panelVoting.paineljs.dashboard')
    @endpush
@endsection