@section('title', 'Detalhes app')
@include('admin/includes/header')

<main class="flex-shrink-0 mt-3">
    <div class="container">

        @if (\Session::has('success'))
            <div class="alert alert-success alert-icon alert-dismissible fade show fw-semibold" role="alert">
                {!! \Session::get('success') !!}
            </div>
            @php Session::forget('success'); @endphp
        @endif

        @if (isset($appData->active) && $appData->active == '0')
            <div class="alert alert-danger alert-icon alert-dismissible fade show fw-semibold" role="alert">
                A porta vinculada a este aplicativo foi removida, desabilite o aplicativo na Play Store.
            </div>
        @endif

        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-12 mb-6">
                <form method="POST" action="{{ route('admin.doAppTV',$server) }}">
                    <input type="hidden" name="id" value="{{ $appData->id }}"/>

                    <div class="card">
                        <div class="card-body">
                            <p class="mb-1">Data da Solicitação <b>{{ date('d/m/Y H:i',strtotime($appData->created_at)) }}</b></p>

                            <div class="row">
                                <div class="col-md-6">
                                    <p class="mb-1">Status:
                                        @if($appData->status == '1')
                                            <b class="text-success">Publicado</b>
                                        @elseif($appData->status == '3')
                                            <b class="text-info">Em análise</b>
                                        @elseif($appData->status == '4')
                                            <b class="text-danger">Desativado</b>
                                        @else
                                            <b class="text-warning">Aguard. Publicação</b>
                                        @endif
                                    </p>
                                    <hr>
                                    <div class="mb-2">
                                        <label class="form-label">Nome</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="name" value="{{ $appData->name }}">
                                            <button class="btn btn-success" type="button" onclick="copyToClipboard('name');"><i class="bi bi-clipboard"></i></button>
                                        </div>
                                    </div>
                                    <div class="mb-2">
                                        <label class="form-label">Site</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="site" value="https://{{ $siteData->domain }}">
                                            <button class="btn btn-success" type="button" onclick="copyToClipboard('site');"><i class="bi bi-clipboard"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <p class="mb-1">Aplicação: <b>{{ $siteData->stream_tv_name }}</b></p>
                                    <hr>
                                    <div class="mb-2">
                                        <label class="form-label">E-mail</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="email" value="{{ $userData->email }}">
                                            <button class="btn btn-success" type="button" onclick="copyToClipboard('email');"><i class="bi bi-clipboard"></i></button>
                                        </div>
                                    </div>
                                    <div class="mb-2">
                                        <label class="form-label">Descrição</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="desc" value="Instale nosso aplicativo para acompanhar nossa programação, interagir conosco, além de conferir nossa grade de programação completa.">
                                            <button class="btn btn-success" type="button" onclick="copyToClipboard('desc');"><i class="bi bi-clipboard"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @php
                                $selectedAccount = $accounts->firstWhere('id', $appData->account);
                                $accountName = $selectedAccount ? $selectedAccount->name : 'Sem Conta';

                                $policyUrl = "https://brascast.com/contratos/aplicativo?" . http_build_query([
                                    'app' => $appData->name,
                                    'dev' => $accountName
                                ]);
                            @endphp

                            <div class="mb-2">
                                <label class="form-label">Políticas</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="poli" value="{{ $policyUrl }}">
                                    <button class="btn btn-success" type="button" onclick="copyToClipboard('poli');"><i class="bi bi-clipboard"></i></button>
                                </div>
                            </div>

                            <div class="mb-2">
                                <label class="form-label">Link do Google Play</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="app_link" value="https://play.google.com/store/apps/details?id={{ $settData->app_link }}">
                                    <button class="btn btn-success" type="button" onclick="copyToClipboard('app_link');"><i class="bi bi-clipboard"></i></button>
                                </div>
                            </div>

                            <div class="row g-2 mb-3">
                                <div class="col-12 col-md-2">
                                    <label class="form-label">Nome do pacote</label>
                                    <input type="text" class="form-control" name="package" value="{{ $appData->package }}">
                                </div>

                                <div class="col-6 col-md-3">
                                    <label class="form-label">Status</label>
                                    <select class="form-select" name="status">
                                        <option value="0" {{ ($appData->status == '0' ? 'selected' : '') }}>Pendente</option>
                                        <option value="1" {{ ($appData->status == '1' ? 'selected' : '') }}>Publicado</option>
                                        <option value="2" {{ ($appData->status == '2' ? 'selected' : '') }}>Aguard. Publicação</option>
                                        <option value="3" {{ ($appData->status == '3' ? 'selected' : '') }}>Análise</option>
								   {{-- <option value="4" {{ ($appData->status == '4' ? 'selected' : '') }}>Desativado</option> --}}
                                    </select>
                                </div>

                                <div class="col-6 col-md-2">
                                    <label class="form-label">Conta</label>
                                    <select class="form-select" name="account">
                                        <option value="0" {{ $appData->account == '0' ? 'selected' : '' }}>Sem conta</option>

                                        @foreach ($accounts as $acc)
                                            @php
                                                $isInactive = ($acc->status == 0);
                                                // Define o estilo: cor vermelha e negrito se estiver inativo
                                                $style = $isInactive ? 'color: red; font-weight: bold;' : '';
                                            @endphp

                                            <option value="{{ $acc->id }}"
                                                    {{ $appData->account == $acc->id ? 'selected' : '' }}
                                                    style="{{ $style }}">
                                                {{ str_pad($acc->id, 2, '0', STR_PAD_LEFT) }} - {{ $acc->name }}
                                            </option>
                                        @endforeach

                                        <option value="externa" {{ $appData->account == 'externa' ? 'selected' : '' }}>Conta Externa</option>
                                    </select>
                                </div>

                                <div class="col-6 col-md-2">
                                    <label class="form-label">Versão</label>
                                    <input type="text" class="form-control version" name="version" value="{{ $appData->version }}">
                                </div>
                            </div>

                            <hr>
                            <div class="mb-2">
                                <label class="form-label">Observações</label>
                                <textarea class="form-control" name="obs" rows="3">{{ $notesData->notes }}</textarea>
                            </div>

                            <div class="d-flex col-12 grid-gap-2">
                                <div><button type="submit" class="btn btn-success">Salvar alterações</button></div>

                                <div class="ms-auto">
                                    <a href="https://flutter-gen.brascast.com/imgs.php?id={{ $appData->site_id }}&server={{ $server }}" class="btn btn-sm btn-info me-2" target="_blank">Validar imagens</a>
                                    <a href="https://android-content-tv.brascast.com/configs/index.php?id={{ $appData->site_id }}&s={{ $server }}" class="btn btn-sm btn-primary me-2" target="_blank">Preview do App</a>
                                    <button type="button" class="btn btn-sm btn-warning me-2" onclick="getCert('aab');">Gerar Aplicativo</button>
                                    <button type="button" class="btn btn-sm btn-secondary" onclick="getCert('apk');">Apk</button>
                                </div>
                            </div>

                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</main>

@include('admin.modals.appModules', ['appData' => $appData, 'server' => $server])

<div class="modal" id="certModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Certificado</h5>
            </div>
            <div class="modal-body">
                <input type="hidden" class="certType" name="certType" value="aab" />

                <div class="mb-3">
                    <label class="form-label mb-1">Certificado</label>
                    <select class="form-select certId" name="certId">
                        <option value="">Selecione o certificado</option>
                        <option value="c1"   {{ ($appData->certificate == 'c1'   ? 'selected' : '') }}>(C1) - com.brascmwr (NOVO)</option>
                        <option value="c2"   {{ ($appData->certificate == 'c2'   ? 'selected' : '') }}>(C2) - net.gonnatechall</option>
                        <option value="c3"   {{ ($appData->certificate == 'c3'   ? 'selected' : '') }}>(C3) - br.com.superapps</option>
                        <option value="c4"   {{ ($appData->certificate == 'c4'   ? 'selected' : '') }}>(C4) - com.whosapp</option>
                        <option value="c6"   {{ ($appData->certificate == 'c6'   ? 'selected' : '') }}>(C6) - br.onelink</option>
                        <option value="c7"   {{ ($appData->certificate == 'c7'   ? 'selected' : '') }}>(C7) - br.com.tectek</option>
                        <option value="c8"   {{ ($appData->certificate == 'c8'   ? 'selected' : '') }}>(C8) - br.webofus</option>
                        <option value="c9"   {{ ($appData->certificate == 'c9'   ? 'selected' : '') }}>(C9) - com.weeapp</option>
                        <option value="c10"  {{ ($appData->certificate == 'c10'  ? 'selected' : '') }}>(C10) - com.wedoapps</option>
                        <option value="c13"  {{ ($appData->certificate == 'c13'  ? 'selected' : '') }}>(C13) - br.com.radiosapp5</option>
                        <option value="c13a" {{ ($appData->certificate == 'c13a' ? 'selected' : '') }}>(C13a) - br.com.radiosapp5</option>
                        <option value="c16"  {{ ($appData->certificate == 'c16'  ? 'selected' : '') }}>(C16) - br.com.mobtecradio</option>
                        <option value="c20"  {{ ($appData->certificate == 'c20'  ? 'selected' : '') }}>(C20) - br.com.radiosapp5</option>
                        <option value="c21"  {{ ($appData->certificate == 'c21'  ? 'selected' : '') }}>(C21) - br.com.radiosapp6</option>
                        <option value="main" {{ ($appData->certificate == 'main' ? 'selected' : '') }}>(Geral) - Brascast</option>
                    </select>
                </div>

                <div>
                    <label class="form-label mb-1">Nome do pacote (package)</label>
                    <div class="input-group">
                        <input type="text" class="form-control form-control-sm packagePreview" readonly placeholder="Selecione o certificado">
                        <button class="btn btn-success btn-sm" type="button" onclick="copyPackagePreview();">
                            <i class="bi bi-clipboard"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <a href="" class="btn btn-success btnGenCert">Gerar</a>
            </div>
        </div>
    </div>
</div>

@include('admin/includes/footer')

<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
    var certModal = new bootstrap.Modal(document.getElementById("certModal"), {backdrop: 'static', keyboard: false});

    function copyToClipboard(element) {
        var txtField = document.querySelector('input[name="'+element+'"]');
        txtField.select();
        navigator.clipboard.writeText(txtField.value);
    }

    var arrCert = {
        c1:    'com.brascmwr.',
        c2:    'net.gonnatechall.',
        c3:    'br.com.superapps.',
        c4:    'com.whosapp.',
        c6:    'br.onelink.',
        c7:    'br.com.tectek.',
        c8:    'br.webofus.',
        c9:    'com.weeapp.',
        c10:   'com.wedoapps.',
        c13:   'br.com.radiosapp5.',
        c13a:  'br.com.radiosapp5.',
        c16:   'br.com.mobtecradio.',
        c20:   'br.com.radiosapp5.',
        c21:   'br.com.radiosapp6.',
        main:  'com.brascastradio.'
    };

    function nome_app_play2_js(texto) {
        if (!texto) return '';

        const mapping = {
            '&':'e','S':'S','s':'s','Ð':'Dj','Z':'Z','z':'z','À':'A','Á':'A','Â':'A','Ã':'A','Ä':'A','Å':'A','Æ':'A','Ç':'C','È':'E','É':'E','Ê':'E','Ë':'E','Ì':'I','Í':'I','Î':'I','Ï':'I','Ñ':'N','Ò':'O','Ó':'O','Ô':'O','Õ':'O','Ö':'O','Ø':'O','Ù':'U','Ú':'U','Û':'U','Ü':'U','Ý':'Y','Þ':'B','ß':'Ss','à':'a','á':'a','â':'a','ã':'a','ä':'a','å':'a','æ':'a','ç':'c','è':'e','é':'e','ê':'e','ë':'e','ì':'i','í':'i','î':'i','ï':'i','ð':'o','ñ':'n','ò':'o','ó':'o','ô':'o','õ':'o','ö':'o','ø':'o','ù':'u','ú':'u','û':'u','ý':'y','þ':'b','ÿ':'y','f':'f','¹':'','²':'','³':'','£':'','$':'','%':'','¨':'','§':'','º':'','ª':'','©':'','ã':'','(':'','Ready': '', ')':'',"'":'','@':'','=':'',' strength': '', ':':'','!':'','?':'','...':'',' ':'','-':'','^':'','~':'','/':'','.':'','|':'',',':'','<':'','>':'','{':'','}':'','®':'','´':'','+':'','*':'','[':'','Outline': '', ']':''
        };

        let resultado = texto;
        for (let key in mapping) {
            let escapedKey = key.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
            resultado = resultado.replace(new RegExp(escapedKey, 'g'), mapping[key]);
        }
        return resultado.toLowerCase();
    }

    var appPackage = "{{ $appData->package }}" || nome_app_play2_js("{{ $appData->name }}");

    function updatePackagePreview() {
        var certId = $('.certId').val();
        if (!certId || !arrCert[certId]) {
            $('.packagePreview').val('');
            return;
        }
        $('.packagePreview').val(arrCert[certId] + appPackage);
    }

    function copyPackagePreview() {
        var field = document.querySelector('.packagePreview');
        field.select();
        navigator.clipboard.writeText(field.value);
    }

    function buildGenUrl() {
        let certId   = $('.certId').val();
        let certType = $('.certType').val();
		let version = $('.version').val();

        if (!certId) {
            $('.btnGenCert').addClass('disabled').attr('href', 'javascript:void(0)');
            return;
        }

        let url = 'https://flutter-gen.brascast.com/appTv/compile.php?id={{ $appData->site_id }}&server={{ $server }}&cert=' + certId +
                  '&type=' + (certType == 'apk' ? 'apk' : 'aab') + '&v=' + (version < 1000 ? '1000' : version);

        $('.btnGenCert').removeClass('disabled').attr('href', url);
        updatePackagePreview();
    }

    $('.certId').on('change', buildGenUrl);

    function getCert(type) {
        $('.certType').val(type);
        buildGenUrl();
        certModal.show();
    }
</script>