@extends('layouts.app')
@section('content')
    <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Update Sub Admin</th>                    
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card forms-card">
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form class="m-form m-form--state" name="frm-create" id="frm-create" method="post"
                                                action="/admin/sub_admin/edit/{{$user->id}}" enctype="multipart/form-data">
                                                @csrf
                                                <div class="outer-div">
                                                    <div class="inner-div"> 
                                                        <div class="form-group row">

                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('name')) has-error @endif">
                                                                    <label class="text-label" for="name">
                                                                        @if ($errors->has('name'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Sub Admin Name
                                                                    </label>
                                                                   
                                                                    @error('name')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                    <input type="text" name="name" class="form-control" required value="{{$user->name}}">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('email')) has-error @endif">
                                                                    <label class="text-label" for="email">
                                                                        @if ($errors->has('email'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Sub Admin Email
                                                                    </label>
                                                                   
                                                                    @error('email')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                    <input type="email" name="email" class="form-control" required value="{{$user->email}}" disabled>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group @if ($errors->has('total_amount')) has-error @endif">
                                                                    <label class="text-label" for="total_amount">
                                                                        @if ($errors->has('total_amount'))<i class="fa fa-times-circle-o" style="color:red;"></i>@endif Sub Admin Wallet Balance
                                                                    </label>
                                                                   
                                                                    @error('total_amount')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                    <input type="text" name="total_amount" id="total_amount_input" class="form-control" value="{{$user->total_amount}}">
                                                                </div>
                                                            </div>
                                                            
                                                        </div> 
                                                    </div>
                                                </div>

                                                <div class="inner-div">
                                                    <div class="form-group">
                                                        <div class="d-flex justify-content-end">                                
                                                            <a href="/admin/sub_admin" class="btn btn-default  btn-form mr-3">Cancel</a>
                                                            <button type="submit" class="btn btn-primary btn-form">Submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>   
            </tbody>
        </table>
    </div>
@endsection
@section('customScripts')
<script>
    // Get the input element by its ID
    var totalAmountInput = document.getElementById('total_amount_input');

    // Add an input event listener to restrict non-numeric characters
    totalAmountInput.addEventListener('input', function () {
        // Remove any non-numeric characters using a regular expression
        this.value = this.value.replace(/\D/g, '');
    });
</script>
@endsection