@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('meetings.list') !!}
@endsection
@section('content')

    <style>
        .meetings-open-voting-alert {
            margin-bottom: 18px;
            border: 1px solid #f4d7a1;
            background: linear-gradient(135deg, #fff8ea 0%, #fffdf6 100%);
            border-radius: 10px;
            padding: 14px 16px;
        }

        .meetings-open-voting-alert__head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 10px;
        }

        .meetings-open-voting-alert__title {
            font-size: 15px;
            font-weight: 700;
            color: #8a5a00;
        }

        .meetings-open-voting-alert__subtitle {
            font-size: 12px;
            color: #9a6b12;
        }

        .meetings-open-voting-alert__list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .meetings-open-voting-alert__link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 7px 12px;
            border-radius: 999px;
            background: #ffffff;
            border: 1px solid #f0d596;
            color: #8a5a00;
            text-decoration: none !important;
            font-size: 12px;
            font-weight: 600;
        }

        .meetings-open-voting-alert__link:hover {
            background: #fff4d6;
            color: #7b4f00;
        }

        .meetings-open-voting-alert__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 22px;
            height: 22px;
            padding: 0 6px;
            border-radius: 999px;
            background: #f7b733;
            color: #fff;
            font-size: 11px;
            font-weight: 700;
        }

        .meetings-blocked-create {
            cursor: not-allowed;
            opacity: 0.75;
        }
    </style>

    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <form id="search-form" method="GET">
                        <input type="hidden" name="has-filter" value="true">
                        <div class="col-md-4">
                            {!! Form::label('type', 'Tipo:') !!}
                            {!! Form::select(
                                'type',
                                App\Models\SessionType::pluck('name', 'id')->prepend('Selecione...', ''),
                                'Selecione ...',
                                ['class' => 'form-control', 'id' => 'type'],
                            ) !!}
                        </div>
                        <div class="col-md-2">
                            {!! Form::label('number', 'Número:') !!}
                            {!! Form::text('number', null, ['class' => 'form-control floatNumber', 'required', 'id' => 'number']) !!}
                        </div>
                        <div class="col-md-3">
                            {!! Form::label('', '') !!}
                            <button type="reset" class="btn btn-block btn-warning" onclick="limparURLERecarregar()">
                                <i class="fa fa-recycle"></i> Reset
                            </button>
                        </div>
                        <div class="col-md-3">
                            {!! Form::label('', '') !!}
                            <button class="btn btn-block btn-info">
                                <i class="fa fa-search"></i> Pesquisar
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

    @if (!empty($openVotingMeetings) && $openVotingMeetings->isNotEmpty())
        <div class="meetings-open-voting-alert">
            <div class="meetings-open-voting-alert__head">
                <div>
                    <div class="meetings-open-voting-alert__title">
                        <i class="fa fa-bullhorn"></i> Votação aberta encontrada
                    </div>
                    <div class="meetings-open-voting-alert__subtitle">
                        Clique na sessão para abrir direto a tela de votação.
                    </div>
                </div>
                <span class="label label-warning" style="font-size: 12px; padding: 6px 10px;">
                    {{ $openVotingMeetings->count() }} sessão(ões) com votação em aberto
                </span>
            </div>

            <div class="meetings-open-voting-alert__list">
                @foreach ($openVotingMeetings as $openVotingMeeting)
                    <a href="{{ $openVotingMeeting['url'] }}" class="meetings-open-voting-alert__link">
                        <i class="fa fa-gavel"></i>
                        <span>{{ $openVotingMeeting['label'] }}</span>
                        @if (!empty($openVotingMeeting['type']))
                            <small>{{ $openVotingMeeting['type'] }}</small>
                        @endif
                        <span class="meetings-open-voting-alert__count">{{ $openVotingMeeting['open_items_count'] }}</span>
                    </a>
                @endforeach
            </div>
        </div>
    @endif

    @if (!empty($pendingClosureMeetings) && $pendingClosureMeetings->isNotEmpty())
        <div class="meetings-open-voting-alert">
            <div class="meetings-open-voting-alert__head">
                <div>
                    <div class="meetings-open-voting-alert__title">
                        <i class="fa fa-exclamation-triangle"></i> Sessão pendente de encerramento
                    </div>
                    <div class="meetings-open-voting-alert__subtitle">
                        Finalize a sessão aberta antes de criar um novo registro.
                    </div>
                </div>
                <span class="label label-warning" style="font-size: 12px; padding: 6px 10px;">
                    {{ $pendingClosureMeetings->count() }} sessão(ões) pendente(s)
                </span>
            </div>

            <div class="meetings-open-voting-alert__list">
                @foreach ($pendingClosureMeetings as $pendingClosureMeeting)
                    <a href="{{ $pendingClosureMeeting['url'] }}" class="meetings-open-voting-alert__link">
                        <i class="fa fa-folder-open"></i>
                        <span>{{ $pendingClosureMeeting['label'] }}</span>
                        @if (!empty($pendingClosureMeeting['type']))
                            <small>{{ $pendingClosureMeeting['type'] }}</small>
                        @endif
                        <span
                            class="meetings-open-voting-alert__count">{{ $pendingClosureMeeting['open_items_count'] }}</span>
                    </a>
                @endforeach
            </div>
        </div>
    @endif

    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-12">
                <div class="btn-toolbar" role="toolbar">
                    <div class="btn-group">
                        @shield('meetings.create')
                            <a href="{!! route('meetings.create') !!}">
                                <button type="button" class="btn btn-default">
                                    <i class="fa fa-plus-circle"></i> Novo registro
                                </button>
                            </a>
                        @endshield
                    </div>
                </div>
            </div>
        </div>
        <hr class="hr">
        <div class="row">
            <div class="col-md-12">
                @include('flash::message')
                @if ($meetings->isEmpty())
                    <div class="well text-center">Sem dados. Insira um novo registro.</div>
                @else
                    @include('meetings.table')
                @endif
            </div>
        </div>
    </div>
    <script>
        function limparURLERecarregar() {
            $('#type select').val('Selecione...').change()
            $('#number').val('')
        }

        $('input.floatNumber').on('input', function() {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });
    </script>
@endsection