@section('title', 'Detalhes da skill')
@include('admin/includes/header')
@section('head')
@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 ($siteData->status != '1')
            <div class="alert alert-danger alert-icon alert-dismissible fade show fw-semibold" role="alert">
                O serviço vinculado a esta Skill está suspenso!
            </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.doSkill',$server) }}">
                    <input type="hidden" name="id" value="{{ $appData->id }}"/>
                    <div class="card">
                        <div class="card-body">
                            <p class="mb-1">Porta: <b>{{ $appData->port }}</b></p>
                            <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-2">Status:
                                        @if($appData->status == '1')
                                            <b class="text-success">Publicado</b>
                                        @elseif($appData->status == '2')
                                            <b class="text-danger">Rejeitado</b>
                                        @elseif($appData->status == '3')
                                            <b class="text-primary">Análise</b>
                                        @elseif($appData->status =='4')
                                            <b class="text-danger">Desativada</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">Invocação</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" name="invocation" value="{{ $appData->invocation }}">
                                            <button class="btn btn-success" type="button" onclick="copyToClipboard('invocation');"><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="Acompanhe nossa programação, interaja 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 class="col-md-6">
                                    <p class="mb-2">&nbsp;</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="row">
                                        <div class="col-md-6">
                                            <div class="mb-2">
                                                <label class="form-label">Status</label>
                                                <select class="form-select" name="status">
                                                    <option value="0" {{ ($appData->status == '0' ? 'selected' : '') }}>Aguard. Publicação</option>
                                                    <option value="3" {{ ($appData->status == '3' ? 'selected' : '') }}>Análise</option>
                                                    <option value="2" {{ ($appData->status == '2' ? 'selected' : '') }}>Rejeitada</option>
                                                    <option value="1" {{ ($appData->status == '1' ? 'selected' : '') }}>Publicada</option>
                                                    <option value="4" {{ ($appData->status == '4' ? 'selected' : '') }}>Desativada</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-2">
                                                <label class="form-label">Conta</label>
                                                <select class="form-select" name="account">
                                                    <option value="dev" {{ ($appData->account == 'dev' ? 'selected' : '') }}>Conta Dev (dev@brascast.com)</option>
                                                    <option value="1" {{ ($appData->account == '1' ? 'selected' : '') }}>Conta 01 (alexa@brascast.com)</option>
                                                    <option value="2" {{ ($appData->account == '2' ? 'selected' : '') }}>Conta 02 (alexa2@brascast.com)</option>
                                                    <option value="3" {{ ($appData->account == '3' ? 'selected' : '') }}>Conta 03 (alexa3@brascast.com)</option>
                                                    <option value="4" {{ ($appData->account == '4' ? 'selected' : '') }}>Conta 04</option>
                                                    <option value="5" {{ ($appData->account == '5' ? 'selected' : '') }}>Conta 05</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="mb-2">
                                                <label class="form-label">Com ativação?</label>
                                                <select class="form-select" name="activation">
                                                    <option value="0" {{ ($appData->activation == '0' ? 'selected' : '') }}>Não</option>
                                                    <option value="1" {{ ($appData->activation == '1' ? 'selected' : '') }}>Sim</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-9">
                                            <div class="mb-2">
                                                <label class="form-label">Link</label>
                                                <div class="input-group">
                                                  <input type="text" class="form-control" name="link" value="{{ $appData->link }}">
                                                  @if(isset($appData->link) && $appData->link)
                                                      <button class="btn btn-success" type="button" onclick="copyToClipboard('link');"><i class="bi bi-clipboard"></i></button>
                                                  @endif
                                              </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <div class="mb-2">
                                <label class="form-label">Políticas de privacidade</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="poli" value="https://brascast.com/contratos/politica-de-privacidade">
                                    <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">Termos de uso</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" name="poliuse" value="https://brascast.com/contratos/termos-de-uso">
                                    <button class="btn btn-success" type="button" onclick="copyToClipboard('poliuse');"><i class="bi bi-clipboard"></i></button>
                                </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>

                            <button type="submit" class="btn btn-success me-2">Salvar alterações</button>


                            <a href="{{ route('admin.skill-dl',$appData->port) }}" class="btn btn-secondary" target="_blank">Baixar imagens</a>
                </form>

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


    </div>

    </div>
</main>

@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>
    function copyToClipboard(element) {
        var txtField = document.querySelector('input[name="'+element+'"]');
        txtField.select();
        navigator.clipboard.writeText(txtField.value);
    }
</script>