<?php $__env->startSection('content'); ?>
            <div class="page-title">
                    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li><h1>Auto Writer</h1></li>
            <li class="breadcrumb-item">
                <a href="<?php echo e(url('index')); ?>">
                    <svg width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2.125 6.375L8.5 1.41667L14.875 6.375V14.1667C14.875 14.5424 14.7257 14.9027 14.4601 15.1684C14.1944 15.4341 13.8341 15.5833 13.4583 15.5833H3.54167C3.16594 15.5833 2.80561 15.4341 2.53993 15.1684C2.27426 14.9027 2.125 14.5424 2.125 14.1667V6.375Z" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M6.375 15.5833V8.5H10.625V15.5833" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    Home
                </a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Auto Writer</li>
        </ol>
    </nav>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="alert alert-card-warning alert-alt alert-dismissible fade show">
                            This is a demo of AIKit plugin made for you to test the experience of using the plugin. Text & images generated in this demo are dummy. In real life, AIKit will call OpenAI API and generate relevant text and images based on your prompts.
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        <p>AIKit Auto Writer is a tool helps you write drafts quickly, but please review and edit before publishing for best results. This is not a substitute for human editing, but a drafting aid. Happy writing!</p>
                        <ul class="nav nav-tabs-standard pt-4 mb-3 nav-scroll nav-scroll-auto-xl">                            
                            <li class="nav-item"><a class="nav-link active" aria-current="true" href="<?php echo e(url('aikit/auto-write')); ?>">Auto Writer</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/scheduled')); ?>">Scheduler</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/repurpose')); ?>">Repurpose</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/rss')); ?>">RSS</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/chatbot')); ?>">Chatbot</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/fine-tune-models')); ?>">Fine-tune Models</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/prompt')); ?>">AI Menu Prompts</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/setting')); ?>">Settings</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(url('aikit/import')); ?>">Export/Import Settings</a></li>
                        </ul>
                        <div class="row">
                            <div class="col-xl-4">
                                <div class="card h-auto">
                                    <div class="card-header border-0 pb-0">
                                        <h4 class="card-title">Auto Writer</h4>
                                        <div class="clearfix">
                                            <select class="selectpicker form-select">
                                                <option data-content="<img src='<?php echo e(asset('images/svg/england.svg')); ?>' alt=''> England">England</option>
                                                <option data-content="<img src='<?php echo e(asset('images/svg/india.svg')); ?>' alt=''> India">India</option>
                                                <option data-content="<img src='<?php echo e(asset('images/svg/uae.svg')); ?>' alt=''> UAE">UAE</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <div class="mb-3">
                                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="4">Write a brief description of the topic you want to write about...</textarea>
                                                </div>
                                                <div class="mb-3">
                                                    <label for="exampleFormControlInput2" class="form-label">Write a brief description of the topic you want to write about...</label>
                                                    <input type="text" class="form-control" id="exampleFormControlInput2" placeholder="Find My Device">
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Post type</label>
                                                    <select class="selectpicker form-select">
                                                        <option selected>Post</option>
                                                        <option value="1">Product</option>
                                                    </select>
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Post category</label>
                                                    <select class="selectpicker form-select">
                                                        <option selected>Uncategorized</option>
                                                        <option value="1">Categorized</option>
                                                    </select>
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">Post status</label>
                                                    <select class="selectpicker form-select">
                                                        <option selected>Draft</option>
                                                        <option value="1">Categorized</option>
                                                    </select>
                                                </div>
                                                <div class="mb-0">
                                                    <div class="row align-items-center g-2 mb-3">
                                                        <div class="col-6">
                                                            <label for="exampleFormControlInput10" class="form-label mb-0">Articles:</label>
                                                        </div>
                                                        <div class="col-6">
                                                            <input type="number" class="form-control type-number" id="exampleFormControlInput10" placeholder="10">
                                                        </div>
                                                    </div>
                                                    <div class="row align-items-center g-2 mb-3">
                                                        <div class="col-6">
                                                            <label for="exampleFormControlInput3" class="form-label mb-0">Sections per article:</label>
                                                        </div>
                                                        <div class="col-6">
                                                            <input type="number" class="form-control type-number" id="exampleFormControlInput3" placeholder="10">
                                                        </div>
                                                    </div>
                                                    <div class="row align-items-center g-2 mb-3">
                                                        <div class="col-6">
                                                            <label for="exampleFormControlInput4" class="form-label mb-0">Maximum words per section:</label>
                                                        </div>
                                                        <div class="col-6">
                                                            <input type="number" class="form-control type-number" id="exampleFormControlInput4" placeholder="10">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer d-flex flex-wrap gap-2">
                                        <div class="clearfix">
                                            <input type="checkbox" class="btn-check" id="btncheck1">
                                            <label class="btn btn-outline-primary btn-sm" for="btncheck1">Include outline</label>
                                        </div>
                                        <div class="clearfix">
                                            <input type="checkbox" class="btn-check" id="btncheck2">
                                            <label class="btn btn-outline-primary btn-sm" for="btncheck2">Include conclusion</label>
                                        </div>
                                        <div class="clearfix">
                                            <input type="checkbox" class="btn-check" id="btncheck3">
                                            <label class="btn btn-outline-primary btn-sm" for="btncheck3">Include TL;DR</label>
                                        </div>
                                        <div class="clearfix">
                                            <input type="checkbox" class="btn-check" id="btncheck4">
                                            <label class="btn btn-outline-primary btn-sm" for="btncheck4">Include featured article Image3</label>
                                        </div>
                                        <div class="clearfix">
                                            <input type="checkbox" class="btn-check" id="btncheck5">
                                            <label class="btn btn-outline-primary btn-sm" for="btncheck5">Include section images</label>
                                        </div>
                                    </div>
                                    <div class="card-footer text-center">
                                        <a href="javascript:void(0);" class="btn btn-outline-primary me-2">
                                            <i class="fa-solid fa-arrows-rotate"></i> Schedule
                                        </a>
                                        <a href="javascript:void(0);" class="btn btn-primary">
                                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.1498 15.1013H7.30563L6.86828 12.8455H4.15205L3.71469 15.1013H0.0546875L2.67883 0.806641H8.52563L11.1498 15.1013ZM6.43092 10.1523L5.62526 5.04211H5.46413L4.65847 10.1523H6.43092Z" fill="white"/><path d="M16.4903 0.806641H12.5771V15.1013H16.4903V0.806641Z" fill="white"/></svg>
                                            Generate
                                        </a>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-xl-8">
                                <div class="accordion accordion-card mb-3" id="accordionExampleShadow">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOneCard" aria-expanded="true" aria-controls="collapseOneCard">Prompts</button>
                                        </h2>
                                        <div id="collapseOneCard" class="accordion-collapse collapse show" data-bs-parent="#accordionExampleCard">
                                            <div class="accordion-body px-0">
                                                
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
    [[description]]
    The article will include the following sections:
    [[section-headlines]]

    Title:
                                                    </textarea>
                                                </div>
                                                
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
    [[description]]
    The article will include the following sections:
    [[section-headlines]]

    Title:
                                                    </textarea>
                                                </div>
                                                
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
    [[description]]
    The article will include the following sections:
    [[section-headlines]]

    Title:
                                                    </textarea>
                                                </div>
                                                    
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
    [[description]]
    The article will include the following sections:
    [[section-headlines]]

    Title:
                                                    </textarea>
                                                </div>
                                                
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
    [[description]]
    The article will include the following sections:
    [[section-headlines]]

    Title:
                                                    </textarea>
                                                </div>
                                                
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
        [[description]]
        The article will include the following sections:
        [[section-headlines]]

        Title:
                                                    </textarea>
                                                </div>
                                                
                                                <div class="d-flex align-items-center mb-2">
                                                    <h6 class="mb-0">article-title:</h6>
                                                    <span class="badge badge-sm badge-danger light ms-1">description</span>
                                                    <span class="mx-1">,</span>
                                                    <span class="badge badge-sm badge-danger light">section-headlines</span>
                                                </div>
                                                <div class="mb-3">
                                                    <textarea class="form-control bg-transparent" rows="3">
Generate a title for an article that discusses the following topic:
    [[description]]
    The article will include the following sections:
    [[section-headlines]]

    Title:
                                                    </textarea>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card h-auto">
                                    <div class="card-body py-1 px-0">
                                        <div class="table-responsive table-responsive-md">
                                            <table class="table mb-0 table-bottom-borderless">
                                                <thead>
                                                    <tr>
                                                        <th class="mw-150">Type</th>
                                                        <th class="mw-250">Title</th>
                                                        <th class="mw-200">Date created</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>Landing Page</td>
                                                        <td><a href="javascript:void(0);">This is a test title generation</a></td>
                                                        <td>July 10, 2004</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Landing Page</td>
                                                        <td><a href="javascript:void(0);">This is a test title generation</a></td>
                                                        <td>September 26, 2024</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Landing Page</td>
                                                        <td><a href="javascript:void(0);">This is a test title generation</a></td>
                                                        <td>January 10, 2025</td>
                                                    </tr>
                                                    <tr>
                                                        <td>Landing Page</td>
                                                        <td><a href="javascript:void(0);">This is a test title generation</a></td>
                                                        <td>February 18, 2025</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.default', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\xampp82\htdocs\products\wajid-templates\w3crm-laravel\package\resources\views/W3crm/aikit/auto_write.blade.php ENDPATH**/ ?>