@extends('admin.layouts.master')

@section('title', 'إضافة سعر ربح جديد')

@section('css')
    @include('admin.helper.tablecss')
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title mb-0">إضافة سعر ربح جديد</h3>
                        <a href="{{ route('admin.profitrate.index') }}" class="btn btn-secondary">
                            <x-lucide-arrow-right width="20" height="20" />
                            العودة إلى القائمة
                        </a>
                    </div>
                    <form id="profitRateForm" action="{{ route('admin.profitrate.store') }}" method="POST">
                        @csrf
                        <div class="card-body">
                            <div class="alert alert-info">
                                <h5><x-lucide-info width="20" height="20" /> معلومات مهمة:</h5>
                                <ul class="mb-0">
                                    <li><strong>ربح اللعبة كاملة:</strong> اترك حقل المنتج فارغاً لتطبيق نفس نسبة الربح على
                                        جميع المنتجات</li>
                                    <li><strong>ربح منتج محدد:</strong> اختر منتجاً محدداً لتخصيص نسبة ربح خاصة به</li>
                                    <li><strong>تنبيه:</strong> لا يمكن الجمع بين الاثنين؛ إما ربح عام للعبة أو أرباح محددة
                                        للمنتجات</li>
                                </ul>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="game_id">اللعبة <span class="text-danger">*</span></label>
                                        <select class="form-control select2" id="game_id" name="game_id" required>
                                            <option value="">اختر اللعبة</option>
                                            @php($preselectedGame = old('game_id', $selectedGameId ?? request('game_id')))
                                            @foreach ($games as $game)
                                                <option value="{{ $game->id }}"
                                                    {{ (string) $preselectedGame === (string) $game->id ? 'selected' : '' }}>
                                                    {{ $game->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('game_id')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="product_id">المنتج</label>
                                        <select class="form-control select2" id="product_id" name="product_id">
                                            @php($preselectedProduct = old('product_id'))
                                            <option value="">اللعبة كاملة (جميع المنتجات)</option>
                                            @if ($preselectedGame)
                                                @foreach ($products->where('game_id', $preselectedGame) as $product)
                                                    <option value="{{ $product->id }}"
                                                        {{ (string) $preselectedProduct === (string) $product->id ? 'selected' : '' }}>
                                                        {{ $product->name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <small class="form-text text-muted">اتركه فارغاً لتطبيق الربح على اللعبة كاملة، أو
                                            اختر منتجاً محدداً</small>
                                        @error('product_id')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                @foreach (config('app.rates') as $rate)
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="{{ $rate }}">المجموعة {{ $rate }} <span
                                                    class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <input type="number" class="form-control" id="{{ $rate }}"
                                                    name="{{ $rate }}" value="{{ old($rate) }}" step="0.01"
                                                    min="0" required>
                                                <div class="input-group-append">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                            @error($rate)
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <div class="alert alert-info">
                                <x-lucide-info width="20" height="20" />
                                <strong>ملاحظة:</strong> أسعار الأرباح تُحدد كنسبة مئوية وتُطبق على المنتجات حسب مجموعة
                                المستخدم.
                            </div>
                        </div>

                        <div class="card-footer d-flex justify-content-between">
                            <button type="submit" class="btn btn-primary">
                                <x-lucide-save width="20" height="20" /> حفظ
                            </button>
                            <a href="{{ route('admin.profitrate.index') }}" class="btn btn-outline-secondary">
                                <x-lucide-x width="20" height="20" /> إلغاء
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    @include('admin.helper.tablescripts')
    @include('vue')
    <script>
        $(function() {
            $('.select2').select2({
                theme: 'bootstrap4',
                width: '100%'
            });

            $('#game_id').change(function() {
                const gameId = $(this).val();
                const productSelect = $('#product_id');

                productSelect.empty().append('<option value="">جاري التحميل...</option>').prop('disabled',
                    true);

                if (gameId) {
                    $.ajax({
                        url: '{{ route('admin.profitrate.get-products') }}',
                        type: 'GET',
                        data: {
                            game_id: gameId
                        },
                        success: function(response) {
                            productSelect.empty().append(
                                '<option value="">اللعبة كاملة (جميع المنتجات)</option>');

                            if (response.success && response.data && response.data.length) {
                                response.data.forEach(function(product) {
                                    productSelect.append('<option value="' + product
                                        .id + '">' + product.name + '</option>');
                                });
                            }

                            productSelect.prop('disabled', false);
                        },
                        error: function() {
                            productSelect.empty().append(
                                '<option value="">خطأ في تحميل المنتجات</option>');
                            productSelect.prop('disabled', false);
                        }
                    });
                } else {
                    productSelect.empty().append('<option value="">اللعبة كاملة (جميع المنتجات)</option>')
                        .prop('disabled', false);
                }
            });

            const presetGameId = $('#game_id').val();
            if (presetGameId) {
                $('#game_id').trigger('change');
            }

            $('#profitRateForm').submit(function(e) {
                e.preventDefault();

                const gameId = $('#game_id').val();
                if (!gameId) {
                    alert('يرجى اختيار اللعبة');
                    return false;
                }

                const groups = ['one', 'two', 'three', 'four', 'five', 'six', 'seven'];
                let valid = true;

                groups.forEach(function(group) {
                    const value = parseFloat($('#' + group).val());
                    if (isNaN(value) || value < 0) {
                        valid = false;
                    }
                });

                if (!valid) {
                    alert('يرجى إدخال قيم صحيحة لجميع المجموعات');
                    return false;
                }

                const formData = new FormData(document.getElementById('profitRateForm'));
                adawe('{{ route('admin.profitrate.store') }}', formData);
            });
        });
    </script>
@endsection