@extends('template.layout')

@section('title', 'Início')

@section('_head')
    <link rel="stylesheet" href="{{ url('assets/css/pages/home.css') }}?v={{ date('YmdHi') }}">
    <link rel="stylesheet" href="{{ url('assets/css/pages/account.css') }}?v={{ date('YmdHi') }}">
    <link rel="stylesheet" href="{{ url('assets/css/pages/jogos.css') }}?v={{ date('YmdHi') }}">
@endsection

@section('content')

    @php
        $w_resultados = '100% - 40px';
        $h_zeroloss = '100% - 40px';
        if (is_array(Utilizador::get_info()['plano']['plano']['estrategias']) && sizeof(Utilizador::get_info()['plano']['plano']['estrategias']) > 0) {
          $w_resultados = '75%';

            if (sizeof(Utilizador::get_info()['plano']['plano']['estrategias']) > 1) {
              $h_zeroloss .= ' - 20px - 41%';
            }
        }
    @endphp

    <div class="wrapper">
        <div class="window resultados-cp"
             style="width: calc({{ $w_resultados }}); height: calc(100% - 40px); top: 20px; left: 20px;">
            <div class="head">
                <span>Resultados CP</span>
                <div class="actions">
                    <a href="#" class="minimize"><i class="fas fa-minus"></i></a>
                    <a href="#" class="pin"><i class="fas fa-thumbtack"></i></a>
                    <a href="#" class="maximize"><i class="far fa-expand-arrows-alt"></i></a>
                </div>
            </div>
            <div class="body">
                <div class="jogos d-flex justify-content-end px-2" data-plataforma="">

                </div>

                <div class="table-responsive">
                    <table class="table m-0">
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        @if (in_array('TP', Utilizador::get_info()['plano']['plano']['estrategias']))
            <div class="window zero-loss" style="width: 22%; height: calc({{ $h_zeroloss }}); left: 77%; top: 20px">
                <div class="head">
                    <span>Tendência Pagadora</span>
                    <div class="actions">
                        <a href="#" class="minimize"><i class="fas fa-minus"></i></a>
                        <a href="#" class="pin"><i class="fas fa-thumbtack"></i></a>
                        <a href="#" class="maximize"><i class="far fa-expand-arrows-alt"></i></a>
                    </div>
                </div>
                <div class="body">
                    <div class="d-flex justify-content-center mt-4">
                        <div class="d-inline-block indicadores">
                            <div>
                                <span class="green"></span>
                                <span>menos de 10 brancos para iniciar</span>
                            </div>
                            <div>
                                <span class="yellow"></span>
                                <span>entre 11 e 20 brancos para iniciar</span>
                            </div>
                            <div>
                                <span class="red"></span>
                                <span>mais que 20 brancos para iniciar</span>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table m-0">
                            <thead>
                            <tr>
                                <td>Padrão</td>
                                <td>Coluna</td>
                                <td>Placar</td>
                                <td>Col. Atual</td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif

        @if (is_array(Utilizador::get_info()['plano']['plano']['estrategias']) && sizeof(Utilizador::get_info()['plano']['plano']['estrategias']) > 1)
            <div class="window estrategias" style="width: 22%; height: 41%; left: 77%; top: 56%">
                <div class="head">
                    <span>Estratégias <i class="ms-3 fas fa-exclamation-triangle text-warning alert-pause" data-bs-toggle="tooltip" data-bs-title="Suspensão de entradas"></i></span>
                    <div class="actions">
                        <a href="#" class="minimize"><i class="fas fa-minus"></i></a>
                        <a href="#" class="pin"><i class="fas fa-thumbtack"></i></a>
                        <a href="#" class="maximize"><i class="far fa-expand-arrows-alt"></i></a>
                    </div>
                </div>
                <div class="body">
                    <div class="table-responsive">
                        <table class="table table-sm table-hover table-striped table-striped-columns">
                            <thead>
                            <tr>
                                <td></td>
                                <td>
                                    <svg fill="#fff" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 867.156 867.156" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M247.111,610.652h-98.61c-8.392,0-15.165,7.066-14.57,15.438c3.521,49.571,100.078,139.338,122.949,159.948 c3.072,2.768,4.824,6.705,4.824,10.84v8.817c0,33.944,27.517,61.461,61.461,61.461h220.81c33.948,0,61.47-27.521,61.47-61.47 v-8.808c0-4.135,1.752-8.072,4.824-10.84c22.871-20.61,119.427-110.377,122.948-159.948c0.596-8.371-6.178-15.438-14.569-15.438 h-98.603c-8.059,0-14.592-6.533-14.592-14.592v-66.103c0-4.135,1.752-8.072,4.824-10.84 c22.87-20.61,119.424-110.374,122.948-159.939c0.595-8.37-6.179-15.438-14.57-15.438h-98.61c-8.059,0-14.592-6.533-14.592-14.592 v-66.102c0-4.135,1.752-8.072,4.824-10.84c22.871-20.61,119.427-110.377,122.949-159.948c0.595-8.371-6.179-15.438-14.57-15.438 h-98.61c-8.059,0-14.592-6.533-14.592-14.592v-0.768C605.454,27.518,577.938,0,543.992,0H323.164 c-33.944,0-61.462,27.517-61.462,61.462v0.768c0,8.059-6.533,14.592-14.592,14.592H148.5c-8.392,0-15.165,7.067-14.57,15.438 c3.521,49.571,100.078,139.338,122.949,159.948c3.072,2.768,4.824,6.705,4.824,10.84v66.102c0,8.059-6.533,14.592-14.592,14.592 h-98.61c-8.392,0-15.165,7.067-14.57,15.438c3.524,49.566,100.078,139.329,122.948,159.939c3.072,2.768,4.824,6.705,4.824,10.84 v66.103C261.702,604.119,255.169,610.652,247.111,610.652z M434.103,74.082c53.213,0,96.35,43.137,96.35,96.35 s-43.137,96.35-96.35,96.35s-96.351-43.137-96.351-96.35S380.89,74.082,434.103,74.082z M434.103,337.75 c53.213,0,96.35,43.137,96.35,96.351c0,53.213-43.137,96.35-96.35,96.35s-96.351-43.137-96.351-96.351 C337.752,380.887,380.89,337.75,434.103,337.75z M434.103,601.408c53.213,0,96.35,43.137,96.35,96.35s-43.137,96.351-96.35,96.351 s-96.351-43.138-96.351-96.351S380.89,601.408,434.103,601.408z"></path> </g> </g> </g></svg>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                                <td>5</td>
                            </tr>
                            </thead>
                            <tbody>
                                @if (in_array('PD', Utilizador::get_info()['plano']['plano']['estrategias'], true))
                                    <tr class="pd">
                                        <td>PD</td>
                                        <td class="cor"></td>
                                        <td class="ciclo-1"></td>
                                        <td class="ciclo-2"></td>
                                        <td class="ciclo-3"></td>
                                        <td class="disabled"></td>
                                        <td class="disabled"></td>
                                    </tr>
                                @endif
                                @if (in_array('PB', Utilizador::get_info()['plano']['plano']['estrategias'], true))
                                    <tr class="pb">
                                        <td>PB</td>
                                        <td class="cor"></td>
                                        <td class="ciclo-1"></td>
                                        <td class="ciclo-2"></td>
                                        <td class="ciclo-3"></td>
                                        <td class="disabled"></td>
                                        <td class="disabled"></td>
                                    </tr>
                                @endif
                                @if (in_array('DD', Utilizador::get_info()['plano']['plano']['estrategias'], true))
                                    <tr class="dd">
                                        <td>DD</td>
                                        <td class="cor"></td>
                                        <td class="ciclo-1"></td>
                                        <td class="ciclo-2"></td>
                                        <td class="ciclo-3"></td>
                                        <td class="disabled"></td>
                                        <td class="disabled"></td>
                                    </tr>
                                @endif
                                @if (in_array('DC', Utilizador::get_info()['plano']['plano']['estrategias'], true))
                                    <tr class="dc">
                                        <td>DC</td>
                                        <td class="cor"></td>
                                        <td class="ciclo-1"></td>
                                        <td class="ciclo-2"></td>
                                        <td class="ciclo-3"></td>
                                        <td class="ciclo-4"></td>
                                        <td class="ciclo-5"></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>

    <div class="wrapper minimized-container"></div>

    <div class="page" style="display: none"></div>

    @include('components/account')
    @include('components/plan')

    <script src="{{ url('admin/js/jogos.js') }}?v={{ date('YmdHi') }}"></script>

    <script>
        const url_token = "{{ route('home.token') }}";
        const url_login = "{{ route('auth.login') }}";

        const token_smash = `{!! isset($configs['token_smash']) ? $configs['token_smash'] : '' !!}`;
        const token_blaze = `{!! isset($configs['token_blaze']) ? $configs['token_blaze'] : '' !!}`;

        const menu_header = new bootstrap.Offcanvas('#menu-config')
        const suspensao = $('.estrategias .alert-pause');
        const url_socket = "{{ env('WEBSOCKET_HOST') }}";

        var global_resultados = null;
        var global_numeros = [];
        var global_total = 0;
        var global_icon_zero = '';
        var global_zero_loss = null;
        var global_plataforma = 'blaze';
        var global_intervals = {};
    </script>

    <script src="{{ mix('assets/js/socket.io.js') }}"></script>
    <script src="{{ mix('assets/js/cookies.js') }}"></script>
    <script src="{{ mix('assets/js/jquery.mask.js') }}"></script>

    {{-- SOUNDS --}}
    <script src="{{ mix('assets/js/sounds.js') }}?v=2"></script>

    {{-- WEBSOCKET --}}
    <script src="{{ mix('assets/js/site/socket.js') }}?v=2"></script>

    {{-- HEADER --}}
    <script src="{{ mix('assets/js/site/header.js') }}?v=2"></script>

    {{-- ESTRATEGIAS - DUPLO --}}
    @if (in_array('PD', Utilizador::get_info()['plano']['plano']['estrategias'], true))
        <script src="{{ mix('assets/js/site/estrategias/pd.js') }}?v={{ date('YmdHi') }}"></script>
    @endif

    {{-- ESTRATEGIAS - BANGUELO --}}
    @if (in_array('PB', Utilizador::get_info()['plano']['plano']['estrategias'], true))
        <script src="{{ mix('assets/js/site/estrategias/pb.js') }}?v={{ date('YmdHi') }}"></script>
    @endif

    {{-- ESTRATEGIAS - DEZ DEZ --}}
    @if (in_array('DD', Utilizador::get_info()['plano']['plano']['estrategias'], true))
        <script src="{{ mix('assets/js/site/estrategias/dd.js') }}?v={{ date('YmdHi') }}"></script>
    @endif

    {{-- ESTRATEGIAS - DOIS EM CINCO --}}
    @if (in_array('DC', Utilizador::get_info()['plano']['plano']['estrategias'], true))
        <script src="{{ mix('assets/js/site/estrategias/dc.js') }}?v={{ date('YmdHi') }}"></script>
    @endif

    {{-- RESULTADOS --}}
    <script src="{{ mix('assets/js/site/resultados.js') }}?v={{ date('YmdHi') }}"></script>

    {{-- JOGOS --}}
    <script src="{{ mix('assets/js/site/jogos.js') }}?v={{ date('YmdHi') }}"></script>

    {{-- WINDOWS --}}
    <script src="{{ mix('assets/js/site/windows.js') }}?v={{ date('YmdHi') }}"></script>

    {{-- ACCOUNT --}}
    <script src="{{ mix('assets/js/site/account.js') }}?v=2"></script>

@endsection