@extends('adminlte::page')

@section('title', 'Perfil de la cuenta')

@section('content_header')
    <h1>Cuenta</h1>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row">


            <div class="col-md-9">
                <div class="card">
                    <div class="card-header p-2">
                        <h3>Cuenta</h3>
                    </div>

                    <div class="card-body">
                        <form class="form-horizontal" method="post" action="{{route('admin::accounts_update')}}" enctype='multipart/form-data'>
                            {{ csrf_field() }}
                            @include('admin_panel.partials.fields',['fields'=>
                                    [
                                        ['ftype'=>'input','name'=>"Nombre", 'id'=>"name", 'placeholder'=>"Nombre", 'required'=>true,'value'=>$account->name],
                                        ['ftype'=>'input','name'=>"Webhook respuestas", 'id'=>"webhook_reply", 'placeholder'=>"https://api.medicloud.com.ar/agent_ia/reply", 'required'=>false,'value'=>$account->webhook_reply],
                                        ['ftype'=>'bool','name'=>"Habilitar respuestas automáticas", 'id'=>"auto_reply_enabled",  'required'=>false,'value'=>$account->auto_reply_enabled],
                                        ['ftype'=>'textarea','name'=>"Prompt Respuestas", 'id'=>"reply_prompt",  'required'=>false,'value'=>$account->reply_prompt],
                                    ]
                            ])
                            @if(!empty($account->id))

                                <div class="form-group row">
                                    <label for="name" class="col-sm-3 col-form-label">Client Id</label>
                                    <div class="col-sm-9">
                                        <div class="input-group">
                                            <input type="text" class="form-control" value="{{old('name',$account->client_id)}}" id="client_id" disabled>
                                            <span class="input-group-btn">
                                              <button class="btn btn-default" onclick="w_copyText('client_id')" type="button" id="copy-button" data-toggle="tooltip" data-placement="button" title="Copy to Clipboard">
                                                Copiar
                                              </button>
                                        </span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="name" class="col-sm-3 col-form-label">Client Secret</label>
                                    <div class="col-sm-9">
                                        <div class="input-group">
                                            <input type="text" class="form-control" value="{{old('client_secret',$account->client_secret)}}" id="client_secret" disabled>
                                            <span class="input-group-btn">
                                              <button class="btn btn-default" onclick="w_copyText('client_secret')" type="button" id="copy-button" data-toggle="tooltip" data-placement="button" title="Copy to Clipboard">
                                                Copiar
                                              </button>
                                        </span>
                                        </div>
                                    </div>
                                </div>
                            @endif


                            @if(!empty($account->id))
                                <input type="hidden" name="id" value="{{$account->id}}">
                            @endif
                            <div class="form-group row">
                                <div class="offset-sm-2 col-sm-10">
                                    <button type="submit" class="btn btn-danger">Guardar Cambios</button>
                                </div>
                            </div>
                        </form>
                    </div>


                    <!-- /.tab-pane -->

                    <!-- /.tab-content -->
                </div>
                <!-- /.nav-tabs-custom -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div><!-- /.container-fluid -->






@stop

@section('css')
    {{--    <link rel="stylesheet" href="/css/admin_custom.css">--}}
@stop

@section('js')
    <script>
        var w_copyText = function (inputId) {
            /* Get the text field */
            var copyText = document.getElementById(inputId);

            /* Select the text field */
            copyText.select();
            copyText.setSelectionRange(0, 99999); /* For mobile devices */

            /* Copy the text inside the text field */
            document.execCommand("copy");

            /* Alert the copied text */
            alert("Texto copiado " + copyText.value);
        };


        $(document).ready(function () {
            // Initialize the tooltip.
            $('#copy-button').tooltip();

        });
    </script>
@stop