@extends('layouts.admin')
@section('css')


@endsection('css')
@section('script')
    <script src="/js/num2persian-min.js"></script>
    <script src="/js/number-divider.min.js"></script>
    <!-- end::datepicker -->
    <script>

        $(document).on('focus', '.price-box-product input', function () {
            var boxPrice = $(this).siblings('.price-box-product-content');
            boxPrice.fadeIn(100);
            boxPrice.find('.price-box-numbers').html($(this).val())
            boxPrice.find('.price-box-numbers').divide({
                delimiter: ',',
                divideThousand: false
            });
            var e = this;
            this.nextSibling.nextElementSibling.children[3].childNodes[1].nextElementSibling.innerHTML = e.value
                .toPersianLetter()
            e.oninput = myHandler;
            e.onpropertychange = e.oninput; // for IE8
            function myHandler() {
                this.nextSibling.nextElementSibling.children[3].childNodes[1].nextElementSibling.innerHTML = e.value
                    .toPersianLetter();
            }
        });

        $(document).on('click', '.price-box-product-content button.close', function () {
            $(this).parents('.price-box-product-content').fadeOut(100);
        })

        $(document).on('blur', '.price-box-product input', function () {
            $(this).siblings('.price-box-product-content').fadeOut(100);
        });

        $(document).on('keyup', '.price-box-product input', function () {
            var boxPrice = $(this).siblings('.price-box-product-content');
            boxPrice.find('.price-box-numbers').html($(this).val());
            boxPrice.find('.price-box-numbers').divide({
                delimiter: ',',
                divideThousand: false
            });
        });
    </script>
@endsection('script')
@section('navbar')

@endsection('navbar')
@section('sidebar')

@endsection('sidebar')
@section('content')

    <div class="card">
        <div class="card-body">
            <div style="text-align: center">
                <h5>تنظیمات شهریه</h5>

            </div>
            <form action="/admin/farhang_tuition/store" method="post">
                @csrf
                <div class="row">

                    <div class="col-md-6">

                        <div class="price-box-product">
                            مبلغ کل
                            <input name="price" value="{{$row->price}}" class="form-control" required>

                            <div class="price-box-product-content">
                                <div
                                    class="price-box-header-product d-flex justify-content-between align-items-center">
                                    <span>وضعیت مبلغ شما</span>
                                    <button class="close"><i
                                            class="ion-android-close"></i>
                                    </button>
                                </div>
                                <div class="d-flex align-items-center">
                                    <span class="text-secondary ml-2">به عدد:</span>
                                    <span class="price-box-numbers ml-2">
                                                                        </span>
                                    <span class="text-dark">ریال</span>
                                </div>

                                <hr>
                                <div class="d-flex align-items-center">
                                                                        <span class="text-secondary ml-2">به
                                                                            حروف:</span>
                                    <span class="price-box-letters ml-2">
                                                                        </span>
                                    <span class="text-dark">ریال</span>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-3">
                        <div class="price-box-product">
                            <label>پیش پرداخت</label>
                            <input name="prepayment" value="{{$row->prepayment}}" class="form-control" required>
                            <div class="price-box-product-content">
                                <div
                                    class="price-box-header-product d-flex justify-content-between align-items-center">
                                    <span>وضعیت مبلغ شما</span>
                                    <button class="close"><i
                                            class="ion-android-close"></i>
                                    </button>
                                </div>
                                <div class="d-flex align-items-center">
                                    <span class="text-secondary ml-2">به عدد:</span>
                                    <span class="price-box-numbers ml-2">
                                                                        </span>
                                    <span class="text-dark">ریال</span>
                                </div>

                                <hr>
                                <div class="d-flex align-items-center">
                                                                        <span class="text-secondary ml-2">به
                                                                            حروف:</span>
                                    <span class="price-box-letters ml-2">
                                                                        </span>
                                    <span class="text-dark">ریال</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">

                            <label>تعداد اقساط</label>
                            <input name="installments_count" value="{{$row->installments_count}}" class="form-control"
                                   required>

                    </div>

                </div>
                <div class="col-md-12">
                    <br>
                    <button class="btn btn-info" type="submit">ثبت</button>

                </div>
            </form>
        </div>
    </div>
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
@endsection('content')