from django.urls import path, re_path
from django.shortcuts import redirect
from .views import trader_page, change_chart, long_position, short_position, exit_position, get_currency_info

app_name = 'trader'
urlpatterns = [
    # path('', lambda request: redirect('/trader/')), 
    path('', trader_page, name='trader0'),
    path('trader/', trader_page, name='trader'),
    path('change_chart/', change_chart, name='change_chart'),
    path('long_position/', long_position, name='long_position'),
    path('short_position/', short_position, name='short_position'),
    path('exit_position/', exit_position, name='exit_position'),
    path('get_currency_info/', get_currency_info, name='get_currency_info'),

]

def trader_page(request):
    name = 'کاربر'
    access = 'user'
    user = request.user

    if user.is_authenticated:
        if user.first_name or user.last_name:
            name =f"{user.first_name} {user.last_name}"
        # export user access
        from django.apps import apps
        account = apps.get_model('account', 'Account')
        model = account.objects.filter(user=user).first()
        access = model.access
        pair_list = pair_config.objects.all()
        context = {
            'name': name,
            'time_frame': '5',
            'symbol': 'BTCUSDT',
            'access': access,
            'auto_bot_status': 'unactive',
            'pair_list': pair_list
        }
        return render(request, "trader_page.html", context)
    else:
        return render(request, "singin.html")

def get_currency_info(request, pk):
    print('$'*100)
    currency_pair = pair_config.objects.get(id=pk)
    data = {
        'all_margin': currency_pair.all_margin,
    }
    return JsonResponse(data)


<div class="card-body">
                                    <h5 class="card-title mb-2 text-center">پیکربندی جفت ارز</h5>
                                
                                    <!-- Configuration Inputs -->
                                    <div class="row mb-3">
                                        <label class="col-sm-6 col-form-label" for="pair_name">نام جفت ارز:</label>
                                        <div class="col-sm-6">
                                            <select aria-label="نمونه انتخاب پیش فرض" class="select2 form-select" id="pair_name" name="pair_name">
                                                {% for pair in pair_list %}
                                                    <option value="{{pair.pair}}">{{pair.pair|upper}}</option>
                                                {% empty %}

                                                {% endfor %}
                                            </select>
                                        </div>
                                    </div>
                                
                                    <div class="row mb-3">
                                        <label for="all_balance" class="col-sm-6 col-form-label">سرمایه کلی به تتر:</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control text-center" id="all_balance" name="all_balance" placeholder="0">
                                        </div>
                                    </div>
                                
                                    
                                    <!-- Save Button -->
                                    <div class="mt-4">
                                        <button class="btn btn-primary form-control">ویرایش پیکربندی</button>
                                    </div>
                                </div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const selectElement = document.getElementById('pair_name');
        selectElement.addEventListener('change', function(e) {
            const currencyId = e.target.value;
            fetch("{% url 'trader:get_currency_info' %}")
                .then(response => response.json())
                .then(data => {
                    document.getElementById('all_balance').value = 5;
                    // هر تکست باکس دیگری که نیاز دارید مقداردهی کنید
                })
                .catch(error => console.error('Error:', error));
        });
    });
    </script>