@extends('layouts.admin', ['title' => 'ویرایش اطلاعات اقساط سفارش'])

@section('head')
@stop

@section('content')

<h3>ویرایش اطلاعات اقساط - سفارش شماره DO-{{ $cart->invoice_number }}</h3>

@if (session('error-post'))
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-danger">
            {{ session('error-post') }}
        </div>
    </div>
</div>
@endif

@if (session('info-post'))
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-info">
            {{ session('info-post') }}
        </div>
    </div>
</div>
@endif

<div class="panel panel-default">
    <div class="panel-header">
        <h4 class="panel-title" style="padding: 15px;">اطلاعات فعلی سفارش</h4>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-4">
                <strong>مبلغ کل سفارش:</strong><br>
                {{ number_format($cart->total_amount, 0, '', ',') }} تومان
            </div>
            <div class="col-md-4">
                <strong>نوع پرداخت فعلی:</strong><br>
                {{ $cart->InstallmentRefundSetting?->title ?? 'نامعلوم' }}
            </div>
            <div class="col-md-4">
                <strong>مانده قابل پرداخت:</strong><br>
                <span id="current-remaining">{{ number_format($cart->total_mod_installment ?? ($cart->total_amount - $cart->installment_pre_payment), 0, '', ',') }}</span> تومان
            </div>
        </div>
    </div>
</div>

<form action="{{ route('admin-order-installment-update', $cart->id) }}" method="post" id="installmentForm">
    @csrf
    
    <div class="panel panel-primary">
        <div class="panel-header">
            <h4 class="panel-title" style="padding: 15px;">ویرایش اطلاعات اقساط</h4>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="payment_type">نوع پرداخت <span class="text-danger">*</span></label>
                        <select name="payment_type" id="payment_type" class="form-control" required>
                            <option value="">انتخاب کنید...</option>
                            @foreach($installmentSettings as $setting)
                            <option value="{{ $setting->id }}" 
                                data-type="{{ $setting->type }}"
                                data-months="{{ $setting->months }}"
                                data-wage="{{ $setting->wage }}"
                                data-prepayment="{{ $setting->prepayment_percent }}"
                                {{ $cart->installment_id == $setting->id ? 'selected' : '' }}>
                                {{ $setting->title }} - {{ $setting->type_title }}
                            </option>
                            @endforeach
                        </select>
                        @error('payment_type')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="down_payment">پیش پرداخت (تومان) <span class="text-danger">*</span></label>
                        <input type="text" name="down_payment" id="down_payment" class="form-control" 
                               value="{{ old('down_payment', number_format($cart->installment_pre_payment, 0, '', ',')) }}" 
                               placeholder="0" required>
                        @error('down_payment')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="installment_count">تعداد اقساط <span class="text-danger">*</span></label>
                        <input type="text" name="installment_count" id="installment_count" class="form-control" 
                               value="{{ old('installment_count', $cart->installment_months) }}" 
                               placeholder="1" required>
                        @error('installment_count')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="installment_amount">مبلغ هر قسط (تومان) <span class="text-danger">*</span></label>
                        <input type="text" name="installment_amount" id="installment_amount" class="form-control" 
                               value="{{ old('installment_amount', number_format($cart->installment_each_payment, 0, '', ',')) }}" 
                               placeholder="0" required>
                        @error('installment_amount')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="final_installment_date">تاریخ سررسید آخرین قسط <span class="text-danger">*</span></label>
                        <input type="text" name="final_installment_date" id="final_installment_date" class="form-control" 
                               value="{{ old('final_installment_date', $cart->CartInstallment()->orderBy('installment_number', 'desc')->first()?->paytime_at ? GetShamsiDateWithoutTime($cart->CartInstallment()->orderBy('installment_number', 'desc')->first()->paytime_at) : '') }}" 
                               placeholder="1403/12/29" required>
                        <small class="text-muted">فرمت: سال/ماه/روز (مثال: 1403/12/29)</small>
                        @error('final_installment_date')
                        <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="form-group">
                        <label>مانده قابل پرداخت (محاسبه خودکار)</label>
                        <div class="form-control-static" style="background-color: #f9f9f9; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
                            <span id="calculated-remaining">{{ number_format($cart->total_mod_installment ?? ($cart->total_amount - $cart->installment_pre_payment), 0, '', ',') }}</span> تومان
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-info">
                        <strong>توجه:</strong>
                        <ul class="mb-0 mt-2">
                            <li>با تغییر هر فیلد، مقادیر وابسته به صورت خودکار محاسبه می‌شوند</li>
                            <li>مانده قابل پرداخت = مبلغ کل سفارش - پیش پرداخت</li>
                            <li>در صورت تغییر اطلاعات، تمام اقساط موجود حذف شده و مجدداً محاسبه می‌شوند</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="form-group">
        <button type="submit" class="btn btn-success btn-lg">
            <i class="fa fa-save"></i> ذخیره تغییرات
        </button>
        <a href="{{ route('admin-order-page', $cart->id) }}" class="btn btn-default btn-lg">
            <i class="fa fa-arrow-right"></i> بازگشت
        </a>
    </div>
</form>

@stop

@section('javascript')
<script>
$(document).ready(function() {
    const totalAmount = {{ $cart->total_amount }};
    
    // Function to parse Persian formatted numbers (with commas)
    function parseNumber(value) {
        if (!value) return 0;
        // Remove commas and parse
        return parseInt(value.toString().replace(/,/g, '')) || 0;
    }
    
    // Function to format number with commas
    function formatNumber(number) {
        return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
    
    // Function to calculate and update remaining amount
    function updateRemainingAmount() {
        const downPayment = parseNumber($('#down_payment').val());
        const remaining = totalAmount - downPayment;
        $('#calculated-remaining').text(formatNumber(remaining));
    }
    
    // Function to auto-suggest installment amount
    function suggestInstallmentAmount() {
        const downPayment = parseNumber($('#down_payment').val());
        const installmentCount = parseNumber($('#installment_count').val()) || 1;
        const remaining = totalAmount - downPayment;
        
        if (remaining > 0 && installmentCount > 0) {
            const suggestedAmount = Math.ceil(remaining / installmentCount / 1000) * 1000; // Round up to nearest 1000
            $('#installment_amount').val(formatNumber(suggestedAmount));
        }
    }
    
    // Event listeners
    $('#down_payment').on('input', function() {
        updateRemainingAmount();
        suggestInstallmentAmount();
    });
    
    $('#installment_count').on('input', function() {
        suggestInstallmentAmount();
    });
    
    // Auto-populate fields when payment type changes
    $('#payment_type').on('change', function() {
        const selectedOption = $(this).find('option:selected');
        if (selectedOption.val()) {
            const months = selectedOption.data('months');
            const prepaymentPercent = selectedOption.data('prepayment');
            
            if (months) {
                $('#installment_count').val(months);
            }
            
            if (prepaymentPercent) {
                const suggestedDownPayment = Math.ceil((totalAmount * prepaymentPercent / 100) / 1000) * 1000;
                $('#down_payment').val(suggestedDownPayment);
                updateRemainingAmount();
                suggestInstallmentAmount();
            }
        }
    });
    
    // Add input formatting for number fields
    $('#down_payment, #installment_amount').on('input', function() {
        let value = $(this).val().replace(/,/g, '');
        if (!isNaN(value) && value !== '') {
            $(this).val(formatNumber(parseInt(value)));
        }
    });
    
    // Auto-format and validate Shamsi date as user types
    $('#final_installment_date').on('input', function() {
        let value = $(this).val().replace(/[^\d]/g, ''); // Remove non-digits
        let cursorPos = this.selectionStart;
        
        // Auto-format with slashes
        if (value.length >= 4) {
            value = value.substring(0, 4) + '/' + value.substring(4);
        }
        if (value.length >= 7) {
            value = value.substring(0, 7) + '/' + value.substring(7);
        }
        if (value.length > 10) {
            value = value.substring(0, 10);
        }
        
        $(this).val(value);
        
        // Validate format
        let isValid = /^\d{4}\/\d{1,2}\/\d{1,2}$/.test(value);
        
        if (value && !isValid && value.length >= 8) {
            $(this).addClass('is-invalid');
            if (!$(this).next('.invalid-feedback').length) {
                $(this).after('<div class="invalid-feedback">فرمت تاریخ صحیح نیست. مثال: 1403/12/29</div>');
            }
        } else {
            $(this).removeClass('is-invalid');
            $(this).next('.invalid-feedback').remove();
        }
    });
    
    // Form validation before submit
    $('#installmentForm').on('submit', function(e) {
        const downPayment = parseNumber($('#down_payment').val());
        const installmentCount = parseNumber($('#installment_count').val());
        const installmentAmount = parseNumber($('#installment_amount').val());
        
        if (downPayment >= totalAmount) {
            e.preventDefault();
            alert('پیش پرداخت نمی‌تواند بیشتر یا مساوی مبلغ کل سفارش باشد.');
            return false;
        }
        
        if (installmentCount < 1 || installmentCount > 60) {
            e.preventDefault();
            alert('تعداد اقساط باید بین 1 تا 60 باشد.');
            return false;
        }
        
        if (installmentAmount < 1000) {
            e.preventDefault();
            alert('مبلغ هر قسط باید حداقل 1,000 تومان باشد.');
            return false;
        }
        
        // Validate date format
        let dateValue = $('#final_installment_date').val();
        if (!dateValue || !/^\d{4}\/\d{1,2}\/\d{1,2}$/.test(dateValue)) {
            e.preventDefault();
            alert('تاریخ سررسید آخرین قسط را به فرمت صحیح وارد کنید (مثال: 1403/12/29)');
            $('#final_installment_date').focus();
            return false;
        }
        
        const remaining = totalAmount - downPayment;
        const totalInstallments = installmentCount * installmentAmount;
        
        if (Math.abs(totalInstallments - remaining) > 10000) {
            if (!confirm('مجموع اقساط (' + formatNumber(totalInstallments) + ' تومان) با مانده قابل پرداخت (' + formatNumber(remaining) + ' تومان) مطابقت ندارد. آیا مطمئن هستید؟')) {
                e.preventDefault();
                return false;
            }
        }
    });
    
    // Initialize calculations
    updateRemainingAmount();
});
</script>
@stop