@extends('includes.layouts.admin')
@section('page-title')
    My Profile
@endsection
@section('content')
    <!-- /.login-logo -->
    <div class="card">
        <div class="card-body login-card-body">
        
            <p class="login-box-msg">My Profile</p>

            <form action="{{ route('admin.profile.update', $user->id) }}" method="post">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-sm-4">
                        <x-Forms.Input type="text" mandate="*" label="Name" id="name"
                            name="name" value="{{ $user->name }}"
                            placeholder="Enter agent name"
                            class="{{ $errors->has('name') ? 'is-invalid' : '' }}" />
                    </div>   
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <x-Forms.Input type="text" mandate="*" label="Phone"
                            name="phone" value="{{ $user->phone }}"
                            placeholder="Enter phone number"
                            class="{{ $errors->has('phone') ? 'is-invalid' : '' }}" maxlength="12"
                            onkeypress="return isNumberKey(event)" />
                    </div>  
                </div>


                <div class="row">
                    <div class="col-sm-6">
                        <x-Forms.Input type="text" label="Country Code"
                            name="country_code" value="{{ $user->country_code }}"
                            placeholder="Enter country code"
                            class="{{ $errors->has('country_code') ? 'is-invalid' : '' }}" maxlength="12"
                            onkeypress="return isNumberKey(event)" />
                    </div>    
                </div>
                <div class="row">
                    <div class="col-sm-6 mt-2">
                        <button type="submit" class="btn btn_baseColor" onclick="this.form.submit(); this.disabled=true; this.innerText='Hold on...';">Update</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>
        </div>
        <!-- /.login-card-body -->
    </div>
@endsection
@section('scripts')
<script>
   function isNumberKey(event) {
        var charCode = (event.which) ? event.which : event.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        return true;
    }
</script>

@endsection