@extends('layouts.admin')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Meu perfil</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">

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if (session()->has('success'))
                        <div class="alert alert-success">
                            <ul>
                                <li>{{ session('success') }}</li>
                            </ul>
                        </div>
                    @endif

                    <!-- Profile Image -->
                    <div class="card card-primary card-outline">
                        <div class="card-body box-profile">
                            <div class="text-center">
                                <i class="bi bi-person-circle" style="font-size: 50px;"></i>
                            </div>

                            <h3 class="profile-username text-center">{{ $users->name }}</h3>

                            <p class="text-muted text-center"></p>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->

                    <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="" 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>3 x 1.5 (cm)</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 p-2">
                            <ul class="nav nav-pills">
                                <li class="nav-item" style="margin: 3px;"><a class="nav-link active" href="#settings"
                                        data-toggle="tab">Perfil</a></li>
                                <li class="nav-item" style="margin: 3px;"><a class="nav-link" href="#pixel"
                                        data-toggle="tab">Pixel Facebook</a></li>
                                <li class="nav-item" style="margin: 3px;"><a class="nav-link" href="#modal_cor"
                                        data-toggle="tab">Theme Color</a></li>
                            </ul>
                        </div><!-- /.card-header -->
                        <div class="card-body">
                            <div class="tab-content">
                                <div class="active tab-pane" id="settings">
                                    <form action="{{ route('updateProfile') }}" method="POST" class="form-horizontal">
                                        {{ csrf_field() }}
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked"
                                                name="logo_enable" @if ($config->logo_enable) checked @endif>
                                            <label class="form-check-label" for="flexSwitchCheckChecked">
                                                Logo Ativa</label>
                                        </div>
                                        <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>Tema</label>
                                                <select name="tema" class="form-control">
                                                    <option value="light" {{ $users->tema == 'light' ? 'selected' : '' }}>
                                                        Claro</option>
                                                    <option value="dark" {{ $users->tema == 'dark' ? 'selected' : '' }}>
                                                        Escuro</option>
                                                </select>
                                            </div>
                                        @endif
                                        <div class="form-group">
                                            <label>Telefone</label>
                                            <input type="text" class="form-control" name="telephone"
                                                value="{{ $users->telephone }}" placeholder="Telefone">
                                        </div>
                                        <div class="form-group">
                                            <label>Grupo Whatsapp</label>
                                            <input type="text" class="form-control" name="group_whats"
                                                value="{{ $users->group_whats }}" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label>E-mail</label>
                                            <input type="email" class="form-control" name="email"
                                                value="{{ $users->email }}" placeholder="E-mail">
                                        </div>
										<HR>
                                        <h3><strong>Play2m</strong></h3>
                                        <div class="form-group">
                                            <label>SUA_CLIENT_ID</label>
                                            <input type="text" class="form-control" name="payd_client"
                                                value="{{ $users->payd_client }}" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label>SEU_CLIENT_SECRET</label>
                                            <input type="text" class="form-control" name="payd_key"
                                                value="{{ $users->payd_key }}" placeholder="">
                                        </div>
                                        <HR>
                                        <div class="form-group">
                                            <label>Access Token (Mercado Pago)</label>
                                            <input type="text" class="form-control" name="key"
                                                value="{{ $users->key_pix }}" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label>Token (ASSAS)</label>
                                            <input type="text" class="form-control" name="token_asaas"
                                                value="{{ $users->token_asaas }}" placeholder="">
                                        </div>
                                        <div class="form-group bg-info rounded p-2">
                                            <strong style="color: #000">IMPORTANTE!</strong>
                                            <br>
                                            Inserir o link abaixo na aba Webhook no site da Paggue. Ele é o responsável pala
                                            baixa automática.
                                            <br><br>
                                            {{ route('api.notificaoPaggue') }}
                                        </div>
                                        <div class="form-group">
                                            <label>CLIENT KEY (Paggue)</label>
                                            <input type="text" class="form-control" name="paggue_client_key"
                                                value="{{ $users->paggue_client_key }}" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label>CLIENT SECRET (Paggue)</label>
                                            <input type="text" class="form-control" name="paggue_client_secret"
                                                value="{{ $users->paggue_client_secret }}" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label>Facebook</label>
                                            <input type="text" class="form-control" name="facebook"
                                                value="{{ $users->facebook }}" placeholder="Facebook">
                                        </div>
                                        <div class="form-group">
                                            <label>Instagram (Somente usuario - sem o @)</label>
                                            <input type="text" class="form-control" name="instagram"
                                                value="{{ $users->instagram }}" placeholder="instagram">
                                        </div>
                                        <div class="form-group">
                                            <label>Senha</label>
                                            <input type="text" class="form-control" name="senha"
                                                placeholder="Senha">
                                        </div>
                                        <div class="form-group">
                                            <button type="submit" class="btn btn-danger">Alterar</button>
                                        </div>
                                    </form>
                                </div>
                                <!-- /.tab-pane -->
                                <div class="tab-pane" id="pixel">
                                    <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">
                                            <button type="submit" class="btn btn-danger">Cadastrar</button>
                                        </div>
                                    </form>
                                </div>
                                <!-- /.tab-pane -->
                                <div class="tab-pane" id="modal_cor">
                                    {{-- <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 class="">Pixel</label>
                                            <input type="color" name="cor" id="cor"
                                                value="{{ old('cor') }}">
                                        </div>
                                        <div class="form-group">
                                            <button type="submit" class="btn btn-danger">Cadastrar</button>
                                        </div>
                                    </form> --}}
                                    <form action="{{ route('saveColors') }}" method="POST">
                                        @csrf
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label for="color_primary">Primary Color</label>
                                                    <input type="color" name="color_primary" id="color_primary"
                                                        class="form-control"
                                                        value="{{ old('color_primary', $config->color_primary) }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="btn_line_menu">Menu Border Button</label>
                                                    <input type="color" name="btn_line_menu" id="btn_line_menu"
                                                        class="form-control"
                                                        value="{{ old('btn_line_menu', $config->btn_line_menu) }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="color_campanha_text">Texto Campanhas</label>
                                                    <input type="color" name="color_campanha_text"
                                                        id="color_campanha_text" class="form-control"
                                                        value="{{ old('color_campanha_text', $config->color_campanha_text) }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="color_compra">Menu de Compra Automatica</label>
                                                    <input type="color" name="color_compra" id="color_compra"
                                                        class="form-control"
                                                        value="{{ old('color_compra', $config->color_compra) }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="color_compra_text">Texto Compra Automatica</label>
                                                    <input type="color" name="color_compra_text" id="color_compra_text"
                                                        class="form-control"
                                                        value="{{ old('color_compra_text', $config->color_compra_text) }}">
                                                </div>
                                                {{--  <div class="col-md-3">
                                                    <label for="cor4">Cor 4:</label>
                                                    <input type="color" name="cor4" id="cor4"
                                                        class="form-control"
                                                        value="{{ old('cor4', $config->colors[3]) }}">
                                                </div> --}}
                                            </div>
                                        </div>
                                        <br>
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-md-12 d-flex gap-3">
                                                    <button type="submit" class="btn btn-primary">Salvar
                                                        Cores</button>
                                                    <button id="resetButton" type="button"
                                                        class="btn btn-warning">Resetar
                                                        Cores</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>

                                </div>
                                <!-- /.tab-pane -->
                            </div>
                            <!-- /.tab-content -->
                        </div><!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!--/. container-fluid -->
    </section>
    <!-- /.content -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#resetButton').click(function() {
                $.ajax({
                    url: '{{ route('resetColors') }}', // URL da rota definida no Laravel
                    type: 'POST', // Tipo de requisição
                    data: {
                        _token: '{{ csrf_token() }}', // Token CSRF para segurança
                        reset: true // Dados adicionais se necessário
                    },
                    success: function(response) {
                        location.reload()
                    },
                    error: function(xhr, status, error) {
                        console.error('Error:', error);

                    }
                });
            });
        });
    </script>

@endsection