@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 (\Session::has('error'))
            <div class="alert alert-danger alert-icon alert-dismissible fade show fw-semibold" role="alert">
                {!! \Session::get('error') !!}
            </div>
            @php Session::forget('error'); @endphp
        @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.doAppIos',$server) }}" enctype="multipart/form-data">
                    <input type="hidden" name="id" value="{{ $appData->id }}"/>
                <div class="card">
                    <div class="card-body">
                        <p class="mb-1">
							Site ID: <b>{{$siteData->id}}</b> | Carplay: 
								@if($siteData->carplay == '1')
									<b class="text-success">Sim</b>
								@else
									<b class="text-danger">Não</b>
								@endif
						</p>
                        <div class="row">

                        <div class="col-md-6">
                            <p class="mb-1">Data da Solicitação <b>{{ date('d/m/Y H:i',strtotime($appData->created_at)) }}</b></p>
                            <p class="mb-1">Status:
                                @switch($appData->status)
                                    @case(0) <b class="text-warning">Pendente</b> @break
                                    @case(1) <b class="text-success">Publicado</b> @break
                                    @case(2) <b class="text-secondary">Aguardando termo</b> @break
                                    @case(3) <b class="text-danger">Não publicado</b> @break
                                    @case(4) <b class="text-info">Pronto para publicar</b> @break
                                    @case(5) <b class="text-primary">Em análise</b> @break
                                    @default <b class="text-muted">Status desconhecido</b>
                                @endswitch
                            </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>

                        <div class="mb-2">
                            <label class="form-label">Políticas</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="poli" value="https://brascast.com/contratos/aplicativo/">
                                <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 Apple Store</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="app_link" value="https://apps.apple.com/br/app/{{ $settData->app_link_ios }}">
                                <button class="btn btn-success" type="button" onclick="copyToClipboard('app_link');"><i class="bi bi-clipboard"></i></button>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="d-flex">
                                <div class="me-3" style="width:40%;">
                                    <label class="form-label">Status</label>
                                    <select class="form-select" name="status">
                                        <option value="0" {{ ($appData->status == '0' ? 'selected' : '') }}>Pendente</option>
                                        <option value="2" {{ ($appData->status == '2' ? 'selected' : '') }}>Aguardando termo</option>
                                        <option value="4" {{ ($appData->status == '4' ? 'selected' : '') }}>Pronto para publicar</option>
                                        <option value="5" {{ ($appData->status == '5' ? 'selected' : '') }}>Análise</option>
                                        <option value="1" {{ ($appData->status == '1' ? 'selected' : '') }}>Publicado</option>
                                        <option value="3" {{ ($appData->status == '3' ? 'selected' : '') }}>Não publicado</option>
                                    </select>
                                </div>

                                <div class="flex-grow-1">
                                    @if($hasTerm == true)
                                        <label class="form-label">Termo iOS assinado (PDF)</label>
                                        <div id="term-view" class="input-group">
                                            <input type="text" class="form-control" id="term_download" name="term_download" value="{{ $urlTerm }}" readonly>
                                            <button class="btn btn-success" onclick="downloadFromUrl('term_download')" type="button"><i class="bi bi-eye"></i></button>
                                            <button class="btn btn-primary" onclick="editTerm()" type="button"><i class="bi bi-pencil"></i></button>
                                        </div>
                                        <div id="term-edit" class="input-group" style="display: none;">
                                            <input type="file" class="form-control" name="termo_ios" accept="application/pdf">
                                            <button class="btn btn-secondary" type="button" onclick="cancelEditTerm()"><i class="bi bi-x-circle"></i></button>
                                        </div>
                                    @else
                                        <label class="form-label">Envie o Termo iOS assinado (PDF)</label>
                                        <input type="file" class="form-control" name="termo_ios" accept="application/pdf">
                                    @endif
                                </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="d-flex">
                                <div class="w-50">
                                    <label class="form-label">Nome do pacote</label>
                                    <input type="text" class="form-control" name="package" value="{{ $appData->package }}">
                                </div>
                                <div class="w-50 ps-3">
                                    <label class="form-label">Versão</label>
                                    <input type="text" class="form-control" name="version" value="{{ $appData->version }}">
                                </div>
                                </div>
                            </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">
                            <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> Módulos
                                </button>

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

                                <a href="https://flutter-gen.brascast.com/imgs.php?id={{ $appData->site_id }}" class="btn btn-sm btn-info me-2" target="_blank">Validar imagens</a>
                                @if($userLogged->id == '1')
                                <a href="https://flutter-gen.brascast.com/compile_ios.php?id={{ $appData->site_id }}" class="btn btn-sm btn-warning me-2">Gerar Projeto</a>
                                @endif
                            </div>
                        </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>

    </div>
</main>

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

<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>
            <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 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);
    }

    function downloadFromUrl(name) {
        var txtField = document.querySelector('input[name="'+name+'"]');
        txtField.select();
        window.open(txtField.value, '_blank');
    }

    function editTerm() {
        Sweetalert2.fire({
            title: 'Deseja enviar outro termo iOS para essa porta?',
            allowEscapeKey: false, allowOutsideClick: false,
            showCancelButton: true,
            confirmButtonText: 'Continuar e alterar',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById("term-view").style.display = "none";
                document.getElementById("term-edit").style.display = "flex";
            }
        });
    }

    function cancelEditTerm() {
        document.getElementById("term-edit").style.display = "none";
        document.getElementById("term-view").style.display = "flex";
    }

    $('.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();
        }
    });
</script>