@extends('layouts.admin_layout')

@section('Title')
    پنل مدیریت | ویرایش هزینه ثبت آگهی ({{$create_ad_price_info['categoryInfo']['title']}})
@endsection

@section('custom-css')
    <style>
        .number_with_comma {
            color: #4d4d4d;
            font-size: 9pt;
            display: inline-block;
            margin-right: 10px;
        }
    </style>
@endsection

@section('custom-js')
    <script>
        function putComma(Number) {
            Number += '';
            Number = Number.replace(',', '');
            Number = Number.replace(',', '');
            Number = Number.replace(',', '');
            Number = Number.replace(',', '');
            Number = Number.replace(',', '');
            Number = Number.replace(',', '');
            x = Number.split('.');
            y = x[0];
            z = x.length > 1 ? '.' + x[1] : '';
            var rgx = /(\d+)(\d{3})/;
            while (rgx.test(y))
                y = y.replace(rgx, '$1' + ',' + '$2');
            return y + z;
        }

        function showSetComma(tag) {
            let value = $(tag).val()
            const span = $(tag).prev()
            span.text(putComma(value))
        }
    </script>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h1>ویرایش هزینه ثبت آگهی ({{$create_ad_price_info['categoryInfo']['title']}})</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{route('admin.dashboard')}}">
                                    پنل مدیریت
                                </a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{route('admin.upgrade_plans.index')}}">
                                    طرح های ارتقاء آگهی
                                </a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">ویرایش هزینه ثبت آگهی
                                ({{$create_ad_price_info['categoryInfo']['title']}}
                                )
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="row clearfix">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{route('admin.create_ad_prices.update', ['id' => $create_ad_price_info['id']])}}"
                              method="POST" enctype="multipart/form-data" class="row">
                            @csrf
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-12 col-lg-6 col-xl-3 mb-4">
                                        <label>معیار</label>
                                        <span class="number_with_comma">{{@number_format($create_ad_price_info['range'])}}</span>
                                        <input oninput="showSetComma(this)" type="text"
                                               class="form-control form-control-sm" name="range"
                                               value="{{$create_ad_price_info['range']}}">
                                    </div>
                                    <div class="col-12 col-lg-6 col-xl-3 mb-4">
                                        <label>قیمت بالای معیار</label>
                                        <span class="number_with_comma">{{@number_format($create_ad_price_info['price_up_range'])}}</span>
                                        <input oninput="showSetComma(this)" type="text"
                                               class="form-control form-control-sm" name="price_up_range"
                                               value="{{$create_ad_price_info['price_up_range']}}">
                                    </div>
                                    <div class="col-12 col-lg-6 col-xl-3 mb-4">
                                        <label>قیمت پایین معیار</label>
                                        <span class="number_with_comma">{{@number_format($create_ad_price_info['price_down_range'])}}</span>
                                        <input oninput="showSetComma(this)" type="text"
                                               class="form-control form-control-sm" name="price_down_range"
                                               value="{{$create_ad_price_info['price_down_range']}}">
                                    </div>
                                    <div class="col-12 col-lg-6 col-xl-3 mb-4">
                                        <label>درصد تخفیف</label>
                                        <input type="text" class="form-control form-control-sm"
                                               name="discount_percentage"
                                               value="{{$create_ad_price_info['discount_percentage']}}">
                                    </div>
                                    <div class="col-12 mb-4">
                                        <label>علت تخفیف</label>
                                        <input type="text" class="form-control form-control-sm" name="discount_title"
                                               value="{{$create_ad_price_info['discount_title']}}">
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-sm btn-success px-3">
                                            <i class="fa fa-edit"></i>
                                            ذخیره تغییرات
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection