@extends('layouts.basico')

    <title>Agendamentos</title>
@section('content')


    <div class="row jutify-content-center">
        <div class="col-md-12">
            <div class="text-start" id="legenda">
                <p id="nome-legenda">Legenda:</p>
                <p id="auditorio"><i class="bi bi-record-fill"></i>
                    Auditório</p>
                <p id="sala-reuniao"><i class="bi bi-record-fill"></i>Sala de reuniões</p>
            </div>
            <div class="card">
                <div class="card-body">
                    <div id='calendar' data-listagem-eventos="{{ route('listagemEventos') }}"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" tabindex="-1" id="ModalPrincipal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="tituloModal"></h5>
                </div>
                <div class="modal-body">
                    <meta name="csrf-token" content="{{ csrf_token() }}">
                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text" id="basic-addon1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-pin-map" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                        d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z" />
                                    <path fill-rule="evenodd"
                                        d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z" />
                                </svg>
                            </span>
                            <select class="form-select" aria-label="Default select example" id="local">
                                <option value="Auditorio">Auditório</option>
                                <option value="Reuniao">Sala de Reuniões</option>
                            </select>
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text" id="basic-addon1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" id="img-s" class="bi bi-filter-square" viewBox="0 0 16 16">
                                    <path
                                        d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
                                    <path
                                        d="M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z" />
                                </svg>
                            </span>
                            <input type="text" class="form-control" id="assunto" placeholder="Assunto" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text" id="basic-addon1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-calendar4-week" viewBox="0 0 16 16">
                                    <path
                                        d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z" />
                                    <path
                                        d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z" />
                                </svg>
                            </span>
                            <input type="datetime-local" class="form-control" id="dataInicio" placeholder="Data Inicial"
                                min="" max="" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text" id="basic-addon1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-calendar4-week" viewBox="0 0 16 16">
                                    <path
                                        d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z" />
                                    <path
                                        d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z" />
                                </svg>
                            </span>
                            <input type="datetime-local" class="form-control" id="dataFinal"
                                placeholder="Data Final" min="" max="" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <textarea class="form-control" id="informacaoAdicional" placeholder="Informações Adicionais" rows="3"
                            required></textarea>
                    </div>

                    <div class="form-check" id="formCheck">
                        <input class="form-check-input" type="checkbox" value="" id="checkRecorrencia"
                            name="checkRecorrencia">
                        <label class="form-check-label" for="checkRecorrencia">
                            Esse evento possui recorrência
                        </label>
                    </div>

                    <div class="container" id="opcoesRecorrencia">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="radioOptions" id="radioDiario"
                                value="diario">
                            <label class="form-check-label" for="radioDiario">Diário</label>
                        </div>

                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="radioOptions" id="radioSemanal"
                                value="semanal">
                            <label class="form-check-label" for="radioSemanal">Semanal</label>
                        </div>

                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="radioOptions" id="radioMensal"
                                value="mensal">
                            <label class="form-check-label" for="radioMensal">Mensal</label>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label id="textoTipoRecorrencia"></label>
                        <input type="number" class="form-control" name="periodoDuracao" id="periodoDuracao"
                            placeholder="Período de duração">
                    </div>
                    <input id="idEvento" type="hidden" value=""></input>
                    <input id="idEventoRecorrencia" type="hidden" value=""></input>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" id="btnSalvar"
                        onclick="verificaTipoAcao()">Salvar</button>
                    <button type="button" class="btn btn-danger" id="btnFechar"
                        data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-danger" id="btnExcluir" onclick="mensagemConfirma()"
                        disabled>Excluir</button>
                </div>
            </div>
        </div>
    </div>


</body>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {

            locale: 'pt-br',
            contentHeight: "auto",
            themeSystem: 'bootstrap5',
            headerToolbar: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
            },
            buttonText: {
                today: 'Hoje',
                month: 'Mês',
                week: 'Semana',
                day: 'Hoje',
                list: 'Lista'
            },
            dayMaxEvents: true,
            events: listagemEventos('listagemEventos'),
            dateClick: function(info) {
                $('#btnSalvar').show()
                $('#btnExcluir').hide()

                let dataClicada = info.date
                let dataAtual = new Date()

                validaDiaClicado(dataClicada, dataAtual)

                function validaDiaClicado(dataClicada, dataAtual) {
                    let dataClicadaDiaMesAno = moment(dataClicada).format('YYYY-MM-DD')
                    let dataAtualDiaMesAno = moment(dataAtual).format('YYYY-MM-DD')

                    if ((dataClicadaDiaMesAno == dataAtualDiaMesAno) || dataClicada > dataAtual) {
                        $('#ModalPrincipal').modal('show')
                        $('#tituloModal').text('Incluir evento')
                        $('#dataInicio').val(moment(dataClicada).format('YYYY-MM-DDTHH:mm'))
                        $('#dataFinal').val(moment(dataClicada).format('YYYY-MM-DDTHH:mm'))
                        limitaCamposData(dataAtual)
                    } else {
                        let title = "Ops!"
                        let text = "A data selecionada já passou!"
                        mensagemInformacao(title, text)
                    }
                }

                function limitaCamposData(dataAtual) {
                    $('#dataInicio').prop('min', moment(dataAtual).format('YYYY-MM-DDTHH:mm'))
                    $('#dataFinal').prop('min', moment(dataAtual).format('YYYY-MM-DDTHH:mm'))
                }
            },
            eventClick: function(info) {

                $('#btnSalvar').hide()
                let evento = info.event._def.extendedProps
                let idEvento = info.event._def.publicId
                let idEventoRecorrencia = info.event._def.extendedProps.id_evento_recorrencia
                $('#idEvento').val(idEvento)
                $('#idEventoRecorrencia').val(idEventoRecorrencia)

                if (evento.id_usuario_logado === {{Auth::user()->id}}) {
                    $('#btnSalvar').show()
                    $('#btnExcluir').show()
                    $("#btnExcluir").attr("disabled", false)

                    if (evento.id_evento_recorrencia === null) {
                        let recorrencia = false
                        let tipoRecorrencia = null
                        configuraCamposModal(recorrencia, tipoRecorrencia)
                        atribuiValoresCamposModal(evento, recorrencia)
                    }
                    if (evento.id_evento_recorrencia != null) {
                        let recorrencia = true
                        let tipoRecorrencia = evento.tipo_recorrencia
                        configuraCamposModal(recorrencia, tipoRecorrencia)
                        atribuiValoresCamposModal(evento, recorrencia)
                    }
                } else {
                    $('#btnSalvar').hide()
                    $('#btnExcluir').hide()
                    $("#btnExcluir").attr("disabled", false)

                    if (evento.id_evento_recorrencia === null) {
                        let recorrencia = false
                        let tipoRecorrencia = null
                        configuraCamposModal(recorrencia, tipoRecorrencia)
                        atribuiValoresCamposModal(evento, recorrencia)
                        desabilitaCamposModal()
                    }
                    if (evento.id_evento_recorrencia != null) {
                        let recorrencia = true
                        let tipoRecorrencia = evento.tipo_recorrencia
                        configuraCamposModal(recorrencia, tipoRecorrencia)
                        atribuiValoresCamposModal(evento, recorrencia)
                        desabilitaCamposModal()
                    }
                }
            }
        });
        calendar.render();
    });
</script>
<script>
    $(document).ready(function() {
        $('#opcoesRecorrencia').hide()
        $('#periodoDuracao').hide()
        $('#btnExcluir').hide()
        $('#usuarioLogado').hide()
    });
    $('#checkRecorrencia').click(function() {
        let recorrencia = $('#checkRecorrencia').is(':checked')
        if (recorrencia == true) {
            $('#opcoesRecorrencia').show()
        } else {
            $('#opcoesRecorrencia').hide()
            $('#periodoDuracao').hide()
            $('#textoTipoRecorrencia').hide()
        }
    });
    $('#radioDiario').click(function() {
        let recorrencia = $('#radioDiario').is(':checked')
        if (recorrencia == true) {
            let texto = 'Repetir por quantos dias?'
            $('#periodoDuracao').show()
            $('#textoTipoRecorrencia').show()
            $('#textoTipoRecorrencia').text(texto);
        }
    });
    $('#radioSemanal').click(function() {
        let recorrencia = $('#radioSemanal').is(':checked')
        if (recorrencia == true) {
            let texto = 'Repetir por quantas semanas?'
            $('#periodoDuracao').show()
            $('#textoTipoRecorrencia').show()
            $('#textoTipoRecorrencia').text(texto);
        }
    });
    $('#radioMensal').click(function() {
        let recorrencia = $('#radioMensal').is(':checked')
        if (recorrencia == true) {
            let texto = 'Repetir por quantos meses?'
            $('#periodoDuracao').show()
            $('#textoTipoRecorrencia').show()
            $('#textoTipoRecorrencia').text(texto);
        }
    });

    function verificaTipoAcao() {
        let tipoAcao = $('#idEvento').val() == '' ? 'Salvar' : 'Edicao'

        if (tipoAcao === 'Salvar') {
            let valido = validaCamposObrigatorios()
            if (valido === true) {
                salvarEvento()
            } else {
                title = 'Os campos são obrigatórios!'
                text = 'Favor preenche-los!'
                mensagemInformacao(title, text)
            }
        }
        if (tipoAcao === 'Edicao') {
            editarEvento()
        }
    }

    function validaCamposObrigatorios() {
        let assunto = $('#assunto').val()
        let informacao = $('#informacaoAdicional').val()
        if (assunto != '' && informacao != '') {
            return true
        } else {
            return false
        }
    }

    function salvarEvento() {
        let formData = new FormData();

        formData.append('local', $('#local').val())
        formData.append('assunto', $('#assunto').val())
        formData.append('dataInicio', $('#dataInicio').val().replace('T', ' '))
        formData.append('dataFinal', $('#dataFinal').val().replace('T', ' '))
        formData.append('informacao', $('#informacaoAdicional').val())
        formData.append('_token', '{{ csrf_token()}}')

        if ($('#checkRecorrencia').is(':checked')) {
            if ($("#radioDiario").prop("checked")) {
                formData.append('periodo', $('#periodoDuracao').val() + ' Diario')
            }
            if ($("#radioSemanal").prop("checked")) {
                formData.append('periodo', $('#periodoDuracao').val() + ' Semanal')
            }
            if ($("#radioMensal").prop("checked")) {
                formData.append('periodo', $('#periodoDuracao').val() + ' Mensal')
            }
        }

        let dataValidacao = validaDatasEvento($('#dataInicio').val(), $('#dataFinal').val())

        if (dataValidacao === 'valida') {
            let url = '/registra-evento'

            axios.post(url, formData, {headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}})
            .then(function (response) {
                let resposta = response.data.split(":")

                if(resposta[0] === 'success') {
                    let informacoesResposta = {title: 'Excelente!',text: 'Evento agendado com sucesso!',cor: '#a5dc86',icon: 'success'};
                    mensagemRetornoRequisicao(informacoesResposta)
                }

                if(resposta[0] === 'error') {
                    let informacoesResposta = {title: 'Erro!',text: 'Tente novamente',cor: '#f27474',icon: 'error'};
                    mensagemRetornoRequisicao(informacoesResposta)
                }

                if(resposta[0] === 'shock') {
                    let informacoesResposta = {title: 'Choque entre horários!',text: 'Favor verificar!',cor: '#F1B44C',icon: 'warning'};
                    mensagemRetornoRequisicao(informacoesResposta)
                }
            }).catch(function (error) {

            });
        }
        if (dataValidacao === 'invalida') {
            let title = 'As datas inseridas são inválidas!'
            let text = 'Por favor corrigi-las!'
            mensagemInformacao(title, text)
        }
    }

    function editarEvento() {

        var evento = {
            idEvento: $('#idEvento').val(),
            idEventoRecorrencia: $('#idEventoRecorrencia').val(),
            local: $('#local').val(),
            assunto: $('#assunto').val(),
            dataInicio: $('#dataInicio').val().replace('T', ' '),
            dataFinal: $('#dataFinal').val().replace('T', ' '),
            informacao: $('#informacaoAdicional').val()
        };

        if ($('#checkRecorrencia').is(':checked')) {
            if ($("#radioDiario").prop("checked")) {
                evento['periodo'] = $('#periodoDuracao').val() + ' Diario'
            }
            if ($("#radioSemanal").prop("checked")) {
                evento['periodo'] = $('#periodoDuracao').val() + ' Semanal'
            }
            if ($("#radioMensal").prop("checked")) {
                evento['periodo'] = $('#periodoDuracao').val() + ' Mensal'
            }
        }

        let dataValidacao = validaDatasEvento($('#dataInicio').val(), $('#dataFinal').val())

        if (dataValidacao === 'valida') {
            let url = '/edita-evento'

            axios.post(url, evento)
                .then(function(response) {
                    let resposta = response.data.split(":")

                    if (resposta[0] === 'success') {
                        let informacoesResposta = {
                            title: 'Excelente!',
                            text: resposta[1],
                            cor: '#a5dc86',
                            icon: 'success'
                        };
                        mensagemRetornoRequisicao(informacoesResposta)
                    }

                    if (resposta[0] === 'error') {
                        let informacoesResposta = {
                            title: 'Erro!',
                            text: 'Tente novamente',
                            cor: '#f27474',
                            icon: 'error'
                        };
                        mensagemRetornoRequisicao(informacoesResposta)
                    }

                    if (resposta[0] === 'warning') {
                        let informacoesResposta = {
                            title: 'Atenção!',
                            text: 'Não é possível modificar a natureza de recorrência do evento!',
                            cor: '#F1B44C',
                            icon: 'warning'
                        };
                        mensagemRetornoRequisicao(informacoesResposta)
                    }

                    if (resposta[0] === 'warning-data') {
                        let informacoesResposta = {
                            title: 'Atenção!',
                            text: 'Não é possível modificar as datas do evento!',
                            cor: '#F1B44C',
                            icon: 'warning'
                        };
                        mensagemRetornoRequisicao(informacoesResposta)
                    }

                    if (resposta[0] === 'shock') {
                        let informacoesResposta = {
                            title: 'Choque entre horários!',
                            text: 'Favor verificar!',
                            cor: '#F1B44C',
                            icon: 'warning'
                        };
                        mensagemRetornoRequisicao(informacoesResposta)
                    }
                }).catch(function(error) {});
        }

        if (dataValidacao === 'invalida') {
            let title = 'As datas inseridas são inválidas!'
            let text = 'Por favor corrigi-las!'
            mensagemInformacao(title, text)
        }
    }


    function validaDatasEvento(dataInicio, dataFinal) {

        let dataValidada
        let dataInicializada = moment(dataInicio).format('YYYY-MM-DD')
        let dataFinalizada = moment(dataFinal).format('YYYY-MM-DD')
        let horaInicio = moment(dataInicio).format('HH:mm')
        let horaFinal = moment(dataFinal).format('HH:mm')
        const intervaloHoraProibidaFinal = '05:00'
        const intervaloHoraProibidaInicial = '19:00'

        if ((horaInicio >= intervaloHoraProibidaFinal && horaInicio < intervaloHoraProibidaInicial) && (horaFinal >=
                intervaloHoraProibidaFinal && horaFinal < intervaloHoraProibidaInicial)) {
            if (dataInicializada < dataFinalizada) {
                this.dataValidada = 'valida'
            }

            if (dataInicializada == dataFinalizada) {
                if (horaInicio <= horaFinal) {
                    this.dataValidada = 'valida'
                } else {
                    this.dataValidada = 'invalida'
                }
            }

            if (dataInicializada > dataFinalizada) {
                this.dataValidada = 'invalida'
            }
        } else {

            this.dataValidada = 'invalida'
        }
        return this.dataValidada
    }

    function listagemEventos() {
        return document.getElementById('calendar').dataset['listagemEventos']
    }

    function excluiEvento() {
        let idEvento = $('#idEvento').val()
        let idEventoRecorrencia = $('#idEventoRecorrencia').val()
        let url = '/exclui-evento'

        axios.delete(url, {
                params: {
                    id: idEvento,
                    idRecorrencia: idEventoRecorrencia
                }
            })
            .then(function(response) {
                let resposta = response.data.split(":")
                if (resposta[0] === 'success') {
                    let informacoesResposta = {
                        title: 'Excelente!',
                        text: 'Exclusão realizada com sucesso!',
                        cor: '#a5dc86',
                        icon: 'success'
                    };
                    mensagemRetornoRequisicao(informacoesResposta)
                }
                if (resposta[0] === 'error') {
                    let informacoesResposta = {
                        title: 'Erro!',
                        text: 'Tente novamente',
                        cor: '#f27474',
                        icon: 'error'
                    };
                    mensagemRetornoRequisicao(informacoesResposta)
                }
            }).catch(function(error) {});

    }

    function mensagemInformacao(title, text) {
        Swal.fire({
            confirmButtonColor: '#50A5F1',
            title: title,
            text: text
        })
    }

    function mensagemRetornoRequisicao(infomacoesResposta) {
        Swal.fire({
            title: infomacoesResposta.title,
            text: infomacoesResposta.text,
            confirmButtonColor: infomacoesResposta.cor,
            icon: infomacoesResposta.icon
        }).then((result) => {
            if (result.isConfirmed == true) {
                if (infomacoesResposta.icon != 'warning') {
                    window.location.reload(false)
                }
            }
        })

        if (infomacoesResposta.icon === 'warning') {
            $('.swal2-warning').css("color", "#F1B44C")
            $('.swal2-warning').css("border-color", "#F1B44C")
        }
    }

    function mensagemConfirma() {
        Swal.fire({
            title: "Deseja excluir evento?",
            showDenyButton: true,
            confirmButtonText: "Sim",
            denyButtonText: `Não`
        }).then((result) => {
            if (result.isConfirmed) {
                excluiEvento()
            } else if (result.isDenied) {
                window.location.reload(false)
            }
        });
    }

    function configuraCamposModal(recorrencia, tipoRecorrencia) {
        if (recorrencia === true) {
            $('#formCheck').show()
            $('#opcoesRecorrencia').show()
            $('#periodoDuracao').show()
            $('#textoTipoRecorrencia').show()
            $('#checkRecorrencia').attr("checked", true)
            $('#checkRecorrencia').attr('disabled', false)

            if (tipoRecorrencia === 'Diario') {
                $('#radioDiario').attr("checked", true)
                $("#radioDiario").attr("disabled", false)
                $("#radioSemanal").attr("disabled", false)
                $("#radioMensal").attr("disabled", false)
                $('#periodoDuracao').attr("disabled", false)
            }
            if (tipoRecorrencia === 'Semanal') {
                $('#radioSemanal').attr("checked", true)
                $("#radioDiario").attr("disabled", true)
                $("#radioSemanal").attr("disabled", true)
                $("#radioMensal").attr("disabled", true)
                $('#periodoDuracao').attr("disabled", false)
            }
            if (tipoRecorrencia === 'Mensal') {
                $('#radioMensal').attr("checked", true)
                $("#radioDiario").attr("disabled", true)
                $("#radioSemanal").attr("disabled", true)
                $("#radioMensal").attr("disabled", true)
                $('#periodoDuracao').attr("disabled", false)
            }
        }

        if (recorrencia === false) {
            $('#formCheck').hide()
            $('#opcoesRecorrencia').hide()
            $('#periodoDuracao').hide()
            $('#textoTipoRecorrencia').hide()
            $('#checkRecorrencia').attr('disabled', true)
            $('#checkRecorrencia').attr("checked", false)

            // Limpa campos quando não existe recorrência :::
            $('#radioSemanal').val('')
            $('#radioMensal').val('')
            $('#radioDiario').val('')
            $('#periodoDuracao').val('')
        }
    }

    function atribuiValoresCamposModal(evento, recorrencia) {
        if (recorrencia === true) {
            $('#ModalPrincipal').modal('show')
            $('#tituloModal').text(evento.assunto + '-' + evento.local)
            $('#local').val(evento.local)
            $('#assunto').val(evento.assunto)
            $('#informacaoAdicional').val(evento.descricao)
            $('#dataInicio').val(evento.data_inicio + 'T' + evento.hora_inicio)
            $('#dataFinal').val(evento.data_final + 'T' + evento.hora_final)
            $('#periodoDuracao').val(evento.quantidade_recorrencia)
        }

        if (recorrencia === false) {
            $('#ModalPrincipal').modal('show')
            $('#tituloModal').text(evento.assunto + '-' + evento.local)
            $('#local').val(evento.local)
            $('#assunto').val(evento.assunto)
            $('#informacaoAdicional').val(evento.descricao)
            $('#dataInicio').val(evento.data_inicio + 'T' + evento.hora_inicio)
            $('#dataFinal').val(evento.data_final + 'T' + evento.hora_final)
        }
    }

    function desabilitaCamposModal() {
        $('#local').attr('disabled', true)
        $('#assunto').attr('disabled', true)
        $('#dataInicio').attr('disabled', true)
        $('#dataFinal').attr('disabled', true)
        $('#informacaoAdicional').attr('disabled', true)
        $('#checkRecorrencia').attr('disabled', true)
        $('#radioDiario').attr('disabled', true)
        $('#radioSemanal').attr('disabled', true)
        $('#radioMensal').attr('disabled', true)
        $('#periodoDuracao').attr('disabled', true)
    }
</script>




<script>
    $(document).ready(function () {
        $('#ModalPrincipal').on('hide.bs.modal', function(event) {
            $('#local').val('Selecione o local')
            $('#assunto').val('')
            $('#dataInicio').val('')
            $('#dataFinal').val('')
            $('#informacaoAdicional').val('')
            window.location.reload(false)
        });
        $("#checkRecorrencia").click(function() {
            $('#radioDiario').val(false)
            $('#radioSemanal').val(false)
            $('#radioMensal').val(false)
            $('#periodoDuracao').val('')
        });
    });

</script>

 @endsection
 <script src="https://code.jquery.com/jquery-3.6.3.min.js"
    integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script>

 <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.9/index.global.min.js'></script>
 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>