@extends('layouts.app')

@section('styles')

    <!-- Data table css -->
    <link href="{{URL::asset('assets/plugins/datatable/dataTables.bootstrap4.min.css')}}" rel="stylesheet" />
    <link href="{{URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css')}}"  rel="stylesheet">
    <link href="{{URL::asset('assets/plugins/datatable/responsivebootstrap4.min.css')}}" rel="stylesheet" />

    <!---Tabs css-->
    <link href="{{ URL::asset('assets/plugins/tabs/tabs-style.css') }}" rel="stylesheet" />

    <!--Select2 css -->
    <link href="{{ URL::asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />

    <!-- Datetime Picker css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/datetime-picker/bootstrap-datetimepicker.min.css') }}">

    <!-- File Uploads css-->
    <link href="{{ URL::asset('assets/plugins/fileuploads/css/dropify.css') }}" rel="stylesheet" type="text/css" />

    <!--Mutipleselect css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/multipleselect/multiple-select.css') }}">

    <style>
        .vat-label-error{
          color: red !important;
        }
        input[type="text"]::placeholder {
            color: #babcc4; /* Replace with the color you want */
        }

        .tag {
            text-align: center;
            padding: 0px 5px 0px 10px;

            border-radius: 6px;
            position: relative;
            user-select: text;
            overflow: hidden;
            line-height: 2;

            background: #f5f5f5;
            border: 1px solid #ddd;
            color: #544b4b;
        }

        .tag i {
            cursor: pointer;
            margin-left: 8px;
            line-height: inherit;
        }

        .tag.addmore input {
            border: none;
            background: transparent;
            min-width: 40px;
            width: 80px;
        }

        .tag.addmore {
            background-color: rgba(172, 201, 244, 0.43);
            color: #0b4eac;
            border: 1px solid #3182f5;
        }

        .flag{
            width:1.3rem;
        }

        .form-check-inline{
        	margin-top:10px;
        }
    </style>

@endsection

@section('content')

    <!-- page-header -->
    <div class="page-header">
        <ol class="breadcrumb">
            <!-- breadcrumb -->
            <li class="breadcrumb-item"><a href="{{ route('admin.services.cloud.index') }}">Cloud</a></li>
            <li class="breadcrumb-item active" aria-current="page">Cloud Form</li>
 
        </ol>
    </div>
    <!-- End page-header -->

    <!-- row -->
    <div class="row">

        <div class="col-md-12">
            <form id="data-form" name="data-form" onsubmit="setSave('cloud'); return false;" method="POST" enctype="multipart/form-data">
                @csrf
                <input type="hidden" id="id" name="id" value="{{ !empty($data->id) ? $data->id : '0' }}">

                <!-- Plan Information -->
                <div class="card">
                    <div class="card-header pb-0">
                        <h3 class="card-title">Plan information</h3>
                    </div>
                    <div class="card-body">
                        <div class="panel panel-primary">
                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">Plan name</label>
                                        <input type="text" class="form-control" name="name" placeholder="Plan name" value="{{ !empty($data->plan_name) ? $data->plan_name : '' }}">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">Visibility <span style="color:orange">(Visibility on order page)</span></label>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="status" id="status_enable" value="1"
                                                {{ isset($data->status) ? ($data->status == 1 ? 'checked' : '') : 'checked' }}>
                                            <label class="form-check-label" for="status_enable">Visible</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="status" id="status_disable" value="0"
                                                {{ isset($data->status) ? ($data->status == 0 ? 'checked' : '') : '' }}>
                                            <label class="form-check-label" for="status_disable">Invisible</label>
                                        </div>
                                    </div>
                                </div>

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

                <!-- ! Plan Information -->

                <!-- Price List -->
                <div class="card">
                    <div class="card-header pb-0">
                        <h3 class="card-title">Contract prices <span style="color:orange">(Price per month or year)</span></h3>
                    </div>
                    <div class="card-body">
                        <div class="panel panel-primary">
                            <div class="row" id="wh-price-list">

                                @if($mode == "add" || empty($data->prices))

                                    <div class="wh-price-1 col-md-2">
                                        <div class="form-group">
                                            <label class="form-label">Unit Amount</label>
                                            <input type="text" class="form-control wh-price" name="wh-price-unit-amount[]" placeholder="Unit Amount" value="1" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="wh-price-1 col-md-2">
                                        <div class="form-group">
                                            <label class="form-label">Unit</label>
                                            <select name="wh-price-unit[]" class="form-control">
                                                <option value="Month">Month</option>
                                                <option value="Year">Year</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="wh-price-1 col-md-3">
                                        <div class="form-group">
                                            <label class="form-label">Price Amount <span style="color:orange">(Number Only)</span></label>
                                            <input type="text" class="form-control" name="wh-price[]" placeholder="Price Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="wh-price-1 col-md-3">
                                        <div class="form-group">
                                            <label class="form-label">Discount % <span style="color:orange">(Number Only)</span></label>
                                            <input type="text" class="form-control" name="wh-discount[]" placeholder="Discount Amount (%)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="wh-price-1 col-md-1">
                                        <div class="form-group">
                                        	<label class="form-label">&nbsp;</label>
                                            <button type="button" class="btn btn-success" onclick="addPrice('wh');"><i class="fa fa-plus"></i>
                                                Add</button>
                                        </div>
                                    </div>

                                @else

                                    @foreach($data->prices as $k => $v)


                                        <div class="wh-price-{{ $k+1 }} col-md-2">
                                            <div class="form-group">
                                            	@if($k == 0)
                                                <label class="form-label">Unit Amount</label>
                                                @endif
                                                <input type="text" class="form-control wh-price" name="wh-price-unit-amount[]" placeholder="Unit Amount (text)" value="{{ !empty($v['unit_amount']) ? $v['unit_amount']: '1' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>

                                        <div class="wh-price-{{ $k+1 }} col-md-2">
                                            <div class="form-group">
                                            	@if($k == 0)
                                                <label class="form-label">Unit</label>
                                                @endif
                                                <select name="wh-price-unit[]" class="form-control">
                                                    <option value="Month" {{ isset($v['unit']) ? ($v['unit'] == "Month" ? 'selected="selected"' : '') : '' }} >Month</option>
                                                    <option value="Year" {{ isset($v['unit']) ? ($v['unit'] == "Year" ? 'selected="selected"' : '') : '' }} >Year</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="wh-price-{{ $k+1 }} col-md-3">
                                            <div class="form-group">
                                            	@if($k == 0)
                                                <label class="form-label">Price Amount <span style="color:orange">(Number Only)</span></label>
                                                @endif
                                                <input type="text" class="form-control" name="wh-price[]" placeholder="Price Amount (number)" value="{{ !empty($v['price']) ? $v['price']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>

                                        <div class="wh-price-{{ $k+1 }} col-md-3">
                                            <div class="form-group">
                                            	@if($k == 0)
                                                <label class="form-label">Discount % <span style="color:orange">(Number Only)</span></label>
                                                @endif
                                                <input type="text" class="form-control" name="wh-discount[]" placeholder="Discount Amount (%)" value="{{ !empty($v['discount']) ? $v['discount']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                            </div>
                                        </div>

                                        @if($k == 0)

                                        <div class="wh-price-{{ $k+1 }} col-md-1">
                                            <div class="form-group">
                                                <label class="form-label">&nbsp;</label>
                                                <button type="button" class="btn btn-success" onclick="addPrice('wh');"><i class="fa fa-plus"></i>
                                                    Add</button>
                                            </div>
                                        </div>

                                        @else

                                        <div class="wh-price-{{ $k+1 }} col-md-1">
                                            <div class="form-group">
                                                <!-- <label class="form-label">&nbsp;</label> -->
                                                <button type="button" class="btn btn-danger" onclick="deletePrice('wh','{{ $k+1 }}');"><i class="fa fa-trash"></i></button>
                                             </div>
                                        </div>

                                        @endif

                                    @endforeach

                                @endif

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

                <!-- ! PRICE LIST -->

                <hr/>

                <!-- WEB SPACE LIST -->

                <div class="card" style="background:#ededed">
                    <div class="card-header pb-0">
                        <h3 class="card-title">OS prices</h3>
                    </div>
                    <div class="card-body">
                        <div class="panel panel-primary">
                            <div class="row" id="os-price-list">


                                @foreach($options->os as $k => $v)

                                	<div class="os-price-{{ $k + 1 }} col-md-2">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }}>OS Name</label>
                                            <input type="text" class="form-control wh-price" name="os-amount[]" placeholder="OS Name" value="{{ !empty($v['amount']) ? $v['amount']: '50' }}">
                                        </div>
                                    </div>

                                    <div class="os-price-{{ $k + 1 }} col-md-2">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }} >Price Amount</label>
                                            <input type="text" class="form-control" name="os-price[]" placeholder="Price Amount (number)" value="{{ !empty($v['month_price']) ? $v['month_price']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="os-price-{{ $k + 1 }} col-md-3">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }} >Discount %</label>
                                            <input type="text" class="form-control" name="os-discount[]" placeholder="Discount Amount (%)" value="{{ !empty($v['month_discount']) ? $v['month_discount']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    @if($k == 0)

                                        <div class="os-price-{{ $k+1 }} col-md-5">
                                            <div class="form-group">
                                                <label class="form-label">&nbsp;</label>
                                                <button type="button" class="btn btn-success" onclick="addPrice('os');"><i class="fa fa-plus"></i>
                                                    Add</button>
                                            </div>
                                        </div>

                                        @else

                                        <div class="os-price-{{ $k+1 }} col-md-5">
                                            <div class="form-group">
                                                <!-- <label class="form-label">&nbsp;</label> -->
                                                <button type="button" class="btn btn-danger" onclick="deletePrice('os','{{ $k+1 }}');"><i class="fa fa-trash"></i></button>
                                             </div>
                                        </div>

                                        @endif

                                @endforeach

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

                <!-- ! WEBSPACE PRICE LIST -->



                <!-- ADDITIONAL IP LIST -->

                <div class="card" style="background:#ededed">
                    <div class="card-header pb-0">
                        <h3 class="card-title">Disk prices</h3>
                    </div>
                    <div class="card-body">
                        <div class="panel panel-primary">
                            <div class="row" id="disk-price-list">

                                @foreach($options->disk as $k => $v)

                                	<div class="disk-price-{{ $k+1 }} col-md-2">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }}>Disk Amount (GB)</label>
                                            <input type="text" class="form-control wh-price" name="disk-amount[]" placeholder="IP Amount" value="{{ !empty($v['amount']) ? $v['amount']: '1' }}">
                                        </div>
                                    </div>

                                    <div class="disk-price-{{ $k+1 }} col-md-2">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }}>Monthly Price Amount</label>
                                            <input type="text" class="form-control" name="disk-month-price[]" placeholder="Monthly Price Amount (number)" value="{{ !empty($v['month_price']) ? $v['month_price']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="disk-price-{{ $k+1 }} col-md-3">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }}>Monthly Discount %</label>
                                            <input type="text" class="form-control" name="disk-month-discount[]" placeholder="Monthly Discount Amount (%)" value="{{ !empty($v['month_discount']) ? $v['month_discount']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="disk-price-{{ $k+1 }} col-md-2">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }}>Yearly Price Amount</label>
                                            <input type="text" class="form-control" name="disk-year-price[]" placeholder="Yearly Price Amount (number)" value="{{ !empty($v['year_price']) ? $v['year_price']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    <div class="disk-price-{{ $k+1 }} col-md-2">
                                        <div class="form-group">
                                            <label class="form-label" {{ $k > 0 ? "style=display:none" : "" }}>Yearly Discount %</label>
                                            <input type="text" class="form-control" name="disk-year-discount[]" placeholder="Yearly Discount Amount (%)" value="{{ !empty($v['year_discount']) ? $v['year_discount']: '0' }}" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
                                        </div>
                                    </div>

                                    @if($k == 0)

                                        <div class="disk-price-{{ $k+1 }} col-md-1">
                                            <div class="form-group">
                                                <label class="form-label">&nbsp;</label>
                                                <button type="button" class="btn btn-success" onclick="addPrice('disk');"><i class="fa fa-plus"></i>
                                                    Add</button>
                                            </div>
                                        </div>

                                        @else

                                        <div class="disk-price-{{ $k+1 }} col-md-1">
                                            <div class="form-group">
                                                <!-- <label class="form-label">&nbsp;</label> -->
                                                <button type="button" class="btn btn-danger" onclick="deletePrice('disk','{{ $k+1 }}');"><i class="fa fa-trash"></i></button>
                                             </div>
                                        </div>

                                    @endif

                                @endforeach

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

                <!-- ! ADDITIONAL IP LIST -->

               
                <div class="col-md-12" style="margin-top:30px;">
                    <div class="form-group">
                        <div class="btn-list">
                            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i>
                            Save</button>
                            <button onclick="mwz_redirect('{{ route('admin.services.cloud.index') }}');"
                            type="button" class="btn btn-warning"><i class="fa fa-undo"
                            aria-hidden="true"></i>Cancel</button>
                        </div>
                    </div>
                </div>

            </div>

        </form>

    </div>

</div>
<!-- .row -->

<!-- WH PRICE HTML-->
<div id="wh-price-html" style="display:none;">


    <div class="wh-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Unit Amount</label> -->
            <input type="text" class="form-control wh-price" name="wh-price-unit-amount[]" placeholder="Unit Amount" value="1" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="wh-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Unit</label> -->
            <select name="wh-price-unit[]" class="form-control">
                <option value="Month">Month</option>
                <option value="Year">Year</option>
            </select>
        </div>
    </div>

    <div class="wh-price-x_row col-md-3">
        <div class="form-group">
            <!-- <label class="form-label">Price Amount <span style="color:orange">(Number Only)</span></label> -->
            <input type="text" class="form-control" name="wh-price[]" placeholder="Price Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="wh-price-x_row col-md-3">
        <div class="form-group">
            <!-- <label class="form-label">Discount Amount <span style="color:orange">(Number Only)</span></label> -->
            <input type="text" class="form-control" name="wh-discount[]" placeholder="Discount Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="wh-price-x_row col-md-1">
        <div class="form-group">
            <!-- <label class="form-label">&nbsp;</label> -->
            <button type="button" class="btn btn-danger" onclick="deletePrice('wh','x_row');"><i class="fa fa-trash"></i></button>
         </div>
    </div>

</div>
<!-- !WH PRICE HTML -->


<!-- OS PRICE HTML-->
<div id="os-price-html" style="display:none;">

    <div class="os-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Storage Amount (GB)</label> -->
            <input type="text" class="form-control wh-price" name="os-amount[]" placeholder="OS Name" value="" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="os-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Monthly Price Amount</label> -->
            <input type="text" class="form-control" name="os-price[]" placeholder="Price Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="os-price-x_row col-md-3">
        <div class="form-group">
            <!-- <label class="form-label">Monthly Discount Amount</label> -->
            <input type="text" class="form-control" name="os-discount[]" placeholder="Discount Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="os-price-x_row col-md-5">
        <div class="form-group">
            <!-- <label class="form-label">&nbsp;</label> -->
            <button type="button" class="btn btn-danger" onclick="deletePrice('os','x_row');"><i class="fa fa-trash"></i></button>
         </div>
    </div>

</div>
<!-- !OS PRICE HTML -->



<!-- DISK HTML-->
<div id="disk-price-html" style="display:none;">

    <div class="disk-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Storage Amount (GB)</label> -->
            <input type="text" class="form-control wh-price" name="disk-amount[]" placeholder="disk Amount" value="1" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="disk-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Monthly Price Amount</label> -->
            <input type="text" class="form-control" name="disk-month-price[]" placeholder="Monthly Price Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="disk-price-x_row col-md-3">
        <div class="form-group">
            <!-- <label class="form-label">Monthly Discount Amount</label> -->
            <input type="text" class="form-control" name="disk-month-discount[]" placeholder="Monthly Discount Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

     <div class="disk-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Yearly Price Amount</label> -->
            <input type="text" class="form-control" name="disk-year-price[]" placeholder="Yearly Price Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="disk-price-x_row col-md-2">
        <div class="form-group">
            <!-- <label class="form-label">Yearly Discount Amount</label> -->
            <input type="text" class="form-control" name="disk-year-discount[]" placeholder="Yearly Discount Amount (number)" value="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
        </div>
    </div>

    <div class="disk-price-x_row col-md-1">
        <div class="form-group">
            <!-- <label class="form-label">&nbsp;</label> -->
            <button type="button" class="btn btn-danger" onclick="deletePrice('disk','x_row');"><i class="fa fa-trash"></i></button>
         </div>
    </div>

</div>
<!-- !DISK HTML -->

        
@endsection('content')

@section('scripts')

   
    <!--Jquery Sparkline js-->
    <script src="{{ URL::asset('assets/plugins/vendors/jquery.sparkline.min.js') }}"></script>

    <!-- File uploads js -->
    <script src="{{ URL::asset('assets/plugins/fileuploads/js/dropify.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/fileuploads/js/dropify-demo.js') }}"></script>

    <!--Select2 js -->
    <script src="{{ URL::asset('assets/plugins/select2/select2.full.min.js') }}"></script>
    <!-- <script src="{{ URL::asset('assets/js/form-elements.js') }}"></script> -->

    <!--MutipleSelect js-->
    <script src="{{ URL::asset('assets/plugins/multipleselect/multiple-select.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/multipleselect/multi-select.js') }}"></script>

    <!--ckeditor js-->
    <script src="{{ URL::asset('assets/plugins/tinymce/tinymce.min.js') }}"></script>
    <!-- <script src="{{ URL::asset('assets/js/formeditor.js') }}"></script> -->

    <!-- Datetimepicker js -->
    <script src="{{ URL::asset('assets/plugins/datetime-picker/moment.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datetime-picker/bootstrap-datetimepicker.min.js') }}"></script>

    <!-- INTERNAL Data tables -->
    <script src="{{URL::asset('assets/plugins/datatable/js/jquery.dataTables.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/dataTables.bootstrap4.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/buttons.bootstrap4.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/jszip.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/pdfmake.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/vfs_fonts.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/buttons.html5.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/buttons.print.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/js/buttons.colVis.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/dataTables.responsive.min.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/datatable/responsive.bootstrap4.min.js')}}"></script>
    <!-- <script src="{{URL::asset('assets/plugins/datatable/datatable-2.js')}}"></script> -->
    
    <!-- Notifications js -->
    <link href="{{URL::asset('assets/plugins/notify-growl/css/jquery.growl.css')}}" rel="stylesheet" />
    <link href="{{URL::asset('assets/plugins/notify-growl/css/notifIt.css')}}" rel="stylesheet" />
    <script src="{{URL::asset('assets/plugins/bootbox/bootbox.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/notify-growl/js/rainbow.js')}}"></script>
    <script src="{{URL::asset('assets/plugins/notify-growl/js/jquery.growl.js')}}"></script>

    <!-- validator js -->
    <script src="{{ URL::asset('assets/plugins/validator/js/jquery.validate.min.js') }}"></script>

    <!-- Tabs js -->
    <script src="{{ URL::asset('assets/plugins/tabs/jquery.multipurpose_tabcontent.js') }}"></script>
    <!-- <script src="{{ URL::asset('assets/plugins/tabs/tabs.js') }}"></script> -->

    <script src="{{ URL::asset('assets/plugins/typeahead/bootstrap3-typeahead.min.js') }}"></script>


    <!-- mwz master js css -->
    <link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
    <script src="{{ mix('js/mwz.js')  }}"></script>

    <!-- module js css -->
    <link rel="stylesheet" href="{{ mix('css/services.css') }}">
    <script src="{{ mix('js/services.js') }}"></script>

    <script type="text/javascript">

    	var priceCount = {
            "wh": {{ $price_count }},
            "os": {{ $os_count }},
            "disk": {{ $disk_count }}
        };

        validatePrice = function(input) {
          // Remove any non-numeric and non-decimal characters
          input.value = input.value.replace(/[^0-9]/g, '');

          // Ensure there's only one decimal point
          let decimalCount = (input.value.match(/\./g) || []).length;
          if (decimalCount > 1) {
            input.value = input.value.substring(0, input.value.lastIndexOf('.'));
          }
        }

        $(function(){
        	$('#os').change(function(){
        		if($(this).val() == "windows"){
        			$('#control-panel option[value="cpanel"]').css('display', 'none');
        			$('#control-panel option[value="plesk"]').attr('selected','selected');
        			$('#control-panel option[value="plesk"]').trigger('change');
        		}else{
        			$('#control-panel option[value="cpanel"]').show(0);
        		}
        	});
        });

    </script>

@endsection