@extends('panelVoting.tablet.master')
@section('content')
    <style>
        .the-box-3 {

            background-color: rgb(253, 253, 253);
            margin-left: 6%;
            height: 35px;
            border-radius: 3px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-shadow: #eeeeee 0px 8px 24px;
            border-left: 15px solid rgb(177, 1, 1);
        }

        .the-box-3:hover {

            border-left: 15px solid rgb(248, 37, 0);
            background-color: rgb(117, 2, 2);
            color: white;

        }

        .link-sair {
            text-decoration: none;
            color: black;

        }

        .link-sair:hover {
            color: white;
        }
    </style>
    <div class="container mt-5">
        <div class="p-3 mb-2 bg-custom text-white">
            <h4 class="title-card-presence">Lista de Presença</h4>
        </div>
        <div class="row" style="margin-left:4%;">
            <div class="col-md-5 the-box">
                <div class="col-sm-6">
                    <p><i class="fa fa-check-circle"></i> {!! $meeting->session_type->name !!}</p>
                    <p><i class="fa fa-check-circle"></i> Sessão Nº: {!! $meeting->number !!}</p>
                    <p><i class="fa fa-check-circle"></i> Data: {!! $meeting->date_start !!}</p>
                </div>
            </div>
            <div class="col-md-6 py-2 m-2 the-box">
                <h4 class="font-bold:1px;">VEREADORES</h4>
                <span class="pull-right">
                    <input type="checkbox" id="check_all" onclick="selectAll();"> SELECIONAR TODOS
                </span>
            </div>
        </div>
        <div class="row">
            <div class="col-12 py-2 m-2">
                <div class="table-responsive">
                    <form action="/voting/assemblyman/presence/save" method="post" class="form-check form-switch">
                        {!! Form::token() !!}
                        <input type="hidden" name="meeting_id" value="{{ $meeting->id }}">
                        <div class="row">
                            @foreach ($assemblyman as $item)
                                <div class="col-vereadores">
                                    <div class="panel panel-default panel-block-color">
                                        <p>{{ $item->responsibility_assemblyman->last()->responsibility->name }}</p>
                                        <label for="assemblyman_{{ $item->id }}">
                                            <input type="checkbox" class="assemblyman-checkbox"
                                                id="assemblyman_{{ $item->id }}" name="assemblymen_id[]"
                                                value="{{ $item->id }}"
                                                @if ($item->meeting()->where('meeting_id', $meeting->id)->first()) checked @endif>
                                            {{ mb_strtoupper($item->short_name) }}
                                        </label>
                                        <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="" alt="">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <button type="submit" class="btn btn-success pull-right mt-3">Salvar</button>
                    </form>
                </div>
            </div>
            <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>
    </div>
    <script>
        var selectAll = function() {
            if (!$('#check_all').is(":checked")) {
                $('.assemblyman-checkbox').prop('checked', false);
            } else {
                $('.assemblyman-checkbox').prop('checked', true);
            }
        }
    </script>
@endsection