<?php include_once WPAISAAS_PLUGIN_DIR_PATH . 'templates/partials/head.php'; ?>
    <body class="g-sidenav-show  bg-gray-100">
<?php include_once WPAISAAS_PLUGIN_DIR_PATH . 'templates/partials/sidebar-left.php'; ?>
    <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
        <!-- Navbar -->
        <?php include_once WPAISAAS_PLUGIN_DIR_PATH . 'templates/partials/navbar-top.php'; ?>
        <!-- End Navbar -->
        <div class="page-content">
            <div class="container-fluid">
                <div class="page-content-wrapper bg-light p-30 radius-10">
                    <div class="row align-items-start">
                        <div class="col-md-12 col-lg-12 col-xl-4 col-xxl-4">
                            <div class="ai-assistant-leftside">
                                <form class="ajax" id="search-form"
                                      action="#" method="POST"
                                      data-handler="getDataResponse">
                                    <div class="row">
                                        <div class="col-md-12 mb-25">
                                            <label class="label-text-title color-heading font-medium mb-2">Ai
                                                Assistant</label>
                                            <div class="my-custom-select-box">
                                                <div class="dropdown bootstrap-select my-custom-select form-select w-100 sub_category_id">
                                                    <select id="category"
                                                            class="my-custom-select select_picker form-select  w-100 sub_category_id"
                                                            title="Select" name="sub_category_id" tabindex="null">
                                                        <optgroup label="Blog">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677143961.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Blog Intro</span>
                                                                                    </span>
                                                                                </span>" selected="" value="23">
                                                                Blog Intro
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677143995.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Blog Body</span>
                                                                                    </span>
                                                                                </span>" value="24">
                                                                Blog Body
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144024.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Text Summarizer</span>
                                                                                    </span>
                                                                                </span>" value="25">
                                                                Text Summarizer
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144058.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Sports Report</span>
                                                                                    </span>
                                                                                </span>" value="26">
                                                                Sports Report
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144078.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Short Story</span>
                                                                                    </span>
                                                                                </span>" value="27">
                                                                Short Story
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144095.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Blog Outline</span>
                                                                                    </span>
                                                                                </span>" value="28">
                                                                Blog Outline
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144110.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Blog Idea Generator</span>
                                                                                    </span>
                                                                                </span>" value="29">
                                                                Blog Idea Generator
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144130.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Blog Conclusion</span>
                                                                                    </span>
                                                                                </span>" value="30">
                                                                Blog Conclusion
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144148.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Fictional Story Idea</span>
                                                                                    </span>
                                                                                </span>" value="31">
                                                                Fictional Story Idea
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144162.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Blog Paragraph</span>
                                                                                    </span>
                                                                                </span>" value="32">
                                                                Blog Paragraph
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="E-Mail">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144400.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>E-Mail Text</span>
                                                                                    </span>
                                                                                </span>" value="33">
                                                                E-Mail Text
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Digital Ad">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144418.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Facebook Ad Title</span>
                                                                                    </span>
                                                                                </span>" value="34">
                                                                Facebook Ad Title
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144462.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Facebook Ad Text</span>
                                                                                    </span>
                                                                                </span>" value="35">
                                                                Facebook Ad Text
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144505.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Google Ad Text</span>
                                                                                    </span>
                                                                                </span>" value="36">
                                                                Google Ad Text
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144524.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Bing Ad Text</span>
                                                                                    </span>
                                                                                </span>" value="37">
                                                                Bing Ad Text
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144554.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Pinterest Ad Title</span>
                                                                                    </span>
                                                                                </span>" value="38">
                                                                Pinterest Ad Title
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144594.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Yandex Ad Text</span>
                                                                                    </span>
                                                                                </span>" value="39">
                                                                Yandex Ad Text
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144655.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Google Ad Title</span>
                                                                                    </span>
                                                                                </span>" value="40">
                                                                Google Ad Title
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144668.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Snapchat Ad Title</span>
                                                                                    </span>
                                                                                </span>" value="41">
                                                                Snapchat Ad Title
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146890.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Taboola Ad Text</span>
                                                                                    </span>
                                                                                </span>" value="42">
                                                                Taboola Ad Text
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Video">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144716.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Youtube Video Title</span>
                                                                                    </span>
                                                                                </span>"  value="43">
                                                                Youtube Video Title
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144728.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Youtube Video Description</span>
                                                                                    </span>
                                                                                </span>" value="44">
                                                                Youtube Video Description
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144739.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Youtube Video topic idea</span>
                                                                                    </span>
                                                                                </span>" value="45">
                                                                Youtube Video topic idea
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144752.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Video Script Outline</span>
                                                                                    </span>
                                                                                </span>" value="46">
                                                                Video Script Outline
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144774.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Webinar Title ideas</span>
                                                                                    </span>
                                                                                </span>" value="47">
                                                                Webinar Title ideas
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Ecommerce">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144917.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Amazon Product Description</span>
                                                                                    </span>
                                                                                </span>" value="48">
                                                                Amazon Product Description
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144933.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Product Description</span>
                                                                                    </span>
                                                                                </span>" value="49">
                                                                Product Description
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144948.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Shopify Product Description</span>
                                                                                    </span>
                                                                                </span>" value="50">
                                                                Shopify Product Description
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144965.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Product review</span>
                                                                                    </span>
                                                                                </span>" value="51">
                                                                Product review
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Social media">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677144986.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Photo Post Caption</span>
                                                                                    </span>
                                                                                </span>" value="52">
                                                                Photo Post Caption
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145262.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Pinterest Pin Title</span>
                                                                                    </span>
                                                                                </span>" value="53">
                                                                Pinterest Pin Title
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145299.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Pinterest Description</span>
                                                                                    </span>
                                                                                </span>" value="54">
                                                                Pinterest Description
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145333.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Personal Bio</span>
                                                                                    </span>
                                                                                </span>" value="55">
                                                                Personal Bio
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146535.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Facebook Caption</span>
                                                                                    </span>
                                                                                </span>" value="56">
                                                                Facebook Caption
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145447.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>LinkedIn Post</span>
                                                                                    </span>
                                                                                </span>" value="57">
                                                                LinkedIn Post
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145481.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Slack Textmessage</span>
                                                                                    </span>
                                                                                </span>" value="58">
                                                                Slack Textmessage
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145466.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>LinkedIn Bio</span>
                                                                                    </span>
                                                                                </span>" value="59">
                                                                LinkedIn Bio
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145510.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Reddit post caption</span>
                                                                                    </span>
                                                                                </span>" value="60">
                                                                Reddit post caption
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677145534.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>TikTok Bio</span>
                                                                                    </span>
                                                                                </span>" value="61">
                                                                TikTok Bio
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/hashtag.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Hashtag Generator</span>
                                                                                    </span>
                                                                                </span>" value="70">
                                                                Hashtag Generator
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Brainstorm">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146916.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Business Or Product Name</span>
                                                                                    </span>
                                                                                </span>" value="62">
                                                                Business Or Product Name
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146930.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Slogan Generator</span>
                                                                                    </span>
                                                                                </span>" value="63">
                                                                Slogan Generator
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146948.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Pro's and Con's</span>
                                                                                    </span>
                                                                                </span>" value="64">
                                                                Pro's and Con's
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Framework">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146960.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>PAS (Problem Agitate Solution) Framework</span>
                                                                                    </span>
                                                                                </span>" value="65">
                                                                PAS (Problem Agitate Solution) Framework
                                                            </option>
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146972.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>AIDA Framework</span>
                                                                                    </span>
                                                                                </span>" value="66">
                                                                AIDA Framework
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="SEO">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146984.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>SEO Meta Description</span>
                                                                                    </span>
                                                                                </span>" value="67">
                                                                SEO Meta Description
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Travel">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677146995.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Travel copy</span>
                                                                                    </span>
                                                                                </span>" value="68">
                                                                Travel copy
                                                            </option>
                                                        </optgroup>
                                                        <optgroup label="Reviews">
                                                            <option data-content="<span class='ai-assistant-item d-flex align-items-center'>
                                                                                    <span class='ai-assistant-item-img-wrap me-2 rounded-circle'>
                                                                                        <img src='<?php echo esc_url(WPAISAAS_PLUGIN_DIR_URL) . "assets/img/icons/1677147010.svg" ?> ' alt='' class='fit-image'></span>
                                                                                    <span class='flex-1'>
                                                                                        <span class='ai-assistant-item-title color-heading font-14'>Reply to review</span>
                                                                                    </span>
                                                                                </span>" value="69">
                                                                Reply to review
                                                            </option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                            <div id="categoryContent">
                                                <div class="col-md-12 mb-25">
                                                    <label for="description"
                                                           class="label-text-title color-heading font-medium mb-2">Write
                                                        about your blog topic</label>
                                                    <textarea id="description" class="form-control"
                                                              name="write_about_your_blog_topic"
                                                              placeholder="e.g. How AI will improve the future of content writing"></textarea>
                                                </div>
                                                <div class="col-md-12 mb-25">
                                                    <label for="service"
                                                           class="label-text-title color-heading font-medium mb-2">Product
                                                        / Service</label>
                                                    <input id="service" type="text" class="form-control"
                                                           name="product_/_service"
                                                           placeholder="Placeholder">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="accordion" id="accordionExample">
                                                <div class="accordion-item bg-transparent border-0 border-top">
                                                    <h2 class="accordion-header settings-accordion pb-2"
                                                        id="headingTwo">
                                                        <button class="accordion-button label-text-title color-heading font-medium bg-transparent p-0"
                                                                type="button" data-bs-toggle="collapse"
                                                                data-bs-target="#collapseTwo" aria-expanded="true"
                                                                aria-controls="collapseTwo">
                                                            Settings
                                                        </button>
                                                    </h2>
                                                    <div id="collapseTwo" class="accordion-collapse collapse show"
                                                         aria-labelledby="headingTwo"
                                                         data-bs-parent="#accordionExample">
                                                        <div class="accordion-body px-0 pt-0">
                                                            <div class="row">
                                                                <div class="col-md-6 mb-25">
                                                                    <label for="creativity_level"
                                                                           class="label-text-title color-heading font-medium mb-2">Creativity</label>
                                                                    <select name="creativity_level"
                                                                            id="creativity_level" class="form-control">
                                                                        <option value="0.0">None</option>
                                                                        <option value="0.2">Low</option>
                                                                        <option value="0.35">Optimal</option>
                                                                        <option value="0.5">Medium</option>
                                                                        <option value="0.8">High</option>
                                                                        <option value="1.0">Max</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-6 mb-25 d-none long_form">
                                                                    <label for="long_form"
                                                                           class="label-text-title color-heading font-medium mb-2">Long
                                                                        form</label>
                                                                    <select name="long_form" id="long_form"
                                                                            class="form-control">
                                                                        <option value="0">No</option>
                                                                        <option value="1">Yes</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-6 mb-25">
                                                                    <label for="output"
                                                                           class="label-text-title color-heading font-medium mb-2">Outputs</label>
                                                                    <select name="output" id="output"
                                                                            class="form-control">
                                                                        <option value="1">One</option>
                                                                        <option value="2">Two</option>
                                                                        <option value="3">Three</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-6 mb-25">
                                                                    <label for="character"
                                                                           class="label-text-title color-heading font-medium mb-2">Character</label>
                                                                    <input type="number" min="4" name="character"
                                                                           id="character" class="form-control"
                                                                           placeholder="character" value="1500"
                                                                           max="5000" required="">
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-6 mb-25">
                                                                    <label for="tone_of_voice"
                                                                           class="label-text-title color-heading font-medium mb-2">Tone
                                                                        of voice</label>
                                                                    <select name="tone_of_voice" id="tone_of_voice"
                                                                            class="form-control">
                                                                        <option value="Formal">
                                                                            Formal
                                                                        </option>
                                                                        <option value="Informative">
                                                                            Informative
                                                                        </option>
                                                                        <option value="Friendly">
                                                                            Friendly
                                                                        </option>
                                                                        <option value="Playful">
                                                                            Playful
                                                                        </option>
                                                                        <option value="Authoritative">
                                                                            Authoritative
                                                                        </option>
                                                                        <option value="Empathetic">
                                                                            Empathetic
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-6 mb-25">
                                                                    <label class="label-text-title color-heading font-medium mb-2"
                                                                           for="target_action">Target
                                                                        Audience</label>
                                                                    <input type="text" class="form-control"
                                                                           name="target_action" id="target_action"
                                                                           placeholder="e.g. a six year old child">
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12 mb-25">
                                                                    <label class="label-text-title color-heading font-medium mb-2">Language</label>
                                                                    <select name="language" id="language"
                                                                            class="form-control">
                                                                        <option value="Arabic">
                                                                            Arabic
                                                                        </option>
                                                                        <option value="Bengali">
                                                                            Bengali
                                                                        </option>
                                                                        <option value="Chinese (Simplified)">
                                                                            Chinese (Simplified)
                                                                        </option>
                                                                        <option value="Chinese (Traditional)">
                                                                            Chinese (Traditional)
                                                                        </option>
                                                                        <option value="Dutch">
                                                                            Dutch
                                                                        </option>
                                                                        <option value="Danish">
                                                                            Danish
                                                                        </option>
                                                                        <option value="English" selected="">
                                                                            English
                                                                        </option>
                                                                        <option value="French">
                                                                            French
                                                                        </option>
                                                                        <option value="German">
                                                                            German
                                                                        </option>
                                                                        <option value="Hebrew">
                                                                            Hebrew
                                                                        </option>
                                                                        <option value="Hindi">
                                                                            Hindi
                                                                        </option>
                                                                        <option value="Indonesian">
                                                                            Indonesian
                                                                        </option>
                                                                        <option value="Italian">
                                                                            Italian
                                                                        </option>
                                                                        <option value="Japanese">
                                                                            Japanese
                                                                        </option>
                                                                        <option value="Korean">
                                                                            Korean
                                                                        </option>
                                                                        <option value="Malay">
                                                                            Malay
                                                                        </option>
                                                                        <option value="Norwegian">
                                                                            Norwegian
                                                                        </option>
                                                                        <option value="Persian (Farsi)">
                                                                            Persian (Farsi)
                                                                        </option>
                                                                        <option value="Polish">
                                                                            Polish
                                                                        </option>
                                                                        <option value="Portuguese">
                                                                            Portuguese
                                                                        </option>
                                                                        <option value="Punjabi">
                                                                            Punjabi
                                                                        </option>
                                                                        <option value="Romanian">
                                                                            Romanian
                                                                        </option>
                                                                        <option value="Russian">
                                                                            Russian
                                                                        </option>
                                                                        <option value="Spanish">
                                                                            Spanish
                                                                        </option>
                                                                        <option value="Swedish">
                                                                            Swedish
                                                                        </option>
                                                                        <option value="Tamil">
                                                                            Tamil
                                                                        </option>
                                                                        <option value="Telugu">
                                                                            Telugu
                                                                        </option>
                                                                        <option value="Thai">
                                                                            Thai
                                                                        </option>
                                                                        <option value="Turkish">
                                                                            Turkish
                                                                        </option>
                                                                        <option value="Ukrainian">
                                                                            Ukrainian
                                                                        </option>
                                                                        <option value="Urdu">
                                                                            Urdu
                                                                        </option>
                                                                        <option value="Vietnamese">
                                                                            Vietnamese
                                                                        </option>
                                                                        <option value="Serbian">
                                                                            Serbian
                                                                        </option>
                                                                        <option value="Croatian">
                                                                            Croatian
                                                                        </option>
                                                                        <option value="Albanian">
                                                                            Albanian
                                                                        </option>
                                                                        <option value="Macedonian">
                                                                            Macedonian
                                                                        </option>
                                                                    </select>

                                                                    <?php
                                                                    wp_nonce_field('general_nonce_action', 'general_nonce');
                                                                    ?>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 mb-25">
                                                <button class="btn btn-primary" id="conversationSubmit" type="button">
                                                    <span class="spinner-border spinner-border-sm mr-15 spinner d-none"
                                                          role="status" aria-hidden="true"></span>
                                                    Create
                                                    <svg xmlns="http://www.w3.org/2000/svg"
                                                         xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
                                                         role="img"
                                                         class="iconify iconify--material-symbols font-20 ms-2"
                                                         width="1em" height="1em" preserveAspectRatio="xMidYMid meet"
                                                         viewBox="0 0 24 24"
                                                         data-icon="material-symbols:arrow-right-alt-rounded">
                                                        <path fill="currentColor"
                                                              d="M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"></path>
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12 col-xl-8 col-xxl-8">
                        <div id="appendOutput">
                            <div class="ai-assistant-rightside bg-white radius-10 h-100 border-4 p-20 output-block">
                                <div class="ai-assistant-editor-wrap theme-border radius-10">
                                    <div id="ckeditor"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>

    </main>

<?php
include_once WPAISAAS_PLUGIN_DIR_PATH . 'templates/partials/footer.php';
?>