@extends('panelVoting.tablet.master')
@section('content')
    <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)
                                @php
                                    $presenceRecord = $item->meeting()->where('meeting_id', $meeting->id)->first();
                                    $isPresent = (bool) $presenceRecord;
                                    $isRemote = (bool) optional($presenceRecord?->pivot)->is_remote;
                                @endphp
                                <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 ($isPresent) checked @endif>
                                            {{ mb_strtoupper($item->preferred_name) }}
                                        </label>
                                        <label class="remote-toggle">
                                            <input type="checkbox" class="remote-checkbox"
                                                id="remote_assemblyman_{{ $item->id }}" name="remote_assemblymen_id[]"
                                                value="{{ $item->id }}"
                                                @if ($isRemote) checked @endif
                                                @if (!$isPresent) disabled @endif>
                                            <span>Remoto</span>
                                        </label>
                                        <div class="assemblyman-img-container">
                                            @if (!empty($item->image))
                                                <img class="assemblyman-img"
                                                    src="{{ 'https://superlegis.nyc3.digitaloceanspaces.com/' . $item->image }}"
                                                    alt="{{ $item->preferred_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>
@endsection
@push('tablet-scripts')
    @include('panelVoting.tablet.js.presence')
@endpush