

<?php
$title = 'video Generator';
$subTitle = 'video Generator';
$script = ' <script>
// ================== Image Upload Js Start ===========================
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function(e) {
            $("#imagePreview").css("background-image", "url(" + e.target.result + ")");
            $("#imagePreview").hide();
            $("#imagePreview").fadeIn(650);
        }
        reader.readAsDataURL(input.files[0]);
    }
}
$("#imageUpload").change(function() {
    readURL(this);
});
// ================== Image Upload Js End ===========================
</script>';

?>

<?php $__env->startSection('content'); ?>

<div class="row gy-4">
    <div class="col-xxl-3 col-lg-4">
        <div class="card h-100 p-0">
            <div class="card-body p-24">
                <div class="mb-20">
                    <label for="Title" class="text-sm fw-semibold text-primary-light mb-8">Title</label>
                    <input type="text" class="form-control px-16 py-14 h-48-px" id="Title" placeholder="Enter Title">
                </div>
                <div class="mb-20">
                    <label for="Voice" class="text-sm fw-semibold text-primary-light mb-8">Voice</label>
                    <select class="form-select form-control px-16 py-14 h-48-px" id="Voice">
                        <option value="">Male</option>
                        <option value="">female</option>
                    </select>
                </div>
                <div class="mb-20">
                    <label for="desc" class="text-sm fw-semibold text-primary-light mb-8">Title</label>
                    <textarea class="form-control px-16 py-14 " id="desc" placeholder="Write something... "></textarea>
                </div>
                <div class="mb-20">
                    <label class="text-sm fw-semibold text-primary-light mb-8">Upload Avatar</label>
                    <div id="fileUpload" class="fileUpload image-upload"></div>
                </div>

                <button type="button" class="btn btn-primary d-flex align-items-center gap-8 px-20 flex-shrink-0">
                    Generate
                    <i class="ri-ai-generate"></i>
                </button>

            </div>
        </div>
    </div>
    <div class="col-xxl-9 col-lg-8">
        <div class="chat-main card overflow-hidden">
            <div class="chat-sidebar-single gap-8 justify-content-between cursor-default flex-nowrap">
                <div class="d-flex align-items-center gap-16">
                    <a href="<?php echo e(route('textGenerator')); ?>" class="text-primary-light text-2xl line-height-1"><i class="ri-arrow-left-line"></i></a>
                    <h6 class="text-lg mb-0 text-line-1">Please, Make 4 variant of this image Quickly As Soon As possible</h6>
                </div>

                <div class="d-flex align-items-center gap-16 flex-shrink-0">
                    <button type="button" class="text-secondary-light text-xl line-height-1 text-hover-primary-600"><i class="ri-edit-2-line"></i></button>
                    <button type="button" class="text-secondary-light text-xl line-height-1 text-hover-primary-600"><i class="ri-delete-bin-6-line"></i></button>
                </div>
            </div><!-- chat-sidebar-single end -->
            <div class="chat-message-list max-h-612-px min-h-612-px">

                <!-- User generated Text Start -->
                <div class="d-flex align-items-start justify-content-between gap-16 border-bottom border-neutral-200 pb-16 mb-16">
                    <div class="d-flex align-items-start gap-16">
                        <div class="img overflow-hidden flex-shrink-0">
                            <img src="<?php echo e(asset('assets/images/chat/1.png')); ?>" alt="image" class="w-44-px h-44-px rounded-circle object-fit-cover">
                        </div>
                        <div class="info">
                            <h6 class="text-lg mb-4">Adam Milner</h6>
                            <p class="mb-0 text-secondary-light text-sm">Alright guys, so I've just seen this website, Fortunanest website, it's an investment website and you invest there. So I actually tried it some months, I tried it just for 3 months and I realized everything was working correct. I was thinking it was this fake website, I never met this website.</p>
                        </div>
                    </div>
                    <button type="button" class="d-flex align-items-center gap-6 px-8 py-4 bg-primary-50 radius-4 bg-hover-primary-100 flex-shrink-0"> <i class="ri-edit-2-fill"></i> Edit</button>
                </div>
                <!-- User generated Text End -->

                <!-- WowDash generated Text Start -->
                <div class="d-flex align-items-start gap-16 border-bottom border-neutral-200 pb-16 mb-16">
                    <div class="img overflow-hidden flex-shrink-0">
                        <img src="<?php echo e(asset('assets/images/wow-dash-favicon.png')); ?>" alt="image" class="w-44-px h-44-px rounded-circle object-fit-cover">
                    </div>
                    <div class="info flex-grow-1">
                        <h6 class="text-lg mb-16 mt-8">WowDash</h6>

                        <div class="row g-3">
                            <div class="col-xl-4 col-sm-6">
                                <div class="generated-image-item radius-8 overflow-hidden position-relative">
                                    <img src="<?php echo e(asset('assets/images/chatgpt/image-generator5.png')); ?>" alt="" class="w-100 h-100 object-fit-cover">
                                    <button class="w-72-px h-72-px bg-primary-600 rounded-circle text-white text-2xxl d-flex align-items-center justify-content-center bg-hover-primary-700 position-absolute top-50 start-50 translate-middle">
                                        <i class="ri-play-large-fill"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                        <button type="button" class="btn btn-primary d-flex align-items-center gap-8 px-20 flex-shrink-0 mt-16">
                            Download
                            <i class="ri-download-2-line"></i>
                        </button>

                        <div class="mt-24 d-flex align-items-center justify-content-between gap-16">
                            <div class="d-flex align-items-center gap-20 bg-neutral-50 radius-8 px-16 py-10 line-height-1">
                                <button type="button" class="text-secondary-light text-2xl d-flex text-hover-info-600"><i class="ri-thumb-up-line line-height-1"></i></button>
                                <button type="button" class="text-secondary-light text-2xl d-flex text-hover-info-600"><i class="ri-thumb-down-line"></i></button>
                                <button type="button" class="text-secondary-light text-2xl d-flex text-hover-info-600"><i class="ri-share-forward-line"></i></button>
                            </div>
                            <button type="button" class="btn btn-outline-primary d-flex align-items-center gap-8"> <i class="ri-repeat-2-line"></i> Regenerate</button>
                        </div>
                    </div>
                </div>
                <!-- WowDash generated Text End -->

                <!-- User generated Text Start -->
                <div class="d-flex align-items-start justify-content-between gap-16 border-bottom border-neutral-200 pb-16 mb-16">
                    <div class="d-flex align-items-start gap-16">
                        <div class="img overflow-hidden flex-shrink-0">
                            <img src="<?php echo e(asset('assets/images/chat/1.png')); ?>" alt="image" class="w-44-px h-44-px rounded-circle object-fit-cover">
                        </div>
                        <div class="info">
                            <h6 class="text-lg mb-4">Adam Milner</h6>
                            <p class="mb-0 text-secondary-light text-sm">Alright guys, so I've just seen this website, Fortunanest website, it's an investment website and you invest there. So I actually tried it some months, I tried it just for 3 months and I realized everything was working correct. I was thinking it was this fake website, I never met this website.</p>
                        </div>
                    </div>
                    <button type="button" class="d-flex align-items-center gap-6 px-8 py-4 bg-primary-50 radius-4 bg-hover-primary-100 flex-shrink-0"> <i class="ri-edit-2-fill"></i> Edit</button>
                </div>
                <!-- User generated Text End -->

                <!-- WowDash generated Text Start -->
                <div class="d-flex align-items-start gap-16 border-bottom border-neutral-200 pb-16 mb-16">
                    <div class="img overflow-hidden flex-shrink-0">
                        <img src="<?php echo e(asset('assets/images/wow-dash-favicon.png')); ?>" alt="image" class="w-44-px h-44-px rounded-circle object-fit-cover">
                    </div>
                    <div class="info flex-grow-1">
                        <h6 class="text-lg mb-16 mt-8">WowDash</h6>

                        <div class="row g-3">
                            <div class="col-xl-4 col-sm-6">
                                <div class="generated-image-item radius-8 overflow-hidden position-relative">
                                    <img src="<?php echo e(asset('assets/images/chatgpt/image-generator5.png')); ?>" alt="" class="w-100 h-100 object-fit-cover">
                                    <button class="w-72-px h-72-px bg-primary-600 rounded-circle text-white text-2xxl d-flex align-items-center justify-content-center bg-hover-primary-700 position-absolute top-50 start-50 translate-middle">
                                        <i class="ri-play-large-fill"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                        <button type="button" class="btn btn-primary d-flex align-items-center gap-8 px-20 flex-shrink-0 mt-16">
                            Download
                            <i class="ri-download-2-line"></i>
                        </button>

                        <div class="mt-24 d-flex align-items-center justify-content-between gap-16">
                            <div class="d-flex align-items-center gap-20 bg-neutral-50 radius-8 px-16 py-10 line-height-1">
                                <button type="button" class="text-secondary-light text-2xl d-flex text-hover-info-600"><i class="ri-thumb-up-line line-height-1"></i></button>
                                <button type="button" class="text-secondary-light text-2xl d-flex text-hover-info-600"><i class="ri-thumb-down-line"></i></button>
                                <button type="button" class="text-secondary-light text-2xl d-flex text-hover-info-600"><i class="ri-share-forward-line"></i></button>
                            </div>
                            <button type="button" class="btn btn-outline-primary d-flex align-items-center gap-8"> <i class="ri-repeat-2-line"></i> Regenerate</button>
                        </div>
                    </div>
                </div>
                <!-- WowDash generated Text End -->

            </div>
            <form class="chat-message-box">
                <input type="text" name="chatMessage" placeholder="Message wowdash...">
                <button type="submit" class="w-44-px h-44-px d-flex justify-content-center align-items-center radius-8 bg-primary-600 text-white bg-hover-primary-700 text-xl">
                    <iconify-icon icon="f7:paperplane"></iconify-icon>
                </button>
            </form>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\Laravel\wowdash\resources\views/aiapplication/videoGenerator.blade.php ENDPATH**/ ?>