@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            @include('layouts.sidebar')

            <div class="col-md-10">
                <div class="card">
                    <div class="panel panel-default">
                    <div class="card-header">
                        Gerar Atividades de Cuidadores
                    </div>

                    <div class="card-body">

                        @if(Session::has('mensagem_sucesso'))
                            <div class="alert alert-success">
                                <strong>Alerta!</strong> {{Session::get('mensagem_sucesso')}}
                            </div>
                        @endif

                        @if(Session::has('mensagem_danger'))
                            <div class="alert alert-danger">
                                <strong>Error!</strong> {{Session::get('mensagem_danger')}}
                            </div>
                        @endif

                        <div id="erroCenario" class="alert alert-danger" style="display:none;">
                            <strong>Error!</strong> Erro ao tentar enviar o cenário, monte novamente e confira os dados.
                        </div>

                        <form id="formCenario" action="{{url('/gerador/recebe-criar')}}" method="post">

                            <input type="hidden" name="_token" value="{{ csrf_token() }}">

                            <input id="cenarioCalculado" type="hidden" name="cenarioCalculado" value="false">

                            <p><b>Selecione os Cuidadores</b></p>

                            <div class="form-check pb-3">
                                <input class="form-check-input" type="checkbox" id="checkTodosCuidadores">
                                <label class="form-check-label" for="checkTodosCuidadores"><b>SELECIONAR TODOS (Quantidade Total {{count($cuidadors)}})</b></label>
                            </div>

                            <div class="colpart3">
                                @foreach($cuidadors as $cuidador)
                                    <div class="form-check">
                                        <input class="form-check-input cuidadoresCheckbox" type="checkbox" name="cuidadoresCheckbox[]" id="{{$cuidador->id}}" value="{{$cuidador->id}}">
                                        <label class="form-check-label" for="{{$cuidador->id}}">{{$cuidador->nome}} ({{$cuidador->qtd_matriculas_atribuidos}})</label>
                                    </div>
                                @endforeach
                            </div>

                            <style>
                                .colpart3{
                                    column-count: 4;
                                }
                            </style>

                            <p class="pt-3"><b>Selecione os Períodos Letivos</b></p>

                            <div class="form-check pb-3">
                                <input class="form-check-input" type="checkbox" id="checkTodosPeriodos">
                                <label class="form-check-label" for="checkTodosPeriodos"><b>SELECIONAR TODOS (Quantidade Total {{count($configuracaos)}})</b></label>
                            </div>

                            <table class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <td>X</td>
                                    <td width="200">Campanha</td>
                                    <td>Periodo</td>
                                    <td>Alunos acompanhados</td>
                                    <td>Alunos sem acompanhamento</td>
                                    <td>Total Alunos</td>
                                    <td>Total Contatos no Semestre</td>
                                    <td>Alunos p/ Agente</td>
                                    <td>Média Contatos p/ Agente Semestre</td>
                                    <td>Média Contatos p/ Agente Mês</td>
                                    <td>Média Contatos p/ Agente Dia</td>
                                </tr>
                                </thead>

                                <tbody id="listPeriodos">
                                    @foreach($configuracaos as $key => $configuracao)
                                        <tr id="linhaPeriodo{{$key+1}}">
                                            <input type="hidden" id="alunosPorAgente{{$key+1}}" name="alunosPorAgente{{$configuracao->id}}" value="">
                                            <td><input class="periodosCheckbox" type="checkbox" name="periodosCheckbox[]" id="{{$configuracao->id}}" value="{{$configuracao->id}}"></td>
                                            <td>{{$configuracao->nome}}</td>
                                            <td>{{$configuracao->periodo_academico}}</td>
                                            <td>{{$configuracao->qtd_matriculas_atribuidos}}</td>
                                            <td id="qtdMatriculasSemAcomp{{$key+1}}">{{$configuracao->qtd_matriculas - $configuracao->qtd_matriculas_atribuidos}}</td>
                                            <td id="qtdMatriculas{{$key+1}}">{{$configuracao->qtd_matriculas}}</td>
                                            <td id="contatosTotais{{$key+1}}">{{$configuracao->qtd_contatos_criados}}</td>
                                            <td id="alunosPagente{{$key+1}}">0</td>
                                            <td id="contatosPagentesemestre{{$key+1}}">0</td>
                                            <td id="contatosPagentemes{{$key+1}}">0</td>
                                            <td id="contatosPagentedia{{$key+1}}">0</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <p>Obs: Só serão calculados os alunos que ainda não possuem acompanhamento.</p>

                            <a href="#" id="calculaCenario" class="btn btn-primary">Calcular cenário atual</a>
                            <a class="btn btn-success" href="#" data-toggle="modal" data-original-title="Deletar" data-target="#enviarCenarioModal">Confirmar e enviar cenário</a>

                            <!-- modal excluir location -->
                            <div class="modal fade" id="enviarCenarioModal" tabindex="-1" role="dialog" aria-labelledby="enviarCenarioModal" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="ModalLabel">Confirmar o envio do cenário marcado?</h5>
                                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">×</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <p>Confirme para enviar atividades para o sistema.</p>
                                            <div id="erroCenarioModal" class="alert alert-danger" style="display:none;">
                                                Erro ao tentar enviar o cenário, monte e confira os dados.
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>
                                            <button id="enviaCenario" type="submit" class="btn btn-success">Confirmar e enviar cenário</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button id="limpaCenario" type="reset" class="btn btn-secondary">Limpar</button>
                            <a href="{{url('/home')}}" class="btn btn-secondary">Voltar</a>
                        </form>

                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
@endsection