@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.formscss')
@endsection

@include('admin.helper.tittle', ['title' => 'إضافة لعبه او شركة جديد'])


@section('content')
    <div id='pageid'>

        <div>
            <div class="row">

                <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">

                    <!--div-->

                    <form id='new-cat' enctype="multipart/form-data">
                        @csrf
                        <div class="card">
                            <div class="card-body">
                                <div class="row row-sm">
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">الإسم <span class="text-danger">*</span></label>
                                        <input required class="form-control" name="name" value="" type="text"
                                            placeholder="أدخل اسم اللعبة">
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">الوحدة</label>
                                        <input class="form-control" name="unit" value="" type="text"
                                            placeholder="مثال: UC، جواهر، ماسات" maxlength="100">
                                        <small class="text-muted">سيتم إلحاق الوحدة بأسماء المنتجات تلقائياً</small>
                                    </div>



                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> حالة </p>
                                        <select name="status" class="form-control" required>
                                            <option value="1"> مفعل </option>
                                            <option value="0"> غير مفعل </option>
                                        </select>
                                    </div>

                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> نوع </p>
                                        <select name="private" class="form-control" required>
                                            <option value="0"> عامة </option>
                                            <option value="1"> خاصة</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> الظهور </p>
                                        <select name="visibalty" class="form-control" required>
                                            <option value="1"> فاتح </option>
                                            <option value="0"> غامق </option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> الاستعلام</p>
                                        <select name="gamer_query" class="form-control" required>
                                            <option value="1"> استعلام </option>
                                            <option value="0"> بدون استعلام</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> نوع التنفيذ </p>
                                        <select name="automatic" class="form-control" required>
                                            <option value="1"> اوتوماتك </option>
                                            <option value="0"> يدوي</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> يتطلب توثيق الهوية </p>
                                        <select name="requires_verified" class="form-control">
                                            <option value="0" selected>لا</option>
                                            <option value="1">نعم</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <label class="mt-0"> راس المال <span class="text-danger">*</span></label>
                                        <select name='currency_id' class="form-control select2" required>
                                            <option value="" selected> اختر عمله </option>
                                            @foreach (\App\Models\Currency::get() as $cr)
                                                <option value="{{ $cr->id }}">{{ $cr->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> القسم </p>
                                        <select name="category_id" class="form-control" required>
                                            @foreach ($categories as $cat)
                                                <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> اللعبة الأساسية </p>
                                        <select name="parent_id" class="form-control">
                                            <option value="">لا يوجد (لعبة أساسية)</option>
                                            @foreach ($parentGames as $parentGame)
                                                <option value="{{ $parentGame->id }}">{{ $parentGame->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-lg-4 mt-2">
                                        <p class="mt-0"> السكريبت </p>
                                        <select name="script_id" class="form-control">
                                            <option value="">لا يوجد</option>
                                            @foreach ($scripts as $script)
                                                <option value="{{ $script->id }}">{{ $script->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label">ترتيب اللعبه </label>
                                        <input class="form-control" name="sort" min="1" type="number"
                                            value="1">
                                    </div>
                                    @if(can_admin('games_images_edit'))
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label"> صورة اللعبه </label>
                                        <input class="form-control" name="image" type="file" accept="image/*">
                                        <small class="text-muted">الصيغ المدعومة: JPG, PNG, GIF, SVG (الحد الأقصى:
                                            2MB)</small>
                                    </div>
                                    <div class="col-lg-4 mt-3">
                                        <label class="form-label"> صورة المنتج </label>
                                        <input class="form-control" name="product_image" type="file"
                                            accept="image/*">
                                        <small class="text-muted">الصيغ المدعومة: JPG, PNG, GIF, SVG (الحد الأقصى:
                                            2MB)</small>
                                    </div>
                                    @endif


                                    <div class="col-lg-12 mt-3">
                                        <textarea id="elm1" name="note">   </textarea>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="col-5 btn btn-primary mt-3 mb-0">
                                        حفظ</button>
                                    <a href="{{ route('admin.games.index') }}"
                                        class="col-5 btn btn-secondary mt-3 mb-0">رجوع</a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    @include('admin.helper.formscripts')
    @include('vue')
    <script>
        $(function() {

            $('#new-cat').on('submit', function(e) {
                e.preventDefault();

                // Basic client-side validation
                const name = $('input[name="name"]').val().trim();
                const categoryId = $('select[name="category_id"]').val();
                const currencyId = $('select[name="currency_id"]').val();
                const imageFile = $('input[name="image"]')[0].files[0];

                if (!name) {
                    swal({
                        title: 'يرجى إدخال اسم اللعبة',
                        type: 'warning',
                        confirmButtonText: 'موافق',
                    });
                    return;
                }

                if (!categoryId) {
                    swal({
                        title: 'يرجى اختيار القسم',
                        type: 'warning',
                        confirmButtonText: 'موافق',
                    });
                    return;
                }

                if (!currencyId) {
                    swal({
                        title: 'يرجى اختيار العملة',
                        type: 'warning',
                        confirmButtonText: 'موافق',
                    });
                    return;
                }

                if (!imageFile) {
                    swal({
                        title: 'يرجى اختيار صورة اللعبة',
                        type: 'warning',
                        confirmButtonText: 'موافق',
                    });
                    return;
                }

                // Check file size (2MB max)
                if (imageFile.size > 2 * 1024 * 1024) {
                    swal({
                        title: 'حجم الصورة يجب أن يكون أقل من 2 ميجابايت',
                        type: 'warning',
                        confirmButtonText: 'موافق',
                    });
                    return;
                }

                // Disable submit button to prevent double submission
                const submitBtn = $(this).find('button[type="submit"]');
                const originalText = submitBtn.text();
                submitBtn.prop('disabled', true).text('جاري الحفظ...');

                let formData = new FormData(document.getElementById('new-cat'));
                const content = tinymce.get('elm1').getContent();
                formData.append('description', content);

                axios.post('{{ route('admin.games.store') }}', formData)
                    .then(response => {
                        if (response.data.err == false) {
                            swal({
                                title: response.data.msg || 'تم إنشاء اللعبة بنجاح',
                                type: 'success',
                                confirmButtonText: 'موافق',
                            }).then(() => {
                                window.location.href = '{{ route('admin.games.index') }}';
                            });
                        } else {
                            swal({
                                title: response.data.msg || 'حدث خطأ أثناء إنشاء اللعبة',
                                type: 'error',
                                confirmButtonText: 'موافق',
                            });
                        }
                    })
                    .catch(error => {
                        console.error('Error:', error);
                        let errorMessage = 'حدث خطأ غير متوقع';

                        if (error.response && error.response.data && error.response.data.errors) {
                            const errors = error.response.data.errors;
                            errorMessage = Object.values(errors).flat().join('\n');
                        } else if (error.response && error.response.data && error.response.data
                            .message) {
                            errorMessage = error.response.data.message;
                        }

                        swal({
                            title: errorMessage,
                            type: 'error',
                            confirmButtonText: 'موافق',
                        });
                    })
                    .finally(() => {
                        // Re-enable submit button
                        submitBtn.prop('disabled', false).text(originalText);
                    });
            });

        });
        $(function() {
            $('.select2').select2()
        });
    </script>
@endsection