@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-body">
            <form method="post" action="{{url('admin/discount/' . $data->id)}}" enctype="multipart/form-data">@csrf @method('PUT')
             <div class="mb-3">
                <label for="image" class="form-label">Discount Code: </label>
                <input type="text" class="form-control" name="code" id="code" value="{{$data->code}}"  placeholder="">
              </div>
              @error('code')
                <code>{{ $message }}</code>
              @enderror

              <div class="mb-3">
                <label for="name" class="form-label">Amount: </label>
                <input type="number" class="form-control numberInput" name='amount' id="amount"  value="{{$data->amount}}" placeholder="">
              </div>
              @error('amount')
                <code>{{ $message }}</code>
              @enderror

              <div class="text-right">
                <button type="submit" class="btn btn-success">Save</button>
              </div>
            </form>
        </div>
       
    </div>

</div>

<script>
    var numberInputs = document.getElementsByClassName('numberInput');
    
 // Loop through each element and add an input event listener
 for (var i = 0; i < numberInputs.length; i++) {
     numberInputs[i].addEventListener('input', function(event) {
         var input = event.target;
 
         // Remove any non-numeric characters or symbols
         input.value = input.value.replace(/[^0-9.]/g, '');
 
         // Check if there are multiple decimal points and remove all but the first
         var dotIndex = input.value.indexOf('.');
         if (dotIndex !== -1) {
             var count = input.value.slice(dotIndex + 1).split('.').length;
             if (count > 1) {
                 input.value = input.value.substr(0, dotIndex + 1) + input.value.substr(dotIndex + 1).replace(/\./g, '');
             }
         }
     });
 }
 </script>


@endsection