@extends('admin.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
    ویرایش پورسانت
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        .modal-header .close {
            margin: -1rem;
        }

        .modal-body > p, .form-group {
            padding: 0.25rem 0.5rem;

        }

         .noneDisplay {
             display: none !important;
         }

        .redBorder {
            border: 1px solid red;
        }

        #image{
            max-width: 200px;
            height: auto;
        }
        .form-group{
            margin-top: 20px;
        }


    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}

@section('script')
<script src="{{ asset('admin/fullCKEditor/ckeditor/ckeditor.js') }}"></script>
<script>
    function formatNumber(num) {
        num = num.toString().replace(/[^\d]/g, '');
        return num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }

    function cleanNumber(str) {
        return str.replace(/[^\d]/g, '');
    }

    window.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.price-input').forEach(function(input) {
            const hiddenInputId = input.id.replace('_format', '');
            const hiddenInput = document.getElementById(hiddenInputId);

            // مقداردهی اولیه به صورت فرمت‌شده
            input.value = formatNumber(hiddenInput.value);

            // هنگام تایپ، فرمت و مقدار hidden به‌روز شود
            input.addEventListener('input', function () {
                const raw = cleanNumber(this.value);
                const formatted = formatNumber(raw);
                this.value = formatted;
                hiddenInput.value = raw;
            });
        });
    });
</script>

@endsection

@section('content')
<div class="container">
    <h1>ویرایش پلکان حق العمل</h1>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('admin.commission-tiers.update', $commissionTier) }}" method="POST">
        @csrf
        @method('PUT')
<div class="form-row">
<div class="mb-3 col-6">
    <label for="min_amount_format" class="form-label">حداقل مبلغ فروش:</label>
    <input type="text" class="form-control price-input" id="min_amount_format" value="{{ number_format(old('min_amount', $commissionTier->min_amount)) }}">
    <input type="hidden" name="min_amount" id="min_amount" value="{{ old('min_amount', $commissionTier->min_amount) }}">
</div>

        <div class="mb-3 col-6">
    <label for="max_amount_format" class="form-label">حداکثر مبلغ فروش (اختیاری، برای آخرین پلکان خالی بگذارید):</label>
    <input type="text" class="form-control price-input" id="max_amount_format" value="{{ number_format(old('max_amount', $commissionTier->max_amount)) }}">
    <input type="hidden" name="max_amount" id="max_amount" value="{{ old('max_amount', $commissionTier->max_amount) }}">
</div>

        <div class="mb-3 col-6">
            <label for="percentage" class="form-label">درصد حق العمل:</label>
            <input type="text"  class="form-control" id="percentage" name="percentage" value="{{ old('percentage', $commissionTier->percentage) }}" required>
        </div>
</div>
        <button type="submit" class="btn btn-success">به روز رسانی</button>
        <a href="{{ route('admin.commission-tiers.index') }}" class="btn btn-secondary">انصراف</a>
    </form>
</div>
@endsection