@extends('admin.master')

@section('tab',13)
@section('content')
    <div class="allCreatePost">
        <div class="allCreatePost">
            <div class="allPostPanelTop">
                <h1>ایجاد تصویر با هوش مصنوعی</h1>
                <div class="allPostTitle">
                    <a href="/admin">داشبورد</a>
                    <span>/</span>
                    <a href="/admin/ai/image">ایجاد تصویر با هوش مصنوعی</a>
                </div>
            </div>
            <div class="allCreatePostData">
                <div>
                    <div class="allCreatePostSubject">
                        <div class="allCreatePostItem">
                            <label>توضیف تصویری که مدنظر شما هست :</label>
                            <textarea name="body"></textarea>
                        </div>
                        <div class="pics type0" style="display: none">
                            <img src="" alt="">
                        </div>
                        <div class="buttons">
                            <button class="button type0 createI" style="display: none">ثبت در گالری</button>
                            <button class="button" name="createPost">ساخت تصویر</button>
                        </div>
                    </div>
                </div>
                <div class="allCreatePostDetails type0" style="display:none;">
                    <div class="allCreatePostDetail">
                        <div class="allCreatePostDetailItemsTitle">تصویر</div>
                        <div class="allCreatePostDetailItems">
                            <img src="" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts3')
    <script>
        $(document).ready(function(){
            $("button[name='createPost']").click(function(event){
                $("button[name='createPost']").text('صبر کنید ...');
                var body = $("textarea[name='body']").val();

                var form = {
                    "_token": "{{ csrf_token() }}",
                    body: body,
                };
                $.ajax({
                    url: "/admin/ai/image",
                    type: "post",
                    data: form,
                    success: function (data) {
                        $(".type0").show();
                        $(".allCreatePostDetails img").attr('src',data);
                        $("button[name='createPost']").text('ساخت تصویر');
                    },
                    error: function (xhr) {
                        alert('موجودی حساب شما به اتمام رسید و نیاز به شارژ حساب دارید.')
                        $("button[name='createPost']").text('ساخت تصویر');
                    }
                });
            });
            $(".createI").click(function(event){
                $(".createBlog").text('صبر کنید ...');
                var img1 = $(".allCreatePostDetails img").attr('src')

                var form = {
                    "_token": "{{ csrf_token() }}",
                    image: img1,
                };
                $.ajax({
                    url: "/admin/ai/image/create",
                    type: "post",
                    data: form,
                    success: function (data) {
                        window.location.href = '/admin/gallery';
                    },
                });
            });
        })
    </script>
@endsection
