@extends('layouts.default')

@section('content')
    <div class="x_panel">
        <div class="x_title">
            <div class='btn btn-group' id="tipo" style="line-height: 5px;">
                <label class="btn btn-danger" for="ferias" id="btn-ferias">&nbsp;Férias&nbsp;
                    <input checked class="escolha" hidden id="ferias" name="tipo" type="radio" value="ferias">
                </label>
                <label class="btn btn-default" for="folga" id="btn-folga">&nbsp;Folga&nbsp;
                    <input class="escolha" hidden id="folga" name="tipo" type="radio" value="folga">
                </label>
                <label class="btn btn-default {{ ver_permissao() }}" for="atestado" id="btn-atestado">Atestado
                    <input class="escolha" hidden id="atestado" name="tipo" type="radio" value="atestado">
                </label>
                <label class="btn btn-default {{ ver_permissao() }}" for="maternidade" id="btn-maternidade">Licenças M/P
                    <input class="escolha" hidden id="maternidade" name="tipo" type="radio" value="maternidade">
                </label>
                <label class="btn btn-default {{ ver_permissao() }}" for="riopardo" id="btn-riopardo">Rio Pardo
                    <input class="escolha" hidden id="riopardo" name="tipo" type="radio" value="atestado">
                </label>
            </div>
            {{-- @if (!empty($ferias_este_ano))
                <br>Férias de <b>{{ date('Y', strtotime('Y')) }}</b> disponíveis para agendamento a partir de <b>{{ formata_data($ferias_este_ano) }}</b>
            @endif
            @if (!empty($ferias_prox_ano))
                <br>Férias de <b>{{ date('Y', strtotime('+1 year')) }}</b> disponíveis para agendamento a partir de <b>{{ formata_data($ferias_prox_ano) }}</b>
            @endif

            <br><b>Atenção:</b><br>
            Em <b>2025</b> 3 férias por semana, exceto:
            <br>Janeiro, fevereiro, março e dezembro : <b>4 férias por semana</b> --}}

            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <span><i class="fas fa-square-full" style="color: yellow;"></i> Folga</span>
            <span><i class="fas fa-square-full" style="color: red"></i> Folga paga</span>
            <span><i class="fas fa-square-full" style="color: #3282d8"></i> Férias</span>
            <span><i class="fas fa-square-full" style="color: #449418"></i> Atestado</span>
            <span><i class="fas fa-square-full" style="color: #a419a8"></i> Licenças M/P</span>
            <span><i class="fas fa-square-full" style="color: gray"></i> Aprovação Pendente</span>
            <span><i class="fas fa-square-full" style="color: deepskyblue"></i> Rio Pardo</span>
            <strong>{{ $mensagem }}</strong>
            <div id='calendar'></div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div id='calendario_ausencias' name="calendar" style="font-size: 11px;"></div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom_js')
    <script src="{{ asset('js/ausencias1.2.js') }}"></script>
    <script>
        var userid = {{ Auth::user()->id }};

        $(document).ready(function() {

            var calendar = $('#calendario_ausencias').fullCalendar({

                plugins: ['interaction', 'dayGrid'],
                height: 'parent',
                locale: 'pt-BR',
                lang: 'pt-br',
                header: {
                    //left: 'prev,next today',
                    //center: 'title'
                },
                firstDay: 0,
                navLinks: false,
                editable: false,
                eventLimit: false,
                height: 'auto',
                language: 'pt-BR',
                //selectable: true,
                //dragabble: true,
                defaultView: 'month',
                yearColumns: 3,
                durationEditable: true,
                showNonCurrentDates: false,
                bootstrap: false,
                dayClick: function(start, jsEvent, view) {

                    var data = moment(start.format()).format('YYYY/MM/DD');
                    var agora = moment().format('YYYY/MM/DD');
                    var ano_selecionado = moment(start.format()).format('YYYY');

                    var ano_atual = moment().format('YYYY');
                    var ano_prox = moment().add(1, 'years').format('YYYY');
                    var data_agen_ano_atual = moment('{{ $ferias_este_ano }}').format('YYYY/MM/DD');
                    var data_agen_ano_prox = moment('{{ $ferias_prox_ano }}').format('YYYY/MM/DD');
                    var ferias_este_ano = '{{ $ferias_este_ano }}';
                    var ferias_prox_ano = '{{ $ferias_prox_ano }}';

                    var erro = '';

                    if (data < agora && userid > 2) {
                        erro = "Você não pode marcar um evento em uma data anterior!";
                    }

                    if ($('#ferias').prop("checked") || $('#folga').prop("checked")) {
                        if (ano_selecionado < ano_atual || ano_selecionado > ano_prox) {
                            erro = 'Não é possível agendar férias para este ano!';
                        } else if (ano_selecionado == ano_atual && ferias_este_ano == '') {
                            erro = 'Ainda não foi definido uma data para agendamento de férias para este ano!';
                        } else if (ano_selecionado == ano_prox && ferias_prox_ano == '') {
                            erro = 'Ainda não foi definido uma data para agendamento de férias para este ano!';
                        } else if (ano_selecionado == ano_atual && agora < data_agen_ano_atual) {
                            erro = 'Agendamentos de férias para o ano de ' + ano_selecionado + ' somente a partir de ' + moment(data_agen_ano_atual).format('DD/MM/YYYY');
                        } else if (ano_selecionado == ano_prox && agora < data_agen_ano_prox) {
                            erro = 'Agendamentos de férias para o ano de ' + ano_selecionado + ' somente a partir de ' + moment(data_agen_ano_prox).format('DD/MM/YYYY');
                        } else if (data < agora) {
                            erro = "Você não pode marcar um evento em uma data anterior!";
                        }
                    }

                    if (erro != '') {
                        swal(erro);
                    } else {
                        var mensagem = "";
                        if ($('#ferias').prop("checked")) {
                            var tipo = 'ferias';
                            dt_inicial = moment(start.format()).startOf('week').format('DD/MM/YYYY');
                            dt_final = moment(start.format()).endOf('week').format('DD/MM/YYYY');
                            mensagem = "Deseja marcar suas férias para o período de " + dt_inicial + " a " + dt_final + "?";
                        } else if ($('#folga').prop("checked")) {
                            var tipo = 'folga';
                            var dt_inicial = moment(start.format()).format('DD/MM/YYYY');
                            var dt_final = dt_inicial;
                            mensagem = "Deseja marcar sua  folga para o dia " + dt_inicial + "?";
                        } else if ($('#maternidade').prop("checked")) {
                            var tipo = 'maternidade';
                            var dt_inicial = moment(start.format()).format('DD/MM/YYYY');

                            Swal.mixin({
                                input: 'text',
                                confirmButtonText: 'Próximo &rarr;',
                                reverseButtons: true,
                                showCancelButton: true,
                                progressSteps: ['1', '2']
                            }).queue([{
                                    title: 'Licenças M/P',
                                    text: 'Escolha um usuário',
                                    input: 'select',
                                    inputOptions: {
                                        @foreach ($usuarios as $u)
                                            "{{ $u->id }}": "{{ $u->name }}",
                                        @endforeach
                                    },
                                    inputPlaceholder: 'Escolha um usuário',
                                },
                                {
                                    title: 'Licenças M/P',
                                    text: 'Informe o número de dias',
                                    input: 'number',
                                },
                            ]).then((result) => {
                                if (result.value) {
                                    var dias = result.value[1];
                                    if (dias <= 0 || dias > 365) {
                                        swal("Intervalo de datas inválido!");
                                    } else {
                                        var dt_final = moment(moment(start.format()).format('DD/MM/YYYY'), "DD/MM/YYYY").add('days', dias - 1).format('DD/MM/YYYY');
                                        salva_ausencia(tipo, dt_inicial, dt_final, result.value[0]);
                                    }
                                }
                            })
                        } else if ($('#atestado').prop("checked")) {
                            var tipo = 'atestado';
                            var dt_inicial = moment(start.format()).format('DD/MM/YYYY');

                            Swal.mixin({
                                input: 'text',
                                confirmButtonText: 'Próximo &rarr;',
                                reverseButtons: true,
                                showCancelButton: true,
                                progressSteps: ['1', '2']
                            }).queue([{
                                    title: 'Atestado',
                                    text: 'Escolha um usuário',
                                    input: 'select',
                                    inputOptions: {
                                        @foreach ($usuarios as $u)
                                            "{{ $u->id }}": "{{ $u->name }}",
                                        @endforeach
                                    },
                                    inputPlaceholder: 'Escolha um usuário',
                                },
                                {
                                    title: 'Atestado',
                                    text: 'Informe o número de dias',
                                    input: 'number',
                                },
                            ]).then((result) => {
                                if (result.value) {
                                    var dias = result.value[1];
                                    if (dias <= 0 || dias > 365) {
                                        swal("Intervalo de datas inválido!");
                                    } else {
                                        var dt_final = moment(moment(start.format()).format('DD/MM/YYYY'), "DD/MM/YYYY").add('days', dias - 1).format('DD/MM/YYYY');
                                        salva_ausencia(tipo, dt_inicial, dt_final, result.value[0]);
                                    }
                                }
                            })
                        } else if ($('#riopardo').prop("checked")) {
                            var tipo = 'riopardo';
                            var dt_inicial = moment(start.format()).format('DD/MM/YYYY');

                            Swal.mixin({
                                input: 'text',
                                confirmButtonText: 'Próximo &rarr;',
                                reverseButtons: true,
                                showCancelButton: true,
                                progressSteps: ['1', '2']
                            }).queue([{
                                    title: 'Rio Pardo',
                                    text: 'Escolha um usuário',
                                    input: 'select',
                                    inputOptions: {
                                        @foreach ($usuarios as $u)
                                            "{{ $u->id }}": "{{ $u->name }}",
                                        @endforeach
                                    },
                                    inputPlaceholder: 'Escolha um usuário',
                                },
                                {
                                    title: 'Rio Pardo',
                                    text: 'Informe o número de dias',
                                    input: 'number',
                                },
                            ]).then((result) => {
                                if (result.value) {
                                    var dias = result.value[1];
                                    if (dias <= 0 || dias > 365) {
                                        swal("Intervalo de datas inválido!");
                                    } else {
                                        var dt_final = moment(moment(start.format()).format('DD/MM/YYYY'), "DD/MM/YYYY").add('days', dias - 1).format('DD/MM/YYYY');
                                        salva_ausencia(tipo, dt_inicial, dt_final, result.value[0]);
                                    }
                                }
                            })
                        }
                        if (tipo !== 'atestado' && tipo !== 'riopardo' && tipo !== 'maternidade') {
                            swal({
                                title: 'Confirmação',
                                text: mensagem,
                                type: 'warning',
                                confirmButtonColor: '#3085d6',
                                showCancelButton: true,
                                cancelButtonColor: '#d33',
                                cancelButtonText: 'Não!',
                                confirmButtonText: 'Sim!'
                                // reverseButtons: true
                            }).then(function(result) {
                                if (result.value) {
                                    salva_ausencia(tipo, dt_inicial, dt_final, {{ $id }});
                                }
                            });
                        }
                    }
                },
                eventClick: function(info) {
                    var data = moment(info.start).format('YYYY/MM/DD');
                    var agora = moment().format('YYYY/MM/DD');
                    if (data === agora || data > agora) {
                        @if (\Illuminate\Support\Facades\Auth::user()->tipo !== 'A')
                            swal({
                                title: "Erro!",
                                html: "Você não tem permissão para remover esse evento. Solicite ajuda a um administrador!",
                                type: "error",
                            });
                        @else
                            //info.el.style.borderColor = 'red';
                            var mensagem = "Deseja remover a folga selecionada(" + moment(info.start).format('DD/MM/YYYY') + ")?";
                            if (info.tipo == 'ferias')
                                mensagem = "Deseja remover as férias do usuário '" + info.title + "' (" + moment(info.start).format('DD/MM/YYYY') + " a " + moment(info.end).format('DD/MM/YYYY') + ")?";
                            swal({
                                title: 'Confirmação',
                                text: mensagem,
                                type: 'warning',
                                confirmButtonColor: '#3085d6',
                                showCancelButton: true,
                                cancelButtonColor: '#d33',
                                cancelButtonText: 'Não!',
                                confirmButtonText: 'Sim!',
                            }).then(function(result) {
                                if (result.value) {
                                    //info.el.remove();
                                    remove_ausencia(info.id);
                                }
                            });
                        @endif
                    } else {
                        swal("Você não pode remover eventos de datas anteriores!");
                        info.jsEvent.preventDefault();
                    }
                },
                eventDragStart: false,
                events: [
                    @foreach ($ferias as $f)
                        {
                            title: '{{ $f->name }}',
                            start: '{{ $f->dt_inicial }}',
                            end: '{{ $f->dt_final }} 23:59:59',
                            id: '{{ $f->id }}',
                            user: '{{ $f->id_user }}',
                            tipo: '{{ $f->tipo }}',
                            @if ($f->tipo == 'folga' && $f->status != '?')
                                color: 'yellow',
                                textColor: 'black',
                            @elseif ($f->tipo == 'folga_paga' && $f->status != '?')
                                color: 'red',
                            @elseif ($f->status == '?')
                                color: 'gray',
                            @elseif ($f->tipo == 'atestado')
                                color: 'green',
                            @elseif ($f->tipo == 'maternidade')
                                color: '#a419a8',
                            @elseif ($f->tipo == 'ferias')
                                color: '#3282d8',
                            @elseif ($f->tipo == 'riopardo')
                                color: 'deepskyblue'
                            @endif
                        },
                    @endforeach
                ],
            });

            $(document).on('click', '.fc-next-button,.fc-prev-button,.fc-today-button', function() {
                /*var tomorrow = $('#calendario_ausencias').fullCalendar('getView').intervalStart._d;
                tomorrow.setDate(tomorrow.getDate() + 1);*/

                var moment = $('#calendario_ausencias').fullCalendar('getDate');
                localStorage.setItem('savedMonth', moment.format());
            });
            if (localStorage.getItem('savedMonth') != null) {
                try {
                    $('#calendario_ausencias').fullCalendar('gotoDate', localStorage.getItem('savedMonth'));
                } catch (err) {
                    localStorage.setItem('savedMonth', '');
                    $('#calendario_ausencias').fullCalendar('today');
                }
            }
        });
    </script>
@endsection