@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>
        document.getElementById('add-month').addEventListener('click', function() {
            const monthFields = document.getElementById('month-fields');
            const newField = document.createElement('div');
            newField.className = 'month-field d-flex justify-content-between';
            newField.innerHTML = `
        <input type="number" name="allowed_months[]" class="form-control mb-2" placeholder="ماه (مثلاً 12)" required>
        <input type="number" name="number_of_check[]" class="form-control mb-2" placeholder="تعداد چک‌ها" min="1" required>
        <button type="button" class="btn btn-danger remove-month">حذف</button>
    `;
            monthFields.appendChild(newField);
        });
        document.getElementById('month-fields').addEventListener('click', function(event) {
            if (event.target.classList.contains('remove-month')) {
                event.target.parentElement.remove();
                console.log(event.target.getAttribute('data-id'));
                $.ajax({
                    url: "{{ route('admin.month.remove') }}",
                    type: "POST",
                    dataType: "json",
                    data: {
                        id: event.target.getAttribute('data-id'),
                        _token: "{{ csrf_token() }}"
                    },
                    success: function (msg) {
                        if (msg[0] == 'ok') {
                            swal({
                                text: "حذف با موفقیت انجام شد",
                                icon: "success",
                                timer: 5000,
                                buttons: false,
                            })
                            window.location.reload();
                        }
                    },
                    error: function () {
                        console.log("something went wrong");
                    },
                });
            }
        });
        // Show File Name
        $('#primary_image').change(function() {
            //get the file name
            var fileName = $(this).val();
            //replace the "Choose a file" label
            $(this).next('.custom-file-label').html(fileName);
        });
        CKEDITOR.replace( 'description212' ,{
            language: 'fa',
            filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form'
        });
    </script>
@endsection

@section('content')

    <form action="{{ route('admin.installment.setting.update') }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('put')
        <div class="form-row">
            <div class="form-group col-6">
                <label> نام برای انتقال چک</label>
{{--                <textarea class="form-control" name="text_help_installment">{{$setting->text_help_installment}}</textarea>--}}
                <input type="text" name="cash_name" id="cash_name" class="form-control" value="{{  $setting->cash_name }}" required>
                @error('cash_name')
                <p class="text-danger">{{$messages}}</p>

                @enderror
            </div>

            <div class="form-group col-6">
                <label> شناسه برای انتقال چک</label>
                {{--                <textarea class="form-control" name="text_help_installment">{{$setting->text_help_installment}}</textarea>--}}
                <input type="text" name="cash_national" id="cash_national" class="form-control" value="{{  $setting->cash_national }}" required>
                @error('cash_national')
                <p class="text-danger">{{$messages}}</p>

                @enderror
            </div>
            <div class="form-group col-4">
                <label for="min_amount">
                    کمترین قیمت(تومان)
                </label>
                <input type="text" name="min_price" id="min_amount" class="form-control" value="{{  number_format($setting->min_price_installment) }}" required>

                @error('min_price')
                <p class="text-danger">{{$messages}}</p>

                @enderror
            </div>

            <div class="form-group col-4">
                <label for="max_amount">
                    بیشترین قیمت(تومان)
                </label>
                <input type="text" name="max_price" id="max_amount" class="form-control" value="{{  number_format($setting->max_price_installment) }}" required>
                @error('max_price')
                <p class="text-danger">{{$messages}}</p>

                @enderror
            </div>

            <div class="form-group col-4">
                <label for="">
                    درصد سود سالانه
                </label>
                <input type="text" name="profit_percent_installment" id="min_amount" class="form-control" value="{{  number_format($setting->profit_percent_installment) }}" required>

                @error('profit_percent_installment')
                <p class="text-danger">{{$messages}}</p>

                @enderror
            </div>

            <div class="form-group col-4">
                <label for="allowed_months">ماه‌های مجاز:</label>
                <div id="month-fields">

                    <div class="month-field d-flex justify-content-between">
                        <input type="text" name="allowed_months[]" class="form-control mb-2" placeholder="ماه (مثلاً 12)" >
                        <input type="number" name="number_of_check[]" class="form-control mb-2" placeholder="تعداد چک‌ها" min="1" >
                    </div>

                    @foreach ($months as $month)
                        <div class="month-field d-flex justify-content-between" data-id="{{ $month->id }}">
                            <input type="text" class="form-control mb-2" value="{{ $month->mounth }}" readonly>
                            <input type="number" class="form-control mb-2" value="{{ $month->number_of_check ?? 1 }}" name="number_of_check[]" placeholder="تعداد چک‌ها"  readonly>
                            <button data-id="{{$month->id}}" type="button" class="btn btn-danger remove-month">حذف</button>
                        </div>
                    @endforeach
                </div>
                <button type="button" id="add-month" class="btn btn-success mt-2">افزودن ماه</button>
                <small class="form-text text-muted">برای افزودن ماه جدید روی دکمه "+" کلیک کنید.</small>
            </div>

            <div class="form-group col-md-12 mb-3">



                <div class="col-12 mt-4 d-flex justify-content-center">
                    <button class="btn mr-3 btn-primary me-3" type="submit">ویرایش</button>

                </div>
            </div>
        </div>


    </form>

@endsection