@extends('panelVoting.tablet.master')
@section('content')
    <link href="{{ asset('assets/css/voting-word.css') }}" rel="stylesheet">
    <div class="container mt-3">
        <div class="p-3 mb-5 bg-custom text-white">
            <h4 class="title-card-presence">Parlamentares inscritos</h4>
        </div>

        <hr>

        <div class="row">
            @foreach ($assemblyman as $key => $item)
                <div class="col-md-4">
                    <div class="panel panel-default panel-block-color" id="panel-{{ $key }}">
                        <h4>{{ $key <= 0 ? '° ' .$key + 1 : '° ' . $key + 1 }}</h4>
                        <div class="assemblyman-img-container">
                            @if (!empty($item->image))
                                <img class="assemblyman-img"
                                    src="{{ 'https://superlegis.nyc3.digitaloceanspaces.com/' . $item->image }}"
                                    alt="{{ $item->short_name }}">
                            @else
                                <img class="assemblyman-img" src="#SEM" alt="">
                            @endif
                        </div>
                        <p>{{ mb_strtoupper($item->short_name) }}</p>
                    </div>
                </div>
            @endforeach
        </div>

        <hr>
        <a href="{{ route('presidentPanel', $meeting_id) }}" class="link-sair">
            <div class="col-3 the-box-3 mt-5 mb-4">
                <div class="sair">Voltar</div>
            </div>
        </a>
    </div>
@endsection