@extends('admin.layout.master')

@section('title')
    ChatGPT
@endsection

@section('content')

    <div class="page-content">

        <nav class="page-breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin./') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">ChatGPT</li>
            </ol>
        </nav>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">ChatGPT</h6>
                        <form method="POST" action="{{ route('admin.chatgptask') }}">
                            @csrf

                            <div class="form-group">
                                <input type="text" required class="form-control MyInput" name="prompt"
                                       placeholder="What you want to search . . . "
                                       value="{{ ($request->prompt) ? $request->prompt : '' }}"
                                       style="letter-spacing:3px">
                            </div>
                            <center>
                                <button type="submit" class="btn btn-outline-info">ASK CHATGPT</button>
                                <a href="{{ route('admin.chatgpt') }}" class="btn btn-outline-danger">RESET CHATGPT</a>
                            </center>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @if(isset($response) && !empty($response))
            <br>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <h6 class="card-title">ChatGPT Result</h6>
                            <p>{{ $response }}</p>
                        </div>
                    </div>
                </div>
            </div>
        @endif

    </div>

@endsection

@section('script')
    <script src="https://cdn.tiny.cloud/1/slqzq9p4jfyu3f1nzvbomd2qq198chen520bsjv05lggwszl/tinymce/6/tinymce.min.js"
            referrerpolicy="origin"></script>
    <script>
        tinymce.init({
            selector: '#detail',
            height: "450"
        });
    </script>
@endsection