@section('title', 'Detalhes app')
@include('admin/includes/header')
@section('head')
    <link href="/assets-manager/css/sweetalert2.min.css" rel="stylesheet">
@endsection

<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.doApp',$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>
                                    <p class="mb-1">
                                        Publicar com Android Auto?
                                        @if($siteData->android_auto == '1')
                                            <b class="text-success">Sim</b>
                                        @else
                                            <b class="text-danger">Nã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">Porta: <b>{{ $appData->port }}</b></p>
                                    <p class="mb-1">Servidor: <a class="fw-bold text-dark" target="_blank" href="https://{{ $siteData->stream_server }}.brascast.com:{{ $siteData->stream_port }}">{{ $siteData->stream_server }}.brascast.com:{{ $siteData->stream_port }}</a></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-3">
                                    <label class="form-label" title="Android Auto">Publicado c/Android Auto</label>
                                    <select class="form-select" name="android_auto">
                                        <option value="0" {{ ($appData->android_auto == '0' ? 'selected' : '') }}>Não</option>
                                        <option value="1" {{ ($appData->android_auto == '1' ? 'selected' : '') }}>Sim</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" 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">
                                    <button type="button" class="btn btn-sm btn-primary me-2" id="btnModules">
                                        <i class="bi bi-toggles"></i> Personalização
                                    </button>

                                    <button type="button" class="btn btn-sm btn-secondary sMail" data-type="info">E-mail publicado</button>

                                    @if($appData->status != '1')
                                        <button type="button" class="btn btn-sm btn-danger sMail" data-type="rejected">E-mail rejeitado</button>
                                    @endif

                                    <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.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 class="mb-3">
                    <label class="form-label mb-1">Tipo de ícone</label>
                    <select class="form-select icoType" name="icoType">
                        <option value="">Ícone Padrão</option>
                        <option value="sim">Sem correção de ratio</option>
                    </select>
                </div>
                
                <div class="mb-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="onlyImgCheck">
                        <label class="form-check-label" for="onlyImgCheck">
                            Gerar somente imagens
                        </label>
                    </div>
                </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>

<div class="modal" id="rejectModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Motivo da rejeição</h5>
            </div>
            <div class="modal-body">
                <div class="form-check form-check-inline mb-2">
                    <input class="form-check-input" type="radio" name="reasion" id="pessoas" value="photo">
                    <label class="form-check-label" for="pessoas">Foto de pessoas</label>
                </div>
                <div class="form-check form-check-inline mb-2">
                    <input class="form-check-input" type="radio" name="reasion" id="endereco" value="address">
                    <label class="form-check-label" for="endereco">Endereço/ link/ telefone</label>
                </div>
                <div class="form-check form-check-inline mb-2">
                    <input class="form-check-input" type="radio" name="reasion" id="right" value="right">
                    <label class="form-check-label" for="right">Direitos autoriais</label>
                </div>
                <div class="form-check form-check-inline mb-2">
                    <input class="form-check-input" type="radio" name="reasion" id="other" value="other">
                    <label class="form-check-label" for="other">Outros ou problema nas imagens</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-success svReject">Enviar</button>
            </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 src="/assets-manager/js/sweetalert2.all.js"></script>
<script>
    var certModal   = new bootstrap.Modal(document.getElementById("certModal"),   {backdrop: 'static', keyboard: false});
    var rejectModal = new bootstrap.Modal(document.getElementById("rejectModal"), {backdrop: 'static', keyboard: false});

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

    $('.svReject').click(function () {
        var motivo = $("input[name='reasion']:checked").val();
        if (!motivo) {
            Sweetalert2.fire({icon: "error", title: "Selecione uma opção para continuar", showConfirmButton: false, timer: 2500});
        } else {
            rejectModal.hide();
            $.post("{{ route('admin.ajaxApp') }}", {
                type: 'rejected', server_id: "{{ $server }}",
                user_id: "{{ $userData->id }}", id: "{{ $appData->id }}", reasion: motivo
            }, function () {
                location.href = '{{ route('admin.apps') }}';
            }, "json");
        }
    });

    $('.sMail').click(function () {
        var type = $(this).attr('data-type');
        if (type == 'info') {
            Sweetalert2.fire({
                title: 'Deseja enviar o e-mail de publicação?',
                allowEscapeKey: false, allowOutsideClick: false,
                showCancelButton: true,
                confirmButtonText: 'Continuar e enviar',
                cancelButtonText: 'Cancelar',
            }).then((result) => {
                if (result.isConfirmed) {
                    $.post("{{ route('admin.ajaxApp') }}", {
                        type: 'info', server_id: "{{ $server }}",
                        user_id: "{{ $userData->id }}", id: "{{ $appData->id }}"
                    }, function () {
                        Sweetalert2.fire({icon: 'success', title: 'E-mail enviado com sucesso!', showConfirmButton: false, timer: 3480});
                    }, "json");
                }
            });
        } else {
            rejectModal.show();
        }
    });

    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 ratioCorr = $('.icoType').val();
        let onlyImg   = $('#onlyImgCheck').is(':checked');

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

        let url = 'https://flutter-gen.brascast.com/compile.php?id={{ $appData->site_id }}&server={{ $server }}&cert=' + certId +
                  '&type=' + (certType == 'apk' ? 'apk' : 'aab') +
                  (ratioCorr === 'sim' ? '&fullicon=sim' : '') +
                  (onlyImg ? '&img' : '');

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

    $('.certId, .icoType').on('change', buildGenUrl);
    $('#onlyImgCheck').on('change', buildGenUrl);

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