@extends('user.layouts.master')
@push('css')
@endpush
@section('breadcrumb')
@include('user.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("user.dashboard"),
]
], 'active' => __($page_title)])
@endsection
@section('content')
<div class="body-wrapper">
<div class="row mb-20-none">
<div class="col-xl-6 col-lg-6 mb-20">
<div class="custom-card mt-10">
<div class="dashboard-header-wrapper">
<div class="header-title">
<h4 class="title">{{ __("Profile Settings") }}</h4>
</div>
<div class="account-delate">
<button class="btn--base btn delete-btn" data-bs-toggle="modal" data-bs-target="#deleteModal">{{ __("Delete Account") }}</button>
</div>
</div>
<div class="card-body profile-body-wrapper">
<form class="card-form" method="POST" action="{{ setRoute('user.profile.update') }}" enctype="multipart/form-data">
@csrf
@method("PUT")
<div class="profile-settings-wrapper">
<div class="preview-thumb profile-wallpaper">
<div class="avatar-preview">
<div class="profilePicPreview bg_img" data-background="{{ asset('public/frontend/images/element') }}/profile-thumb.webp"></div>
</div>
</div>
<div class="profile-thumb-content">
<div class="preview-thumb profile-thumb">
<div class="avatar-preview">
<div class="profilePicPreview bg_img" data-background="{{ auth()->user()->userImage ?? asset('public/frontend/images/user/user-1.png') }}"></div>
</div>
<div class="avatar-edit">
<input type='file' class="profilePicUpload" name="image" id="profilePicUpload2"
accept=".png, .jpg, .jpeg">
<label for="profilePicUpload2"><i class="las la-upload"></i></label>
</div>
</div>
<div class="profile-content">
<h6 class="username">{{ auth()->user()->username }}</h6>
<ul class="user-info-list mt-md-2">
<li><i class="las la-envelope"></i>{{ auth()->user()->email }}</li>
</ul>
</div>
</div>
</div>
<div class="profile-form-area">
<div class="row">
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("First Name")."<span>*</span>",
'name' => "firstname",
'placeholder' => __("Enter First Name")."...",
'value' => old('firstname',auth()->user()->firstname)
])
</div>
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("Last Name")."<span>*</span>",
'name' => "lastname",
'placeholder' => __("Enter Last Name")."...",
'value' => old('lastname',auth()->user()->lastname)
])
</div>
<div class="col-xl-6 col-lg-6 form-group">
<label>{{__("Country")}}</label>
<select class="form--control select2-auto-tokenize country-select" data-placeholder="{{ __("Select Country") }}" data-old="{{ old('country',auth()->user()->address->country ?? "") }}" name="country"></select>
</div>
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("Phone"),
'name' => "phone",
'type' => "number",
'placeholder' => __("Enter Number")."...",
'value' => old('full_mobile',auth()->user()->full_mobile ?? "" )
])
</div>
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("Address"),
'name' => "address",
'placeholder' => __("Enter Address")."...",
'value' => old('address',auth()->user()->address->address ?? "")
])
</div>
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("City"),
'name' => "city",
'placeholder' => __("Enter City")."...",
'value' => old('city',auth()->user()->address->city ?? "")
])
</div>
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("State"),
'name' => "state",
'placeholder' => __("Enter State")."...",
'value' => old('state',auth()->user()->address->state ?? "")
])
</div>
<div class="col-xl-6 col-lg-6 form-group">
@include('admin.components.form.input',[
'label' => __("Zip Code"),
'name' => "zip_code",
'placeholder' => __("Enter Zip")."...",
'value' => old('zip_code',auth()->user()->address->zip ?? "")
])
</div>
</div>
<div class="col-xl-12 col-lg-12">
<button type="submit" class="btn--base w-100"><span class="w-100">{{ __("Update") }}</span></button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 mb-20">
<div class="custom-card mt-10">
<div class="dashboard-header-wrapper">
<h4 class="title">{{ __("Change Password") }}</h4>
</div>
<div class="card-body">
<form class="card-form" action="{{ setRoute('user.profile.password.update') }}" method="POST">
@csrf
@method("PUT")
<div class="row">
<div class="col-xl-12 col-lg-12 form-group show_hide_password">
<label>{{ __("Current Password") }}<span>*</span></label>
<input type="password" class="form--control" name="current_password" placeholder="{{ __("Enter Password") }}...">
<span class="show-pass"><i class="fa fa-eye-slash" aria-hidden="true"></i></span>
</div>
<div class="col-xl-12 col-lg-12 form-group show_hide_password">
<label>{{ __("New Password") }}<span>*</span></label>
<input type="password" class="form--control" name="password" placeholder="{{ __("Enter Password") }}...">
<span class="show-pass"><i class="fa fa-eye-slash" aria-hidden="true"></i></span>
</div>
<div class="col-xl-12 col-lg-12 form-group show_hide_password">
<label>{{ __("Confirm Password") }}<span>*</span></label>
<input type="password" class="form--control" name="password_confirmation" placeholder="{{ __("Enter Password") }}...">
<span class="show-pass"><i class="fa fa-eye-slash" aria-hidden="true"></i></span>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<button type="submit" class="btn--base w-100"><span class="w-100">{{ __("Change") }}</span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" id="deleteModalLabel">
<h5 class="modal-title">{{ __("Are you sure to delete your account?") }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>{{ __("If you do not think you will use") }} <span class="text--base">{{ $basic_settings->site_name }}</span> {{ __("again and like your account deleted. Keep in mind you will not be able to reactivate your account or retrieve any of the content or information you have added. If you would still like your account deleted, click “Delete Account”.?") }}</p>
</div>
<div class="modal-footer">
<button type="submit" class="btn--base bg--danger border--danger text-white">{{ __("Close") }}</button>
<form action="{{ setRoute('user.profile.delete',auth()->user()->id)}}" method="POST">
@csrf
<button type="submit" class="btn--base">{{ __("Confirm") }}</button>
</form>
</div>
</div>
</div>
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@endsection
@push('script')
<script>
getAllCountries("{{ setRoute('global.countries') }}",$(".country-select"));
$(document).ready(function(){
$(".country-select").select2();
$("select[name=country]").change(function(){
var phoneCode = $("select[name=country] :selected").attr("data-mobile-code");
placePhoneCode(phoneCode);
});
setTimeout(() => {
var phoneCodeOnload = $("select[name=country] :selected").attr("data-mobile-code");
placePhoneCode(phoneCodeOnload);
}, 400);
});
</script>
@endpush
About Section
NFC Pay was founded with a vision to transform the way people handle transactions. Our journey is defined by a commitment to innovation, security, and convenience. We strive to deliver seamless, user-friendly payment solutions that make everyday transactions effortless and secure. Our mission is to empower you to pay with ease and confidence, anytime, anywhere.
FAQ Section
Here are answers to some common questions about NFC Pay. We aim to provide clear and concise information to help you understand how our platform works and how it can benefit you. If you have any further inquiries, please don’t hesitate to contact our support team.
Download the app and sign up using your email or phone number, then complete the verification process.
Yes, we use advanced encryption and security protocols to protect your payment details.
Absolutely, you can link multiple debit or credit cards to your wallet.
Go to the transfer section, select the recipient, enter the amount, and authorize the transfer.
Use the “Forgot PIN” feature in the app to reset it following the provided instructions.
Sign up for a merchant account through the app and follow the setup instructions to start accepting payments.
Yes, you can view and track your payment status in the account dashboard