@extends('layouts.app')

@push('title')
    - Página inicial
@endpush

@section('content')
    @sistemaDescomplica
        @include('layouts.cdn.tour-css')
    @endif

    @modoDesktop
    <div class="row" style="margin-top: -20px">
        @include('contextousuario.home.postits')
    </div>
    @endif

    <div class="row">
        <div class="col-lg-12">
            @sistemaDescomplica
                @include('contextousuario.home.alocacaosalas')
            @endif

            @sistemaCorreria
                @include('contextousuario.correria.agenda.agenda-home')
            @endif
        </div>
    </div>

    @modoNaoMobile
    <div class="row equal">
    @endif

    @modoMobile
        <div class="row">
    @endif

        <div class="col-lg-8 col-sm-12">
            <div class="card card-equal">
                <div class="header">
                    <div class="row">
                        <div class="col-xs-6">
                            <h2>Agora</h2>
                        </div>
                        <div class="col-xs-6">
                            <a class="btn btn-default btn-circle waves-effect waves-circle waves-float pull-right" href="{{\App\Http\Controllers\ContextoUsuario\Consultas\PresencasController::urlMethod()}}">
                                <i class="material-icons">open_in_new</i>
                            </a>

                            <button type="button" class="refresh-panel btn btn-default btn-circle waves-effect waves-circle waves-float pull-right" data-panel-id="panel-agora-home">
                                <i class="material-icons">cached</i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="body" style="max-height: 400px; overflow-y: auto">
                    <div class="panel-home" id="panel-agora-home" data-url="{{App\Http\Controllers\ContextoUsuario\AulasController::urlMethod('painelHome')}}"></div>
                </div>
            </div>
        </div>

        @modoNaoMobile
            <div class="col-lg-4">
                <div class="card card-equal">
                    <div class="header">
                        <div class="row">
                            <div class="col-xs-6">
                                <h2>Presenças</h2>
                            </div>
                            <div class="col-xs-6">
                                <a class="btn btn-default btn-circle waves-effect waves-circle waves-float pull-right" href="{{\App\Http\Controllers\ContextoUsuario\Consultas\PresencasController::urlMethod()}}">
                                    <i class="material-icons">open_in_new</i>
                                </a>

                                <button type="button" class="refresh-panel pull-right btn btn-default btn-circle waves-effect waves-circle waves-float" data-panel-id="panel-presencas-home">
                                    <i class="material-icons">cached</i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="body">
                        <div class="panel-home" id="panel-presencas-home" data-url="{{\App\Http\Controllers\ContextoUsuario\Consultas\PresencasController::urlMethod('painelHome')}}" data-method-render="renderizarGraficoPresencas"></div>
                    </div>
                </div>
            </div>
        @endif
    </div>

    @if(false)
    <br/>

    <div class="row equal">
        @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::FNC_Contas_Pagar))
            <div class="col-lg-6">
                <div class="card card-equal">
                    <div class="header">
                        <div class="row">
                            <div class="col-xs-6">
                                <h2>Contas a pagar</h2>
                            </div>
                            <div class="col-xs-6">
                                <button type="button" class="refresh-panel pull-right btn btn-default btn-circle waves-effect waves-circle waves-float" data-panel-id="panel-contas-pagar-home">
                                    <i class="material-icons">cached</i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="body">
                        <div class="panel-home" id="panel-contas-pagar-home" data-url="{{App\Http\Controllers\ContextoUsuario\Consultas\FinanceiroController::urlMethod('painelHome')}}"></div>
                    </div>
                </div>
            </div>
        @endif
    </div>
    @endif

    <br/>

    @modoNaoMobile
        <div class="row equal">
            <div class="col-lg-6">
                @include('contextousuario.home.muralrecados')
            </div>

            <div class="col-lg-6">
                @include('contextousuario.home.aniversariantes')
            </div>
        </div>
    @endif

    <br/>

    <div class="row">
        <div class="col-md-1 col-md-offset-11 rodape-home">
            <a href="http://descomplica.ocontainer.com" target="_blank">
                @sistemaDescomplica
                    <img src="{{ URL::to('/') }}/descomplica/img/logo-mini.png">
                @endif

                @sistemaCorreria
                    <img src="{{ URL::to('/') }}/correria/img/logo-mini.png">
                @endif

                <p>Descomplica</p>
            </a>
        </div>
    </div>

    @push('scripts')

    @include('layouts.cdn.charts-js')

    @sistemaDescomplica
        @include('layouts.cdn.tour-js')
        <script src="{{ mix('/descomplica/js/tour.js') }}"></script>
    @endif

    @sistemaCorreria
        {{--<script src="{{ mix('/correria/js/tour.js') }}"></script>--}}
    @endif

    <script>
        @if (!\Illuminate\Support\Facades\App::environment('testing'))
            @sistemaDescomplica
                $(document).ready(function () {
                    tour.init();
                    tour.start();
                });
            @endif
        @endif

        $(document).ready(function(){
            $(".panel-home").each(function() {
                loadPanelHome($(this), false);
            });

            $(".refresh-panel").on("click",function(){
                var button = $(this);
                var panelId = button.data('panel-id');
                loadPanelHome($("#" + panelId), true);
            });
        });

        function loadPanelHome(place, reload) {
            place.html($("#loader-default").html());

            var url = place.data('url');

            if (reload){
                url += "?reload=1";
            }

            $.get( url, function(data) {
                place.html(data);

                var method = place.data('method-render');

                var fn = window[method];

                if(typeof fn === 'function') {
                    fn();
                }
            }).fail(function() {
                place.html("Ocorreu um problema ao carregar este painel. Tente novamente.");
            });
        }
    </script>
    @endpush

    <style>
        .rodape-home{
            text-align: center;
            opacity: 0.3;
            -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .rodape-home:hover{
            opacity: 1;
        }

        .rodape-home p{
            text-transform: uppercase;
            font-size: 10px;
        }

        .rodape-home a{
            text-decoration: none;
        }

        .rodape-home img{
            max-height: 40px;
            width: auto;
        }
    </style>


@endsection