@extends('layouts.meeting')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('meetings.list') !!}
@endsection
@section('content-meeting')
    <div class="">
        <style>
            .word-status-badge {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 6px 10px;
                border-radius: 999px;
                font-size: 12px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: .03em;
            }

            .word-status-badge--warning {
                background: #fff3cd;
                color: #8a6d3b;
            }

            .word-status-badge--success {
                background: #dff0d8;
                color: #3c763d;
            }

            .word-status-badge--danger {
                background: #f2dede;
                color: #a94442;
            }

            .word-request-info {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                color: #667085;
                font-size: 12px;
                margin-top: 6px;
            }

            .word-request-actions {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
            }

            .word-request-actions form {
                margin: 0;
            }
        </style>
        <h2>PARLAMENTARES INSCRITOS</h2>
        <div class="the-box rounded">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Parlamentar</th>
                        <th scope="col">Expediente</th>
                        <th scope="col">Status</th>
                        <th scope="col">Solicitação</th>
                        <th scope="col">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($assemblyman as $key => $data)
                        @php
                            $statusTone = $data->workflow_status_tone;
                            $statusLabel = $data->workflow_status_label;
                            $isMobileRequest = $data->requested_from_is_mobile;
                            $assemblymanName = optional($data->assemblyman)->short_name ?? $data->assemblyman_short_name ?? '-';
                            $responsibilityName = data_get($data, 'assemblyman.currentResponsibility.responsibility.name');
                        @endphp
                        <tr>
                            <th scope="row">{{ $key + 1 }}</th>
                            <td>
                                <strong>{{ $assemblymanName }}</strong>
                                @if (!empty($responsibilityName))
                                    <div class="text-muted small">{{ $responsibilityName }}</div>
                                @endif
                            </td>
                            <td>
                                @switch($data->speaks_type)
                                    @case('comunicacao_breve')
                                        <strong>Comunicações Breves</strong>: 5 minutos de fala.
                                    @break

                                    @case('grande_expediente')
                                        <strong>Grande Expediente</strong>:15 minutos de fala.
                                    @break

                                    @case('comunicacoes_parlamentares')
                                        <strong>Comunicações Parlamentares</strong>: 5 minutos de fala, sem apartes, dedicados
                                        exclusivamente a assuntos relacionados ao partido ou à gestão política do mandato.
                                    @break

                                    @default
                                        <em>Tipo de fala não especificado</em>
                                @endswitch
                            </td>
                            <td>
                                <span class="word-status-badge word-status-badge--{{ $statusTone }}">
                                    {{ $statusLabel }}
                                </span>
                            </td>
                            <td>
                                @if ($isMobileRequest)
                                    <div class="word-request-info" title="Solicitação veio do app mobile">
                                        <i class="fa fa-info-circle"></i>
                                        <span>{{ $data->requested_at_formatted ?? 'Sem horário' }}</span>
                                    </div>
                                @else
                                    <div class="word-request-info">
                                        <i class="fa fa-desktop"></i>
                                        <span>{{ $data->requested_at_formatted ?? 'Sem horário' }}</span>
                                    </div>
                                @endif
                            </td>
                            <td>
                                @if ($canDecideWordRequests && $data->status !== 'approved' && $data->status !== 'rejected')
                                    <div class="word-request-actions">
                                        <form method="POST" action="{{ route('meetings.word.approve', [$meeting_id, $data->id]) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-success btn-xs">
                                                <i class="fa fa-check"></i> Aprovar
                                            </button>
                                        </form>
                                        <form method="POST" action="{{ route('meetings.word.reject', [$meeting_id, $data->id]) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-danger btn-xs">
                                                <i class="fa fa-times"></i> Rejeitar
                                            </button>
                                        </form>
                                    </div>
                                @else
                                    <span class="text-muted small">-</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted">
                                Nenhuma solicitação de palavra encontrada para esta sessão.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection