@extends('layouts.master')
@section('title')
    Productos
@endsection
@section('css')
    <link href="{{ URL::asset('build/libs/jsvectormap/jsvectormap.min.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('build/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet">

@endsection
@section('content')
    @component('components.breadcrumb')
        @slot('li_1')
            Configuracion
        @endslot
        @slot('title')
            Integraciones
        @endslot
    @endcomponent

    @php
        $baseUrl = env('BRIDGE_API_URL', 'production')
    @endphp

    <div class="row">
        <div class="col-xxl-4">
            <div class="card card-height-100 ">
                <div class="card-header">
                    <h5 class="card-title mb-0">Profit Plus Bridge</h5>
                </div>
                <div class="card-body">
                    <div class="mx-auto" style="max-width: 350px">
                        <div class="text-bg-info bg-gradient p-4 rounded-3 mb-3">

                            <div class="card-number fs-14" id="key-holder-elem">
                                Token: XXXXXXXXXXXXXXXX
                            </div>
                            <div class="card-number fs-14" id="key-holder-elem">
                                Url:
                            </div>

                            <div class="row mt-4">
                                <div class="col-4">
                                    <div>
                                        <div class="text-white-50">Usuario</div>
                                        <div id="card-holder-elem" class="fw-medium fs-14">Seporven</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-12">
                                    <div>
                                        <div class="text-white-50">Nota</div>
                                        <div id="card-holder-elem" class="fw-medium fs-14">
                                            Si ya existe un token de conexion no hace falta volver a logearse.
                                        </div>
                                        <div id="card-holder-elem" class="fw-medium fs-14">
                                            En caso contrario debe logearse y copiar el token de session y pegarlo en el archivo .env o de variables de entornos de la aplicacion.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end card div elem -->
                    </div>

                    <form method="post" id="longin_form" autocomplete="off">
                        @csrf
                        <div class="mb-3">
                            <label for="card-user-name" class="form-label">Usuario</label>
                            <input type="text" class="form-control" id="card-user-name" placeholder="Ingrese el Usuario" />
                        </div>
                        <div class="mb-3">
                            <label for="password-input" class="form-label">Contraseña</label>
                            <input type="password" id="password-input" class="form-control pe-5 password-input @error('password') is-invalid @enderror" name="password" placeholder="Ingrese una Contraseña" id="password-input" >
                        </div>
                        <button class="btn btn-danger w-50 mt-3" type="button" id="login-button">Iniciar Session</button>
                    </form>

                    <br><hr>

                    <form id="custom-card-form" autocomplete="off">
                        <div class="mb-3">
                            <label for="key-holder-input" class="form-label">Token de Conexion</label>
                            <input type="text" id="key-holder-input" class="form-control" />
                        </div>

                        <div class="mb-3">
                            <label for="card-holder-input" class="form-label">Url de Conexion</label>
                            <input type="text" class="form-control" id="card-holder-input" placeholder="Enter holder name" />
                        </div>



                        <button class="btn btn-danger w-100 mt-3" type="submit">Guardar</button>
                    </form>
                    <!-- end card form elem -->
                </div>
            </div>
            <!-- end card -->
        </div>
        <!-- end col -->
    </div>
    <!-- end row-->
@endsection
@section('script')
    <script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
    <script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
    <script src="{{ URL::asset('build/libs/gridjs/gridjs.umd.js') }}"></script>
    <script src="https://unpkg.com/gridjs/plugins/selection/dist/selection.umd.js"></script>

    <script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script>
    <script src="{{ URL::asset('build/libs/jsvectormap/jsvectormap.min.js') }}"></script>
    <script src="{{ URL::asset('build/libs/jsvectormap/maps/world-merc.js') }}"></script>
    <script src="{{ URL::asset('build/libs/swiper/swiper-bundle.min.js') }}"></script>
    <script src="{{ URL::asset('build/js/pages/form-input-spin.init.js') }}"></script>
    <script src="{{ URL::asset('build/libs/card/card.js') }}"></script>



    <script src="{{ URL::asset('build/js/pages/widgets.init.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
@endsection