@extends('layouts.adminv2')

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Configurações Gerais</h1>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <!-- Main content -->
        <div class="row">
            <div class="col-md-3">

                

                <!-- Profile Image -->

                <script>
                    function submitFoto() {
                            $('#form-logo').submit();
                        }

                        function alteraLogo() {
                            $('#input-logo').click();
                        }
                </script>

                <div class="card card-primary card-outline">
                    <div class="card-body box-profile">
                        <div class="text-center">
                            @if ($users->logo)
                            <img src="{{ asset('products/' . $users->logo) }}" alt="auto" width="200">
                            @endif
                        </div>

                        <h3 class="profile-username text-center"><button class="btn btn-sm btn-success"
                                onclick="alteraLogo()">Alterar Logo</button></h3>
                        <center>
                            <p>Tamanho redefino para 150x50px</p>
                        </center>

                        <form class="d-none" action="{{ route('alterarLogo') }}" enctype="multipart/form-data"
                            method="POST" id="form-logo">
                            @csrf
                            <input type="file" id="input-logo" name="logo" onchange="submitFoto()">
                        </form>

                        <p class="text-muted text-center"></p>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
            <!-- /.col -->
            <div class="col-md-9">
                <div class="card">
                    <div class="card-header">
                        <ul class="nav nav-pills nav-primary" id="pills-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" href="#pills-home"
                                    role="tab" aria-controls="pills-home" aria-selected="true">Dados do Perfil</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" href="#pills-profile"
                                    role="tab" aria-controls="pills-profile" aria-selected="false">Pixel Facebook</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        
                        <div class="tab-content mt-2 mb-3" id="pills-tabContent">
                            <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                aria-labelledby="pills-home-tab">
                                <form action="{{ route('updateProfile') }}" method="POST" class="form-horizontal">
                                    {{ csrf_field() }}
                                    <div class="form-group">
                                        <label>Nome</label>
                                        <input type="text" class="form-control" name="name" value="{{ $users->name }}"
                                            placeholder="Nome">
                                    </div>
                                    <div class="form-group">
                                        <label>Nome da plataforma</label>
                                        <input type="text" class="form-control" name="platform"
                                            value="{{ $users->platform }}" placeholder="Plataforma">
                                    </div>
                                    @if (env('ACTIVE_TEMA'))
                                    <div class="form-group">
                                        <label>Cores do Site</label>
                                        <select name="tema" class="form-control">
                                            <option value="light" {{ $users->tema == 'light' ? 'selected' : '' }}>
                                                Tema Claro</option>
                                            <option value="dark" {{ $users->tema == 'dark' ? 'selected' : '' }}>
                                                Tema Escuro</option>
                                        </select>
                                    </div>
                                    @endif
                                    <div class="form-group">
                                        <label>Telefone com DDD</label>
                                        <input type="text" class="form-control" name="telephone"
                                            value="{{ $users->telephone }}" placeholder="Telefone">
                                    </div>
                                    <div class="form-group">
                                        <label><i class="fab fa-whatsapp nav-icon"></i> Grupo WhatsApp</label>
                                        <input type="text" class="form-control" name="group_whats"
                                            value="{{ $users->group_whats }}" placeholder="">
                                    </div>
                                    <div class="form-group bg-info rounded p-2">
                                        <strong style="color: #000">AVISO IMPORTANTE!</strong>
                                        <br>
                                        Ao fazer alterações nos seus dados de acesso, mantenha-os em um local seguro, já
                                        que não temos mais acesso.
                                    </div>
                                    <div class="form-group">
                                        <label><i class="fa fa-envelope nav-icon"></i> E-mail</label>
                                        <input type="email" class="form-control" name="email"
                                            value="{{ $users->email }}" placeholder="E-mail">
                                    </div>
                                    <div class="form-group">
                                        <label><i class="fa fa-lock nav-icon"></i> Senha</label>
                                        <input type="text" class="form-control" name="senha" placeholder="Senha">
                                    </div>
                                    <div class="form-group">
                                        <label>EzzePay Client ID (EXCLUSIVO)</label>
                                        <input type="text" class="form-control" name="ezze_client_id"
                                            value="{{ $users->ezze_client_id }}" placeholder="">
                                    </div>
                                    <div class="form-group">
                                        <label>EzzePay Client Secret (EXCLUSIVO)</label>
                                        <input type="text" class="form-control" name="ezze_client_secret"
                                            value="{{ $users->ezze_client_secret }}" placeholder="">
                                    </div>
                                    <div class="form-group">
                                        <label>AppID OpenPIX (EXCLUSIVO)</label>
                                        <input type="text" class="form-control" name="open_pix"
                                            value="{{ $users->open_pix }}" placeholder="">
                                    </div>
                                    <div class="form-group">
                                        <img src="/public/mp.png" alt="" width="30"> <label> Mercado Pago Access
                                            Token</label> <a
                                            href="https://www.mercadopago.com.br/settings/account/credentials"
                                            target="_blank">Pegar credencial</a></b>
                                        <input type="text" class="form-control" name="key" value="{{ $users->key_pix }}"
                                            placeholder="Cole o Access Token aqui">
                                    </div>
                                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                        Este meio de pagamento libera automaticamente os pedidos via pix e cobra uma
                                        <strong>taxa de 0,99% por transação</strong>
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="form-group">
                                        <img src="/public/asas.png" alt="" width="30"> <label>Token (ASSAS)</label> <a
                                            href="https://www.asaas.com/login/auth?customerSignUpOriginChannel=HOME"
                                            target="_blank">Pegar credencial</a></b>
                                        <input type="text" class="form-control" name="token_asaas"
                                            value="{{ $users->token_asaas }}" placeholder="Cole o Access Token aqui">
                                    </div>
                                    <div class="alert alert-primary" role="alert">
                                        <strong style="color: #000">AVISO IMPORTANTE!</strong>
                                        <br>
                                        Para receber pelo Pix com baixa automática, insira o link <strong>{{
                                            route('api.notificaoPaggue') }}</strong> na aba Configurações> Integrações>
                                        Webhook.
                                        <a href="https://portal.paggue.io/integrations" target="_blank"
                                            class="btn btn-primary btn-sm" role="button" aria-pressed="true">Acessar
                                            Conta Paggue</a><br>
                                    </div>
                                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                        Este meio de pagamento libera automaticamente os pedidos via pix e cobra uma
                                        <strong>taxa de R$ 0,19 por transação com valor de até R$ 7,63, e Vendas acima
                                            de R$ 7,63 é cobrada 2,49% por transação</strong>
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="form-group">
                                        <img src="/public/paggue.png" alt="" width="30"> <label>Client_Key
                                            (Paggue)</label>
                                        <input type="text" class="form-control" name="paggue_client_key"
                                            value="{{ $users->paggue_client_key }}"
                                            placeholder="Cole o Client_Key aqui">
                                    </div>
                                    <div class="form-group">
                                        <img src="/public/paggue.png" alt="" width="30"> <label>Client_Secret
                                            (Paggue)</label>
                                        <input type="text" class="form-control" name="paggue_client_secret"
                                            value="{{ $users->paggue_client_secret }}"
                                            placeholder="Cole o Client_Secret aqui">
                                    </div>
                                    <div class="form-group">
                                        <label><i class="fab fa-facebook nav-icon"></i> Facebook</label>
                                        <input type="text" class="form-control" name="facebook"
                                            value="{{ $users->facebook }}" placeholder="Facebook">
                                    </div>
                                    <div class="form-group">
                                        <label><i class="fab fa-instagram nav-icon"></i> Instagram</label>
                                        <input type="text" class="form-control" name="instagram"
                                            value="{{ $users->instagram }}" placeholder="instagram">
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-danger">Salvar Alterações</button>
                                    </div>
                                </form>
                            </div>
                            <div class="tab-pane fade" id="pills-profile" role="tabpanel"
                                aria-labelledby="pills-profile-tab">
                               
                                <form action="{{ route('pixel') }}" method="POST" class="form-horizontal">
                                    {{ csrf_field() }}
                                    <div class="form-group">
                                        <label>Verificação do domínio Facebook</label>
                                        <input type="text" class="form-control" name="verify"
                                            value="{{ $users->verify_domain_fb }}"
                                            placeholder="Código de verificação do domínio" required>
                                    </div>
                                    <div class="form-group">
                                        <label>Pixel</label>

                                        <textarea class="form-control" name="pixel" rows="20" style="resize: none;"
                                            required>{{ $users->pixel }}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label>Facebook ID</label>
                                        <input type="text" class="form-control" name="facebook_id"
                                            value="{{ $users->facebook_id }}" required>
                                    </div>
                                    <div class="form-group">
                                        <label>Facebook Access Token</label>
                                        <input type="text" class="form-control" name="facebook_access_token"
                                            value="{{ $users->facebook_access_token }}" required>
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-danger">Cadastrar</button>
                                    </div>
                                </form>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!--/. container-fluid -->
</section>
<!-- /.content -->
@endsection