init
Dieser Commit ist enthalten in:
@@ -0,0 +1,23 @@
|
||||
import { Provider } from 'react-redux';
|
||||
import '../public/css/style.css';
|
||||
import store from '../redux/store';
|
||||
import 'react-perfect-scrollbar/dist/css/styles.css';
|
||||
import Head from 'next/head';
|
||||
|
||||
|
||||
function MyApp({ Component, pageProps }) {
|
||||
return (
|
||||
<Provider store={store}>
|
||||
<Head>
|
||||
<script
|
||||
src="https://kit.fontawesome.com/15e70ec3fb.js"
|
||||
crossOrigin="anonymous"
|
||||
></script>
|
||||
</Head>
|
||||
<Component {...pageProps} />
|
||||
|
||||
</Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
@@ -0,0 +1,5 @@
|
||||
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
||||
|
||||
export default (req, res) => {
|
||||
res.status(200).json({ name: 'John Doe' })
|
||||
}
|
||||
@@ -0,0 +1,178 @@
|
||||
import { useState } from "react";
|
||||
import { connect } from "react-redux";
|
||||
import Bills from '../components/elements/Bills';
|
||||
import Layout from "../components/layout/Layout";
|
||||
import LineInvestment from "./../components/chart/LineInvestment";
|
||||
import BalanceDetails from './../components/elements/BalanceDetails';
|
||||
|
||||
function Balance({ investmentData }) {
|
||||
const [open, setOpen] = useState("a1");
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Wallet"
|
||||
pageTitle="Wallet"
|
||||
pageTitleSub={"Welcome Intez Wallet page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Wallet"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Balance Details</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<BalanceDetails/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Bills</h4>
|
||||
<a href="#">See More</a>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<Bills/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-8 col-xl-8 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Investment</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
|
||||
<LineInvestment
|
||||
investmentData={investmentData}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className=" col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="row">
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className="credit-card visa">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img
|
||||
src="./images/cc/visa.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="cc-info">
|
||||
<div className="row justify-content-between align-items-center">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className="credit-card payoneer">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img
|
||||
src="./images/cc/payoneer.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div className="cc-info">
|
||||
<div className="row">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
1500/2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
const mapStateToProps = (state) => ({
|
||||
investmentData: state.LineInvestment.investment,
|
||||
});
|
||||
export default connect(mapStateToProps, {})(Balance);
|
||||
@@ -0,0 +1,98 @@
|
||||
import Layout from "../components/layout/Layout";
|
||||
import InvoiceKPI from "../components/widget/InvoiceKPI";
|
||||
import PaymentAddKPI from "../components/widget/PaymentAddKPI";
|
||||
import StackedBarChart from "./../components/chart/StackedBarChart";
|
||||
|
||||
function Bill() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Payments"
|
||||
pageTitle="Payments"
|
||||
pageTitleSub={"Welcome Intez Payments page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Payments"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
|
||||
<PaymentAddKPI/>
|
||||
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
|
||||
<InvoiceKPI num={true}/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-7">
|
||||
<div
|
||||
id="user-activity"
|
||||
className="card"
|
||||
data-aos="fade-up"
|
||||
>
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Expenses</h4>
|
||||
</div>
|
||||
|
||||
<div className="card-body">
|
||||
<div className="tab-content" id="myTabContent">
|
||||
<StackedBarChart />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-5">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Unpaid Bills</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="unpaid-content">
|
||||
<ul>
|
||||
<li>
|
||||
<p className="mb-0">Service</p>
|
||||
<h5 className="mb-0">Payoneer</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Issued</p>
|
||||
<h5 className="mb-0">
|
||||
March 17, 2021
|
||||
</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Payment Due</p>
|
||||
<h5 className="mb-0">17 Days</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Paid</p>
|
||||
<h5 className="mb-0">0.00</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">
|
||||
Amount to pay
|
||||
</p>
|
||||
<h5 className="mb-0">$ 532.69</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">
|
||||
Payment Method
|
||||
</p>
|
||||
<h5 className="mb-0">Paypal</h5>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Bill;
|
||||
@@ -0,0 +1,101 @@
|
||||
import Layout from "../components/layout/Layout";
|
||||
|
||||
function CreateInvoice() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Create Invoice"
|
||||
pageTitle="Create Invoice"
|
||||
pageTitleSub={"Welcome Intez Create Invoice page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Create Invoice"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Create Invoice </h4>
|
||||
<div className="btn-group">
|
||||
<a href="#" className="btn btn-primary">Save</a>
|
||||
<a href="#" className="btn btn-outline-primary">Send</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form className="invoice-form">
|
||||
<form>
|
||||
<div className="row justify-content-between">
|
||||
<div className="col-xl-3">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Invoice Name</label>
|
||||
<input type="email" className="form-control" placeholder="Jonaed Bogdadi"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Bill To</label>
|
||||
<input type="email" className="form-control"
|
||||
placeholder="Jonaed@bogdad.com "/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Date</label>
|
||||
<input type="email" className="form-control" placeholder="21/03/2021"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Due Date</label>
|
||||
<input type="email" className="form-control" placeholder="28/04/2021"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<label className="form-label">Items</label>
|
||||
<input type="email" className="form-control" placeholder="Wireframe" />
|
||||
</div>
|
||||
<div className=" mb-3 col-xl-3">
|
||||
<label className="form-label">Quantity</label>
|
||||
<input type="email" className="form-control" placeholder="360"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<label className="form-label">Price</label>
|
||||
<input type="email" className="form-control" placeholder="82"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<input type="email" className="form-control" placeholder="High-Fidelity"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-3">
|
||||
<input type="email" className="form-control" placeholder="220"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<input type="email" className="form-control" placeholder="67"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="add-reset d-flex justify-content-between">
|
||||
<button className="btn btn-outline-primary"><span><i
|
||||
className="bi bi-plus"></i></span>Reset</button>
|
||||
<button className="btn btn-primary"><span><i className="bi bi-plus"></i></span>Add
|
||||
Item</button>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default CreateInvoice;
|
||||
@@ -0,0 +1,359 @@
|
||||
import Link from "next/link";
|
||||
import HeaderLanding from "../components/layout/HeaderLanding";
|
||||
function Demo() {
|
||||
return (
|
||||
<>
|
||||
<HeaderLanding />
|
||||
<div className="intro section-padding" id="intro">
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-between">
|
||||
<div className="col-xl-4 col-md-6">
|
||||
<div className="intro-content my-5">
|
||||
<h1>
|
||||
Intez - Dashboard React App
|
||||
</h1>
|
||||
<p>
|
||||
Intez is the complete UX & UI dashboard for
|
||||
online payment. Here included wallet, payment,
|
||||
invoice, and all user setting pages
|
||||
including profile, application, activity,
|
||||
payment method, api, sign in & sign up etc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-5 col-md-6 py-md-5">
|
||||
<div className="intro-demo_img">
|
||||
<img
|
||||
src="/images/demo/intez.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="demo section-padding">
|
||||
<div className="container">
|
||||
<div className="row py-lg-5 justify-content-center">
|
||||
<div className="col-xl-7">
|
||||
<div className="section-title text-center">
|
||||
<h2>Pages</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/dashboard.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Dashboard</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/balance">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/wallet.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Wallet</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/bill">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/payment.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Payment</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/invoice">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/invoice.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Invoice</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/create-invoice">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/create-invoice.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Create Invoice</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/notification">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/notification.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Notification</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-profile">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-profile.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Profile Settings</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/profile">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/profile.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>User Profile</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-application">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-application.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Application</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-security">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-security.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Security</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-activity">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-activity.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Activity</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-payment-method">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-payment-method.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Payment Method</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-api">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-api.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Api</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/signin">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/signin.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Sign in Page</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/signup">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/signup.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Sign up page</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/lock">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/locked.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Locked Page</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./otp1" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/otp-1.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>1 of 2-Step-Verification</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./otp2" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/otp-2.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>2 of 2-Step-Verification</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./verify-email" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/email-verification.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Email Verification</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./reset" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/reset.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Reset Page</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Demo;
|
||||
@@ -0,0 +1,355 @@
|
||||
import { connect } from "react-redux";
|
||||
import DoughnutChart from "../components/chart/DoughnutChart";
|
||||
import BarChart from "../components/chart/LineChart";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import BalanceDetails from "./../components/elements/BalanceDetails";
|
||||
import GoalsBudget from "./../components/elements/GoalsBudget";
|
||||
import TransactionHistory from "./../components/elements/TransactionHistory";
|
||||
import NewConnection from "../components/widget/NewConnection";
|
||||
import Link from "next/link";
|
||||
import PaymentAddKPI from "../components/widget/PaymentAddKPI";
|
||||
import PaymentKPI from "../components/widget/PaymentKPI";
|
||||
import SupportKPI from "../components/widget/SupportKPI";
|
||||
import InvoiceKPI from "../components/widget/InvoiceKPI";
|
||||
|
||||
function Home({ lineData, doughnutData }) {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Dashboard"
|
||||
pageTitle="Dashboard"
|
||||
pageTitleSub={"Welcome Rahul"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Dashboard"}
|
||||
>
|
||||
<div className="row">
|
||||
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="row">
|
||||
<NewConnection />
|
||||
<PaymentKPI />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<div id="user-activity" className="card" data-aos="fade-up">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Water Consumption Levels</h4>
|
||||
</div>
|
||||
|
||||
<div className="card-body">
|
||||
<BarChart lineData={lineData} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<PaymentAddKPI />
|
||||
|
||||
</div>
|
||||
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<InvoiceKPI />
|
||||
</div>
|
||||
<hr />
|
||||
<SupportKPI />
|
||||
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Stats</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="row">
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-primary">
|
||||
<span>
|
||||
<i className="ri-wallet-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>432568</h3>
|
||||
<p>Last Balance</p>
|
||||
</div>
|
||||
|
||||
{/* <p className="text-success mb-0">
|
||||
+168.001%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-up"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-secondary">
|
||||
<span>
|
||||
<i className="ri-wallet-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>245860</h3>
|
||||
<p>Hold Balance</p>
|
||||
{/* <p className="text-success mb-0">
|
||||
+168.001%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-up"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-success">
|
||||
<span>
|
||||
<i className="ri-wallet-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>25.35</h3>
|
||||
<p>Current Rate</p>
|
||||
{/* <p className="text-danger mb-0">
|
||||
-15.034%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-down"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-danger">
|
||||
<span>
|
||||
<i className="ri-wallet-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>22.56</h3>
|
||||
<p>Bounce Rate</p>
|
||||
{/* <p className="text-danger mb-0">
|
||||
-15.034%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-down"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="d-none">
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Unpaid Bills</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="unpaid-content">
|
||||
<ul>
|
||||
<li>
|
||||
<p className="mb-0">Service</p>
|
||||
<h5 className="mb-0">Youtube Chanel</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Issued</p>
|
||||
<h5 className="mb-0">March 17, 2021</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Payment Due</p>
|
||||
<h5 className="mb-0">17 Days</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Paid</p>
|
||||
<h5 className="mb-0">0.00</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Amount to pay</p>
|
||||
<h5 className="mb-0">$ 532.69</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Payment Method</p>
|
||||
<h5 className="mb-0">Paypal</h5>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-xxl-4 col-lg-6">
|
||||
<div className="row">
|
||||
<div className="col-xl-12 col-lg-12">
|
||||
<div className="credit-card visa">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img src="/images/cc/visa.png" alt="" />
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* <div className="cc-info">
|
||||
<div className="row justify-content-between align-items-center">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-12 col-lg-12">
|
||||
<div className="credit-card payoneer">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img
|
||||
src="/images/cc/payoneer.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="cc-info">
|
||||
<div className="row">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
1500/2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className=" col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Balance Details</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<BalanceDetails />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className=" col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Statistics</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<DoughnutChart doughnutData={doughnutData} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Transaction History</h4>
|
||||
<a href="#">See more</a>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<TransactionHistory />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Goals Budget</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<GoalsBudget />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
const mapStateToProps = (state) => ({
|
||||
lineData: state.LineChart.expenses,
|
||||
doughnutData: state.DoughnutChart.statistics,
|
||||
});
|
||||
export default connect(mapStateToProps, {})(Home);
|
||||
@@ -0,0 +1,257 @@
|
||||
import Link from "next/link";
|
||||
import Layout from "../components/layout/Layout";
|
||||
function Invoice() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Invoice"
|
||||
pageTitle="Invoice"
|
||||
pageTitleSub={"Welcome Intez Invoice page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Invoice"}
|
||||
>
|
||||
<div className="row">
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-primary">
|
||||
<span>
|
||||
<i className="ri-file-copy-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>483</h3>
|
||||
<p>Total Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-success">
|
||||
<span>
|
||||
<i className="ri-file-list-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>273</h3>
|
||||
<p>Paid Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-warning">
|
||||
<span>
|
||||
<i className="ri-file-paper-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>121</h3>
|
||||
<p>Unpaid Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-danger">
|
||||
<span>
|
||||
<i className="ri-file-paper-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>89</h3>
|
||||
<p>Canceled Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header flex-row">
|
||||
<h4 className="card-title">Invoice </h4>
|
||||
<Link href="/create-invoice">
|
||||
<a
|
||||
className="btn btn-primary"
|
||||
>
|
||||
<span>
|
||||
<i className="bi bi-plus"></i>
|
||||
</span>
|
||||
Create Invoice
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="invoice-table">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Client</th>
|
||||
<th>Amount</th>
|
||||
<th>Status</th>
|
||||
<th>Due</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/1.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Weston P. Thomas
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>February 16, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/2.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
William D. Gibson
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>December 21, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/3.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
John C. Adams
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>March 21, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/4.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
John L. Foster
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning">
|
||||
Due
|
||||
</span>
|
||||
</td>
|
||||
<td>April 29, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/5.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Terry P. Camacho
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
<td>November 26, 2021</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Invoice;
|
||||
@@ -0,0 +1,50 @@
|
||||
import Link from "next/link";
|
||||
function Lock() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-4 col-md-5">
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">Locked</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<form className="row g-3">
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Enter Password
|
||||
</label>
|
||||
|
||||
<input
|
||||
type="password"
|
||||
className="form-control"
|
||||
placeholder="***********"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-center mt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Lock;
|
||||
@@ -0,0 +1,83 @@
|
||||
import Layout from "../components/layout/Layout";
|
||||
|
||||
function Notification() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Notification"
|
||||
pageTitle="Notification"
|
||||
// pageTitleSub={"Welcome Intez Notification page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Notification"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Recent Notification </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="all-notification">
|
||||
<div className="notification-list">
|
||||
<div className="lists">
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon pending">
|
||||
<i className="bi bi-cash-stack"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Oops! It seems like your wallet balance is insufficient to complete this transaction.</p>
|
||||
<span>Please add funds to your wallet to proceed.</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon fail">
|
||||
<i className="bi bi-calendar2-date"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Your water bill is due on 12-10-2023.</p>
|
||||
<span>Please ensure it's paid on time.</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon fail">
|
||||
|
||||
<i className="bi bi-x"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Payment unsuccessful.</p>
|
||||
<span>Please check your payment details and try again.</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon success">
|
||||
<i className="bi bi-check"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Your application has been verified successfully.</p>
|
||||
<span>2022-12-24 12:00:23</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a>
|
||||
More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Notification;
|
||||
@@ -0,0 +1,837 @@
|
||||
import Link from "next/link";
|
||||
function Otp1() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">
|
||||
2-Step Verification
|
||||
</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<p className="text-center mb-3">
|
||||
Enter the verification code generated by
|
||||
your phone ending in +xxx xxxxxxxx60.
|
||||
</p>
|
||||
<form className="row g-3">
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Country
|
||||
</label>
|
||||
<select
|
||||
className="form-select"
|
||||
name="country"
|
||||
>
|
||||
<option value="">Select</option>
|
||||
<option value="Afghanistan">
|
||||
Afghanistan
|
||||
</option>
|
||||
<option value="Åland Islands">
|
||||
Åland Islands
|
||||
</option>
|
||||
<option value="Albania">
|
||||
Albania
|
||||
</option>
|
||||
<option value="Algeria">
|
||||
Algeria
|
||||
</option>
|
||||
<option value="American Samoa">
|
||||
American Samoa
|
||||
</option>
|
||||
<option value="Andorra">
|
||||
Andorra
|
||||
</option>
|
||||
<option value="Angola">
|
||||
Angola
|
||||
</option>
|
||||
<option value="Anguilla">
|
||||
Anguilla
|
||||
</option>
|
||||
<option value="Antarctica">
|
||||
Antarctica
|
||||
</option>
|
||||
<option value="Antigua and Barbuda">
|
||||
Antigua and Barbuda
|
||||
</option>
|
||||
<option value="Argentina">
|
||||
Argentina
|
||||
</option>
|
||||
<option value="Armenia">
|
||||
Armenia
|
||||
</option>
|
||||
<option value="Aruba">
|
||||
Aruba
|
||||
</option>
|
||||
<option value="Australia">
|
||||
Australia
|
||||
</option>
|
||||
<option value="Austria">
|
||||
Austria
|
||||
</option>
|
||||
<option value="Azerbaijan">
|
||||
Azerbaijan
|
||||
</option>
|
||||
<option value="Bahamas">
|
||||
Bahamas
|
||||
</option>
|
||||
<option value="Bahrain">
|
||||
Bahrain
|
||||
</option>
|
||||
<option value="Bangladesh">
|
||||
Bangladesh
|
||||
</option>
|
||||
<option value="Barbados">
|
||||
Barbados
|
||||
</option>
|
||||
<option value="Belarus">
|
||||
Belarus
|
||||
</option>
|
||||
<option value="Belgium">
|
||||
Belgium
|
||||
</option>
|
||||
<option value="Belize">
|
||||
Belize
|
||||
</option>
|
||||
<option value="Benin">
|
||||
Benin
|
||||
</option>
|
||||
<option value="Bermuda">
|
||||
Bermuda
|
||||
</option>
|
||||
<option value="Bhutan">
|
||||
Bhutan
|
||||
</option>
|
||||
<option value="Bolivia">
|
||||
Bolivia
|
||||
</option>
|
||||
<option value="Bosnia and Herzegovina">
|
||||
Bosnia and Herzegovina
|
||||
</option>
|
||||
<option value="Botswana">
|
||||
Botswana
|
||||
</option>
|
||||
<option value="Bouvet Island">
|
||||
Bouvet Island
|
||||
</option>
|
||||
<option value="Brazil">
|
||||
Brazil
|
||||
</option>
|
||||
<option value="British Indian Ocean Territory">
|
||||
British Indian Ocean
|
||||
Territory
|
||||
</option>
|
||||
<option value="Brunei Darussalam">
|
||||
Brunei Darussalam
|
||||
</option>
|
||||
<option value="Bulgaria">
|
||||
Bulgaria
|
||||
</option>
|
||||
<option value="Burkina Faso">
|
||||
Burkina Faso
|
||||
</option>
|
||||
<option value="Burundi">
|
||||
Burundi
|
||||
</option>
|
||||
<option value="Cambodia">
|
||||
Cambodia
|
||||
</option>
|
||||
<option value="Cameroon">
|
||||
Cameroon
|
||||
</option>
|
||||
<option value="Canada">
|
||||
Canada
|
||||
</option>
|
||||
<option value="Cape Verde">
|
||||
Cape Verde
|
||||
</option>
|
||||
<option value="Cayman Islands">
|
||||
Cayman Islands
|
||||
</option>
|
||||
<option value="Central African Republic">
|
||||
Central African Republic
|
||||
</option>
|
||||
<option value="Chad">
|
||||
Chad
|
||||
</option>
|
||||
<option value="Chile">
|
||||
Chile
|
||||
</option>
|
||||
<option value="China">
|
||||
China
|
||||
</option>
|
||||
<option value="Christmas Island">
|
||||
Christmas Island
|
||||
</option>
|
||||
<option value="Cocos (Keeling) Islands">
|
||||
Cocos (Keeling) Islands
|
||||
</option>
|
||||
<option value="Colombia">
|
||||
Colombia
|
||||
</option>
|
||||
<option value="Comoros">
|
||||
Comoros
|
||||
</option>
|
||||
<option value="Congo">
|
||||
Congo
|
||||
</option>
|
||||
<option value="Congo, The Democratic Republic of The">
|
||||
Congo, The Democratic
|
||||
Republic of The
|
||||
</option>
|
||||
<option value="Cook Islands">
|
||||
Cook Islands
|
||||
</option>
|
||||
<option value="Costa Rica">
|
||||
Costa Rica
|
||||
</option>
|
||||
<option value="Cote D'ivoire">
|
||||
Cote D'ivoire
|
||||
</option>
|
||||
<option value="Croatia">
|
||||
Croatia
|
||||
</option>
|
||||
<option value="Cuba">
|
||||
Cuba
|
||||
</option>
|
||||
<option value="Cyprus">
|
||||
Cyprus
|
||||
</option>
|
||||
<option value="Czech Republic">
|
||||
Czech Republic
|
||||
</option>
|
||||
<option value="Denmark">
|
||||
Denmark
|
||||
</option>
|
||||
<option value="Djibouti">
|
||||
Djibouti
|
||||
</option>
|
||||
<option value="Dominica">
|
||||
Dominica
|
||||
</option>
|
||||
<option value="Dominican Republic">
|
||||
Dominican Republic
|
||||
</option>
|
||||
<option value="Ecuador">
|
||||
Ecuador
|
||||
</option>
|
||||
<option value="Egypt">
|
||||
Egypt
|
||||
</option>
|
||||
<option value="El Salvador">
|
||||
El Salvador
|
||||
</option>
|
||||
<option value="Equatorial Guinea">
|
||||
Equatorial Guinea
|
||||
</option>
|
||||
<option value="Eritrea">
|
||||
Eritrea
|
||||
</option>
|
||||
<option value="Estonia">
|
||||
Estonia
|
||||
</option>
|
||||
<option value="Ethiopia">
|
||||
Ethiopia
|
||||
</option>
|
||||
<option value="Falkland Islands (Malvinas)">
|
||||
Falkland Islands (Malvinas)
|
||||
</option>
|
||||
<option value="Faroe Islands">
|
||||
Faroe Islands
|
||||
</option>
|
||||
<option value="Fiji">
|
||||
Fiji
|
||||
</option>
|
||||
<option value="Finland">
|
||||
Finland
|
||||
</option>
|
||||
<option value="France">
|
||||
France
|
||||
</option>
|
||||
<option value="French Guiana">
|
||||
French Guiana
|
||||
</option>
|
||||
<option value="French Polynesia">
|
||||
French Polynesia
|
||||
</option>
|
||||
<option value="French Southern Territories">
|
||||
French Southern Territories
|
||||
</option>
|
||||
<option value="Gabon">
|
||||
Gabon
|
||||
</option>
|
||||
<option value="Gambia">
|
||||
Gambia
|
||||
</option>
|
||||
<option value="Georgia">
|
||||
Georgia
|
||||
</option>
|
||||
<option value="Germany">
|
||||
Germany
|
||||
</option>
|
||||
<option value="Ghana">
|
||||
Ghana
|
||||
</option>
|
||||
<option value="Gibraltar">
|
||||
Gibraltar
|
||||
</option>
|
||||
<option value="Greece">
|
||||
Greece
|
||||
</option>
|
||||
<option value="Greenland">
|
||||
Greenland
|
||||
</option>
|
||||
<option value="Grenada">
|
||||
Grenada
|
||||
</option>
|
||||
<option value="Guadeloupe">
|
||||
Guadeloupe
|
||||
</option>
|
||||
<option value="Guam">
|
||||
Guam
|
||||
</option>
|
||||
<option value="Guatemala">
|
||||
Guatemala
|
||||
</option>
|
||||
<option value="Guernsey">
|
||||
Guernsey
|
||||
</option>
|
||||
<option value="Guinea">
|
||||
Guinea
|
||||
</option>
|
||||
<option value="Guinea-bissau">
|
||||
Guinea-bissau
|
||||
</option>
|
||||
<option value="Guyana">
|
||||
Guyana
|
||||
</option>
|
||||
<option value="Haiti">
|
||||
Haiti
|
||||
</option>
|
||||
<option value="Heard Island and Mcdonald Islands">
|
||||
Heard Island and Mcdonald
|
||||
Islands
|
||||
</option>
|
||||
<option value="Holy See (Vatican City State)">
|
||||
Holy See (Vatican City
|
||||
State)
|
||||
</option>
|
||||
<option value="Honduras">
|
||||
Honduras
|
||||
</option>
|
||||
<option value="Hong Kong">
|
||||
Hong Kong
|
||||
</option>
|
||||
<option value="Hungary">
|
||||
Hungary
|
||||
</option>
|
||||
<option value="Iceland">
|
||||
Iceland
|
||||
</option>
|
||||
<option value="India">
|
||||
India
|
||||
</option>
|
||||
<option value="Indonesia">
|
||||
Indonesia
|
||||
</option>
|
||||
<option value="Iran, Islamic Republic of">
|
||||
Iran, Islamic Republic of
|
||||
</option>
|
||||
<option value="Iraq">
|
||||
Iraq
|
||||
</option>
|
||||
<option value="Ireland">
|
||||
Ireland
|
||||
</option>
|
||||
<option value="Isle of Man">
|
||||
Isle of Man
|
||||
</option>
|
||||
<option value="Israel">
|
||||
Israel
|
||||
</option>
|
||||
<option value="Italy">
|
||||
Italy
|
||||
</option>
|
||||
<option value="Jamaica">
|
||||
Jamaica
|
||||
</option>
|
||||
<option value="Japan">
|
||||
Japan
|
||||
</option>
|
||||
<option value="Jersey">
|
||||
Jersey
|
||||
</option>
|
||||
<option value="Jordan">
|
||||
Jordan
|
||||
</option>
|
||||
<option value="Kazakhstan">
|
||||
Kazakhstan
|
||||
</option>
|
||||
<option value="Kenya">
|
||||
Kenya
|
||||
</option>
|
||||
<option value="Kiribati">
|
||||
Kiribati
|
||||
</option>
|
||||
<option value="Korea, Democratic People's Republic of">
|
||||
Korea, Democratic People's
|
||||
Republic of
|
||||
</option>
|
||||
<option value="Korea, Republic of">
|
||||
Korea, Republic of
|
||||
</option>
|
||||
<option value="Kuwait">
|
||||
Kuwait
|
||||
</option>
|
||||
<option value="Kyrgyzstan">
|
||||
Kyrgyzstan
|
||||
</option>
|
||||
<option value="Lao People's Democratic Republic">
|
||||
Lao People's Democratic
|
||||
Republic
|
||||
</option>
|
||||
<option value="Latvia">
|
||||
Latvia
|
||||
</option>
|
||||
<option value="Lebanon">
|
||||
Lebanon
|
||||
</option>
|
||||
<option value="Lesotho">
|
||||
Lesotho
|
||||
</option>
|
||||
<option value="Liberia">
|
||||
Liberia
|
||||
</option>
|
||||
<option value="Libyan Arab Jamahiriya">
|
||||
Libyan Arab Jamahiriya
|
||||
</option>
|
||||
<option value="Liechtenstein">
|
||||
Liechtenstein
|
||||
</option>
|
||||
<option value="Lithuania">
|
||||
Lithuania
|
||||
</option>
|
||||
<option value="Luxembourg">
|
||||
Luxembourg
|
||||
</option>
|
||||
<option value="Macao">
|
||||
Macao
|
||||
</option>
|
||||
<option value="Macedonia, The Former Yugoslav Republic of">
|
||||
Macedonia, The Former
|
||||
Yugoslav Republic of
|
||||
</option>
|
||||
<option value="Madagascar">
|
||||
Madagascar
|
||||
</option>
|
||||
<option value="Malawi">
|
||||
Malawi
|
||||
</option>
|
||||
<option value="Malaysia">
|
||||
Malaysia
|
||||
</option>
|
||||
<option value="Maldives">
|
||||
Maldives
|
||||
</option>
|
||||
<option value="Mali">
|
||||
Mali
|
||||
</option>
|
||||
<option value="Malta">
|
||||
Malta
|
||||
</option>
|
||||
<option value="Marshall Islands">
|
||||
Marshall Islands
|
||||
</option>
|
||||
<option value="Martinique">
|
||||
Martinique
|
||||
</option>
|
||||
<option value="Mauritania">
|
||||
Mauritania
|
||||
</option>
|
||||
<option value="Mauritius">
|
||||
Mauritius
|
||||
</option>
|
||||
<option value="Mayotte">
|
||||
Mayotte
|
||||
</option>
|
||||
<option value="Mexico">
|
||||
Mexico
|
||||
</option>
|
||||
<option value="Micronesia, Federated States of">
|
||||
Micronesia, Federated States
|
||||
of
|
||||
</option>
|
||||
<option value="Moldova, Republic of">
|
||||
Moldova, Republic of
|
||||
</option>
|
||||
<option value="Monaco">
|
||||
Monaco
|
||||
</option>
|
||||
<option value="Mongolia">
|
||||
Mongolia
|
||||
</option>
|
||||
<option value="Montenegro">
|
||||
Montenegro
|
||||
</option>
|
||||
<option value="Montserrat">
|
||||
Montserrat
|
||||
</option>
|
||||
<option value="Morocco">
|
||||
Morocco
|
||||
</option>
|
||||
<option value="Mozambique">
|
||||
Mozambique
|
||||
</option>
|
||||
<option value="Myanmar">
|
||||
Myanmar
|
||||
</option>
|
||||
<option value="Namibia">
|
||||
Namibia
|
||||
</option>
|
||||
<option value="Nauru">
|
||||
Nauru
|
||||
</option>
|
||||
<option value="Nepal">
|
||||
Nepal
|
||||
</option>
|
||||
<option value="Netherlands">
|
||||
Netherlands
|
||||
</option>
|
||||
<option value="Netherlands Antilles">
|
||||
Netherlands Antilles
|
||||
</option>
|
||||
<option value="New Caledonia">
|
||||
New Caledonia
|
||||
</option>
|
||||
<option value="New Zealand">
|
||||
New Zealand
|
||||
</option>
|
||||
<option value="Nicaragua">
|
||||
Nicaragua
|
||||
</option>
|
||||
<option value="Niger">
|
||||
Niger
|
||||
</option>
|
||||
<option value="Nigeria">
|
||||
Nigeria
|
||||
</option>
|
||||
<option value="Niue">
|
||||
Niue
|
||||
</option>
|
||||
<option value="Norfolk Island">
|
||||
Norfolk Island
|
||||
</option>
|
||||
<option value="Northern Mariana Islands">
|
||||
Northern Mariana Islands
|
||||
</option>
|
||||
<option value="Norway">
|
||||
Norway
|
||||
</option>
|
||||
<option value="Oman">
|
||||
Oman
|
||||
</option>
|
||||
<option value="Pakistan">
|
||||
Pakistan
|
||||
</option>
|
||||
<option value="Palau">
|
||||
Palau
|
||||
</option>
|
||||
<option value="Palestinian Territory, Occupied">
|
||||
Palestinian Territory,
|
||||
Occupied
|
||||
</option>
|
||||
<option value="Panama">
|
||||
Panama
|
||||
</option>
|
||||
<option value="Papua New Guinea">
|
||||
Papua New Guinea
|
||||
</option>
|
||||
<option value="Paraguay">
|
||||
Paraguay
|
||||
</option>
|
||||
<option value="Peru">
|
||||
Peru
|
||||
</option>
|
||||
<option value="Philippines">
|
||||
Philippines
|
||||
</option>
|
||||
<option value="Pitcairn">
|
||||
Pitcairn
|
||||
</option>
|
||||
<option value="Poland">
|
||||
Poland
|
||||
</option>
|
||||
<option value="Portugal">
|
||||
Portugal
|
||||
</option>
|
||||
<option value="Puerto Rico">
|
||||
Puerto Rico
|
||||
</option>
|
||||
<option value="Qatar">
|
||||
Qatar
|
||||
</option>
|
||||
<option value="Reunion">
|
||||
Reunion
|
||||
</option>
|
||||
<option value="Romania">
|
||||
Romania
|
||||
</option>
|
||||
<option value="Russian Federation">
|
||||
Russian Federation
|
||||
</option>
|
||||
<option value="Rwanda">
|
||||
Rwanda
|
||||
</option>
|
||||
<option value="Saint Helena">
|
||||
Saint Helena
|
||||
</option>
|
||||
<option value="Saint Kitts and Nevis">
|
||||
Saint Kitts and Nevis
|
||||
</option>
|
||||
<option value="Saint Lucia">
|
||||
Saint Lucia
|
||||
</option>
|
||||
<option value="Saint Pierre and Miquelon">
|
||||
Saint Pierre and Miquelon
|
||||
</option>
|
||||
<option value="Saint Vincent and The Grenadines">
|
||||
Saint Vincent and The
|
||||
Grenadines
|
||||
</option>
|
||||
<option value="Samoa">
|
||||
Samoa
|
||||
</option>
|
||||
<option value="San Marino">
|
||||
San Marino
|
||||
</option>
|
||||
<option value="Sao Tome and Principe">
|
||||
Sao Tome and Principe
|
||||
</option>
|
||||
<option value="Saudi Arabia">
|
||||
Saudi Arabia
|
||||
</option>
|
||||
<option value="Senegal">
|
||||
Senegal
|
||||
</option>
|
||||
<option value="Serbia">
|
||||
Serbia
|
||||
</option>
|
||||
<option value="Seychelles">
|
||||
Seychelles
|
||||
</option>
|
||||
<option value="Sierra Leone">
|
||||
Sierra Leone
|
||||
</option>
|
||||
<option value="Singapore">
|
||||
Singapore
|
||||
</option>
|
||||
<option value="Slovakia">
|
||||
Slovakia
|
||||
</option>
|
||||
<option value="Slovenia">
|
||||
Slovenia
|
||||
</option>
|
||||
<option value="Solomon Islands">
|
||||
Solomon Islands
|
||||
</option>
|
||||
<option value="Somalia">
|
||||
Somalia
|
||||
</option>
|
||||
<option value="South Africa">
|
||||
South Africa
|
||||
</option>
|
||||
<option value="South Georgia and The South Sandwich Islands">
|
||||
South Georgia and The South
|
||||
Sandwich Islands
|
||||
</option>
|
||||
<option value="Spain">
|
||||
Spain
|
||||
</option>
|
||||
<option value="Sri Lanka">
|
||||
Sri Lanka
|
||||
</option>
|
||||
<option value="Sudan">
|
||||
Sudan
|
||||
</option>
|
||||
<option value="Suriname">
|
||||
Suriname
|
||||
</option>
|
||||
<option value="Svalbard and Jan Mayen">
|
||||
Svalbard and Jan Mayen
|
||||
</option>
|
||||
<option value="Swaziland">
|
||||
Swaziland
|
||||
</option>
|
||||
<option value="Sweden">
|
||||
Sweden
|
||||
</option>
|
||||
<option value="Switzerland">
|
||||
Switzerland
|
||||
</option>
|
||||
<option value="Syrian Arab Republic">
|
||||
Syrian Arab Republic
|
||||
</option>
|
||||
<option value="Taiwan, Province of China">
|
||||
Taiwan, Province of China
|
||||
</option>
|
||||
<option value="Tajikistan">
|
||||
Tajikistan
|
||||
</option>
|
||||
<option value="Tanzania, United Republic of">
|
||||
Tanzania, United Republic of
|
||||
</option>
|
||||
<option value="Thailand">
|
||||
Thailand
|
||||
</option>
|
||||
<option value="Timor-leste">
|
||||
Timor-leste
|
||||
</option>
|
||||
<option value="Togo">
|
||||
Togo
|
||||
</option>
|
||||
<option value="Tokelau">
|
||||
Tokelau
|
||||
</option>
|
||||
<option value="Tonga">
|
||||
Tonga
|
||||
</option>
|
||||
<option value="Trinidad and Tobago">
|
||||
Trinidad and Tobago
|
||||
</option>
|
||||
<option value="Tunisia">
|
||||
Tunisia
|
||||
</option>
|
||||
<option value="Turkey">
|
||||
Turkey
|
||||
</option>
|
||||
<option value="Turkmenistan">
|
||||
Turkmenistan
|
||||
</option>
|
||||
<option value="Turks and Caicos Islands">
|
||||
Turks and Caicos Islands
|
||||
</option>
|
||||
<option value="Tuvalu">
|
||||
Tuvalu
|
||||
</option>
|
||||
<option value="Uganda">
|
||||
Uganda
|
||||
</option>
|
||||
<option value="Ukraine">
|
||||
Ukraine
|
||||
</option>
|
||||
<option value="United Arab Emirates">
|
||||
United Arab Emirates
|
||||
</option>
|
||||
<option value="United Kingdom">
|
||||
United Kingdom
|
||||
</option>
|
||||
<option value="United States">
|
||||
United States
|
||||
</option>
|
||||
<option value="United States Minor Outlying Islands">
|
||||
United States Minor Outlying
|
||||
Islands
|
||||
</option>
|
||||
<option value="Uruguay">
|
||||
Uruguay
|
||||
</option>
|
||||
<option value="Uzbekistan">
|
||||
Uzbekistan
|
||||
</option>
|
||||
<option value="Vanuatu">
|
||||
Vanuatu
|
||||
</option>
|
||||
<option value="Venezuela">
|
||||
Venezuela
|
||||
</option>
|
||||
<option value="Viet Nam">
|
||||
Viet Nam
|
||||
</option>
|
||||
<option value="Virgin Islands, British">
|
||||
Virgin Islands, British
|
||||
</option>
|
||||
<option value="Virgin Islands, U.S.">
|
||||
Virgin Islands, U.S.
|
||||
</option>
|
||||
<option value="Wallis and Futuna">
|
||||
Wallis and Futuna
|
||||
</option>
|
||||
<option value="Western Sahara">
|
||||
Western Sahara
|
||||
</option>
|
||||
<option value="Yemen">
|
||||
Yemen
|
||||
</option>
|
||||
<option value="Zambia">
|
||||
Zambia
|
||||
</option>
|
||||
<option value="Zimbabwe">
|
||||
Zimbabwe
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Your Phone Number
|
||||
</label>
|
||||
<div className="input-group">
|
||||
<div className="input-group-prepend">
|
||||
<span className="input-group-text">
|
||||
+880
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="alert-text">
|
||||
<small>
|
||||
Security is critical in Xtrader.
|
||||
to help keep your account safe,
|
||||
we'll text you a verification
|
||||
code when you sign in on a new
|
||||
device
|
||||
</small>
|
||||
</div>
|
||||
<div className="text-center mt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Send Code
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="new-account mt-3">
|
||||
<p>
|
||||
Don't get code?
|
||||
<Link href="/otp1">
|
||||
<a
|
||||
className="text-primary"
|
||||
>
|
||||
Resend
|
||||
</a>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Otp1;
|
||||
@@ -0,0 +1,104 @@
|
||||
import Link from "next/link";
|
||||
function Otp2() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
<div
|
||||
className="alert alert-success fade show d-flex justify-content-between"
|
||||
role="alert"
|
||||
>
|
||||
<span>
|
||||
Please enter verification token from your
|
||||
device
|
||||
</span>
|
||||
<span className="c-pointer" data-dismiss="alert">
|
||||
<i className="ri-close-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">
|
||||
2-Step Verification
|
||||
</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<p className="text-center mb-3">
|
||||
Enter the verification code generated by
|
||||
your phone ending in +xxx xxxxxxxx60.
|
||||
</p>
|
||||
<form className="row g-3">
|
||||
<div className="col-12">
|
||||
<div className="input-group">
|
||||
<div className="input-group-prepend">
|
||||
<span className="input-group-text">
|
||||
<i className="ri-smartphone-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="verification code"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="text-center">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-check form-switch">
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input"
|
||||
id="exampleCheck1"
|
||||
/>
|
||||
<label
|
||||
className="form-check-label"
|
||||
for="exampleCheck1"
|
||||
>
|
||||
<small>
|
||||
Don't ask me for the
|
||||
code again for 30 days
|
||||
when I use this
|
||||
computer.
|
||||
</small>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div className="new-account mt-3">
|
||||
<p>
|
||||
Don't get code?
|
||||
<Link href="/otp-1">
|
||||
<a
|
||||
className="text-primary"
|
||||
>
|
||||
Resend
|
||||
</a>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Otp2;
|
||||
@@ -0,0 +1,188 @@
|
||||
import Link from "next/link";
|
||||
import Layout from "../components/layout/Layout";
|
||||
function Profile() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Profile"
|
||||
pageTitle="Profile"
|
||||
pageTitleSub={"Welcome Intez Profile page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Profile"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card welcome-profile">
|
||||
<div className="card-body">
|
||||
<div className="d-flex align-items-center">
|
||||
<img src="./images/profile/pic.jpg" alt="" />
|
||||
<div className="ms-2">
|
||||
<h4 className="mb-0">Welcome, Jannatul Maowa!</h4>
|
||||
<p>
|
||||
Looks like you are not verified yet. Verify
|
||||
yourself.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span className="verified">
|
||||
<i className="ri-check-line"></i>
|
||||
</span>
|
||||
Verify account
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span className="not-verified">
|
||||
<i className="ri-shield-check-line"></i>
|
||||
</span>
|
||||
Two-factor authentication (2FA)
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div class="card">
|
||||
<div className="card-body">
|
||||
<h4>Billing Information</h4>
|
||||
<div className="d-md-flex">
|
||||
<div class="billing-section">
|
||||
<p>Bill <h5 className="d-inline"> #12344</h5></p>
|
||||
<p>Date:<h5 className="d-inline"> August 1, 2023</h5></p>
|
||||
<p>Amount:<h5 className="d-inline"> $72.50</h5></p>
|
||||
<p className="pb-0">Due Date:<h5 className="d-inline"> September 30, 2023</h5></p>
|
||||
</div>
|
||||
<div class="billing-section ms-md-5">
|
||||
<p>Amount Due:<h5 className="d-inline"> $75.00</h5></p>
|
||||
<p>Paperless Billing:<h5 className="d-inline"> Enabled</h5></p>
|
||||
<p >Billing Frequency:<h5 className="d-inline"> Monthly</h5></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 d-none">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Download App</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="app-link">
|
||||
<h5>Get Verified On Our Mobile App</h5>
|
||||
<p>
|
||||
Verifying your identity on our mobile
|
||||
app more secure, faster, and reliable.
|
||||
</p>
|
||||
<a href="#" className="btn btn-primary">
|
||||
<img
|
||||
src="./images/android.svg"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<br />
|
||||
<div className="mt-3"></div>
|
||||
<a href="#" className="btn btn-primary">
|
||||
<img src="./images/apple.svg" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-8 col-xl-6 d-none">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">VERIFY & UPGRADE </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<h5>
|
||||
Account Status :
|
||||
<span className="text-warning">
|
||||
Pending <i className="icofont-warning"></i>
|
||||
</span>
|
||||
</h5>
|
||||
<p>
|
||||
Your account is unverified. Get verified to
|
||||
enable funding, trading, and withdrawal.
|
||||
</p>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Get Verified
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="col-xxl-4 col-xl-6 d-none">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Earn 30% Commission </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<p>
|
||||
Refer your friends and earn 30% of their
|
||||
trading fees.
|
||||
</p>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Referral Program
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header flex-row">
|
||||
<h4 className="card-title">Information </h4>
|
||||
<Link href="/settings-profile">
|
||||
<a className="btn btn-primary">Edit</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form className="row">
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>USER ID</span>
|
||||
<h4>818778</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>EMAIL ADDRESS</span>
|
||||
<h4>email@example.com</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>COUNTRY OF RESIDENCE</span>
|
||||
<h4>India</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>JOINED SINCE</span>
|
||||
<h4>20/10/2020</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>TYPE</span>
|
||||
<h4>Personal</h4>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Profile;
|
||||
@@ -0,0 +1,63 @@
|
||||
import Link from "next/link";
|
||||
function Reset() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-4 col-md-5">
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">Reset Password</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<form
|
||||
className="row g-3"
|
||||
>
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Email
|
||||
</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="***********"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-center mt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="new-account mt-3">
|
||||
<p>
|
||||
Don't get code?
|
||||
<Link href="/otp-1">
|
||||
<a
|
||||
className="text-primary"
|
||||
>
|
||||
Resend
|
||||
</a>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Reset;
|
||||
@@ -0,0 +1,431 @@
|
||||
import React from "react";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import Button from "react-bootstrap/Button";
|
||||
import Modal from "react-bootstrap/Modal";
|
||||
import { useState } from "react";
|
||||
import { Form } from "reactstrap";
|
||||
function services() {
|
||||
const [show, setShow] = useState(false);
|
||||
|
||||
const handleClose = () => setShow(false);
|
||||
const handleShow = () => setShow(true);
|
||||
return (
|
||||
<Layout
|
||||
headTitle="Services"
|
||||
pageTitle="Services"
|
||||
pageTitleSub={"Welcome User"}
|
||||
pageclassName={"Services"}
|
||||
parent={"Home"}
|
||||
child={"Services"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xl-3 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-primary">
|
||||
<span>
|
||||
<i className="ri-file-copy-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>483</h3>
|
||||
<p>Total Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-success">
|
||||
<span>
|
||||
<i className="ri-file-list-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>273</h3>
|
||||
<p>Completed Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-warning">
|
||||
<span>
|
||||
<i className="ri-file-paper-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>121</h3>
|
||||
<p>Pending Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-sm-6 mb-3">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-danger">
|
||||
<span>
|
||||
<i className="ri-file-paper-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>89</h3>
|
||||
<p>Canceled Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 d-block d-md-none bg-white mt-1">
|
||||
|
||||
<div className="d-flex align-items-center justify-content-between py-2 bg-white">
|
||||
<div> <p className="fw-bold text-dark mb-0">Service Request</p></div>
|
||||
<div> <button className="btn-sm btn-primary" onClick={handleShow}>+</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 d-block d-md-none bg-white p-3 mb-2 mt-1">
|
||||
|
||||
<div className="d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<span>ABCD4556464QWE</span>
|
||||
</div>
|
||||
<div>
|
||||
<span className="badge px-3 py-2 bg-success"> Completed</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex align-items-center justify-content-between py-2">
|
||||
<div>
|
||||
<span>Water Leakage</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>DT:23/5/23</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
<div className="col-sm-12 d-block d-md-none bg-white p-3">
|
||||
<div className="d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<span>ABCD4556464QWE</span>
|
||||
</div>
|
||||
<div>
|
||||
<span className="badge px-3 py-2 bg-warning"> Pending</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex align-items-center justify-content-between py-2">
|
||||
<div>
|
||||
<span>Water Leakage</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>DT:25/5/23</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
<div className="col-xl-12 d-none d-md-block">
|
||||
<div className="card">
|
||||
<div className="card-header flex-row">
|
||||
<h4 className="card-title">Services Request</h4>
|
||||
<Button
|
||||
variant="primary"
|
||||
onClick={handleShow}
|
||||
size="sm"
|
||||
className="p-1"
|
||||
>
|
||||
+ New Request
|
||||
</Button>
|
||||
</div>
|
||||
<Modal show={show} onHide={handleClose}>
|
||||
<Modal.Header closeButton>
|
||||
<Modal.Title>New Service Request</Modal.Title>
|
||||
</Modal.Header>
|
||||
<Modal.Body>
|
||||
<form className="row g-3 needs-validation" novalidate>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom01" className="form-label">
|
||||
Full Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom01"
|
||||
value="Mathew"
|
||||
required
|
||||
/>
|
||||
<div className="valid-feedback">Looks good!</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom01" className="form-label">
|
||||
Mobile
|
||||
</label>
|
||||
<input
|
||||
type="tel"
|
||||
className="form-control"
|
||||
id="validationCustom02"
|
||||
value="123456"
|
||||
required
|
||||
/>
|
||||
<div className="valid-feedback">Looks good!</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom04" className="form-label">
|
||||
Service
|
||||
</label>
|
||||
<select
|
||||
className="form-select"
|
||||
id="validationCustom04"
|
||||
required
|
||||
>
|
||||
<option>New Water Connection</option>
|
||||
<option>Water Leakage</option>
|
||||
<option>Water Shortage</option>
|
||||
</select>
|
||||
<div className="invalid-feedback">
|
||||
Please select a valid state.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom03" className="form-label">
|
||||
Building NO / Street
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom03"
|
||||
value="5/35-1 ,River Rd, Fort Kochi"
|
||||
required
|
||||
/>
|
||||
<div className="invalid-feedback">
|
||||
Please provide Building no / Street.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom03" className="form-label">
|
||||
City
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom03"
|
||||
value="Kochi"
|
||||
required
|
||||
/>
|
||||
<div className="invalid-feedback">
|
||||
Please provide a valid city.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom05" className="form-label">
|
||||
Zip
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom05"
|
||||
value="682001"
|
||||
required
|
||||
/>
|
||||
<div className="invalid-feedback">
|
||||
Please provide a valid zip.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="mb-3">
|
||||
<label for="formFileSm" className="form-label">Documents</label>
|
||||
<a type="file" className="border p-2 mx-2 text-dark text-uppercase"> Upload</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="invalidCheck"
|
||||
required
|
||||
/>
|
||||
<label className="form-check-label" for="invalidCheck">
|
||||
Agree to terms and conditions
|
||||
</label>
|
||||
<div className="invalid-feedback">
|
||||
You must agree before submitting.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</Modal.Body>
|
||||
<Modal.Footer>
|
||||
<Button variant="primary" onClick={handleClose}>
|
||||
Submit Request
|
||||
</Button>
|
||||
</Modal.Footer>
|
||||
</Modal>
|
||||
<div className="card-body">
|
||||
<div className="invoice-table">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Application No</th>
|
||||
<th>Service</th>
|
||||
<th>Name</th>
|
||||
<th>Documents</th>
|
||||
<th>Mobile</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABCD4556464QWE</td>
|
||||
<td>New Water Connection</td>
|
||||
<td>Jhon</td>
|
||||
<td>File_090-1</td>
|
||||
<td>5678909876</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
{" "}
|
||||
Completed
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABMK846493CFE</td>
|
||||
<td>New Sewerage Connection</td>
|
||||
<td>Jhon</td>
|
||||
<td>File_08982_-1</td>
|
||||
<td>5678907865</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger ">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABGU745632CFE</td>
|
||||
<td>Water Leak</td>
|
||||
<td>Rajesh</td>
|
||||
<td>File_08_88-1</td>
|
||||
<td>5678903491</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Completed
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABJK879125HNE</td>
|
||||
<td>Water Shortage</td>
|
||||
<td>Karan</td>
|
||||
<td>File_070-1</td>
|
||||
<td>5678905672</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning ">
|
||||
Pending
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABTY876545JIE</td>
|
||||
<td>New Water Connection</td>
|
||||
<td>Rathod</td>
|
||||
<td></td>
|
||||
<td>5678901232</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Completed
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABQW345678RTE</td>
|
||||
<td>New Sewerage Connection</td>
|
||||
<td>Smith</td>
|
||||
<td></td>
|
||||
<td>5678903456</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning ">
|
||||
Pending
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
export default services;
|
||||
@@ -0,0 +1,409 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
|
||||
function SettingsActivity() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Activity"
|
||||
pageTitle="Activity"
|
||||
pageTitleSub={"Welcome Intez Activity page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Activity"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Third-Party Applications </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-warning text-white">
|
||||
<i className="ri-question-answer-line"></i>
|
||||
</span>
|
||||
<div>
|
||||
<h5 className="mb-0">You haven't authorized any applications yet.
|
||||
</h5>
|
||||
<p>After connecting an application with your account, you can
|
||||
manage or revoke its access here.</p>
|
||||
<a className="btn btn-primary">Authorize now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Web Sessions</h4>
|
||||
|
||||
<small>These sessions are currently signed in to your account. Sign out
|
||||
all other sessions</small>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive table-icon">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Signed In</th>
|
||||
<th>Browser</th>
|
||||
<th>IP Address</th>
|
||||
<th>Near</th>
|
||||
<th>Current</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td>250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td>250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td>250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Confirmed Devices</h4>
|
||||
|
||||
<small>These devices are currently allowed to access your account.
|
||||
Remove all other devices</small>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Confirmed</th>
|
||||
<th>Browser</th>
|
||||
<th>IP Address</th>
|
||||
<th>Near</th>
|
||||
<th>Current</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td> 250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8 days ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td> 250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
|
||||
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15 days ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td> 250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
|
||||
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Account Activity</h4>
|
||||
|
||||
<small>Recent activity on your account.</small>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Action</th>
|
||||
<th>Source</th>
|
||||
<th>IP Address</th>
|
||||
<th>Location</th>
|
||||
<th>When</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">about 1 hour ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">about 2 hours
|
||||
ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>second factor failure</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">about 2 hours
|
||||
ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>device confirmation completed</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">1 day ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">1 day ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">1 day ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>device confirmation completed</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>23.106.249.39</td>
|
||||
<td>Singapore</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>phone verified</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>phone added</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="card transparent">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Close Account</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<p>Withdraw funds and close your Xtrader account - <span className="text-danger">this
|
||||
cannot be undone</span></p>
|
||||
<a href="#" className="btn btn-danger">Close Account</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsActivity;
|
||||
@@ -0,0 +1,121 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import CreateApi from './../components/form/CreateApi';
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsApi() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="API"
|
||||
pageTitle="API"
|
||||
pageTitleSub={"Welcome Intez API page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"API"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Create API Key</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<CreateApi/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Your API Keys</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive api-table">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Key</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox" checked={true}/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsApi;
|
||||
@@ -0,0 +1,33 @@
|
||||
import Preferences from "../components/form/Preferences";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsPreferences() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Application"
|
||||
pageTitle="Application"
|
||||
pageTitleSub={"Welcome Intez Settings Application page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Application"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Preperences</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<Preferences/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsPreferences;
|
||||
@@ -0,0 +1,69 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsPayment() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Payment Method"
|
||||
pageTitle="Payment Method"
|
||||
pageTitleSub={"Welcome Intez Settings Payment Method page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Payment Method"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Add a payment method </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-bank-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<h5 className="mb-0">Bank of America</h5>
|
||||
<small>Bank **************5421</small>
|
||||
<br />
|
||||
<span className="text-success">Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-outline-primary">Manage</button>
|
||||
</div>
|
||||
<hr className="dropdown-divider my-4" />
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-mastercard-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<h5 className="mb-0">Master Card</h5>
|
||||
<small>Credit Card *********5478</small>
|
||||
<br />
|
||||
<span className="text-success">Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-outline-primary">Manage</button>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 text-center">
|
||||
<button type="button" className="btn btn-primary m-2" data-toggle="modal"
|
||||
data-target="#addBank">Add New Bank</button>
|
||||
<button type="button" className="btn btn-success m-2" data-toggle="modal"
|
||||
data-target="#addCard">Add New Card</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsPayment;
|
||||
@@ -0,0 +1,55 @@
|
||||
import UpdateInfo from "../components/form/UpdateInfo";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import PersonalInfo from "./../components/form/PersonalInfo";
|
||||
import UpdateAvatar from "./../components/form/UpdateAvatar";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
|
||||
function SettingsProfile() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Profile"
|
||||
pageTitle="Profile"
|
||||
pageTitleSub={"Welcome Intez Settings Profile page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Profile"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">User Profile</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<UpdateAvatar />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Update Profile</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<UpdateInfo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Personal Information</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<PersonalInfo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsProfile;
|
||||
@@ -0,0 +1,97 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsSecurity() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Security"
|
||||
pageTitle="Security"
|
||||
pageTitleSub={"Welcome Intez Settings Security page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Security"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">2-step verification </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="verify-content ">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-smartphone-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0"><strong>+xxx xxxxxxxx60</strong></p>
|
||||
<small>Keep your primary phone number up-to-date</small>
|
||||
<br />
|
||||
<span className="text-success">Required</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary">Manage</button>
|
||||
</div>
|
||||
<hr className="dropdown-divider my-4" />
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white"><i className="ri-mail-line"></i></span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0"><strong>hello@example.com</strong></p>
|
||||
<small>Keep your primary email up-to-date</small>
|
||||
<br />
|
||||
<span className="text-success">Required</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary">Manage</button>
|
||||
</div>
|
||||
<hr className="dropdown-divider my-4" />
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white"><i className="ri-key-line"></i></span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0"><strong>*************</strong></p>
|
||||
<small>You can change your password</small>
|
||||
<br />
|
||||
<span className="text-success">Required</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary">Manage</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Identity verification </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-lock-password-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0">xxx xxxxx xxx40</p>
|
||||
<small>Social Security Number</small>
|
||||
<br />
|
||||
<span className="text-success">Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary" data-toggle="modal"
|
||||
data-target="#idCardModal">Manage</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsSecurity;
|
||||
@@ -0,0 +1,55 @@
|
||||
import Link from "next/link";
|
||||
import SigninForm from "../components/form/SigninForm";
|
||||
import { COMPANY_NAME } from "../helpers/helpers";
|
||||
import Layoutform from "../components/form/authselection/layoutform";
|
||||
|
||||
function Signin() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding auth-bg">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
|
||||
<div className="mini-logo d-flex justify-content-center align-items-center flex-column text-center my-4">
|
||||
<Link href="/">
|
||||
<div className="logocontainer">
|
||||
<img src="./images/kerala/keralawater.png" alt={COMPANY_NAME} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* <h4 className="card-title mt-5 w-100 d-flex justify-content-center align-items-center gap-2">
|
||||
<div> Sign in as</div>
|
||||
<div>
|
||||
<select className="form-control">
|
||||
<option>Consumer</option>
|
||||
<option>Employee</option>
|
||||
|
||||
<option>Plumber</option>
|
||||
</select>
|
||||
</div>
|
||||
</h4> */}
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
|
||||
|
||||
<SigninForm />
|
||||
<p className="mt-3 mb-0">
|
||||
Don't have an account?
|
||||
<Link href="/signup">
|
||||
<a className="text-primary">Sign up</a>
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Signin;
|
||||
@@ -0,0 +1,54 @@
|
||||
import Link from "next/link";
|
||||
import SignupForm from "./../components/form/SignupForm";
|
||||
import { COMPANY_NAME } from "../helpers/helpers";
|
||||
|
||||
function Signin() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding auth-bg">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
|
||||
<div className="mini-logo d-flex justify-content-center align-items-center flex-column text-center my-4">
|
||||
<Link href="/">
|
||||
<div className="logocontainer">
|
||||
<img src="./images/kerala/keralawater.png" alt={COMPANY_NAME} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* <h4 className="card-title mt-5 w-100 d-flex justify-content-center align-items-center gap-2">
|
||||
<div> Sign in as</div>
|
||||
<div>
|
||||
<select className="form-control">
|
||||
<option>Consumer</option>
|
||||
<option>Employee</option>
|
||||
|
||||
<option>Plumber</option>
|
||||
</select>
|
||||
</div>
|
||||
</h4> */}
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
|
||||
|
||||
<SignupForm/>
|
||||
<p className="mt-3 mb-0">
|
||||
Don't have an account?
|
||||
<Link href="/signup">
|
||||
<a className="text-primary">Sign up</a>
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Signin;
|
||||
@@ -0,0 +1,21 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
|
||||
function Test() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Profile"
|
||||
pageTitle="Profile"
|
||||
pageTitleSub={"Welcome Intez Settings Profile page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Profile"}
|
||||
>
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Test;
|
||||
@@ -0,0 +1,51 @@
|
||||
import Link from "next/link";
|
||||
|
||||
function Test() {
|
||||
return (
|
||||
<>
|
||||
<div className="verification section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
<div className="mini-logo text-center my-4">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">
|
||||
Verify your Email
|
||||
</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<form className="identity-upload">
|
||||
<div className="identity-content">
|
||||
<span className="icon">
|
||||
<i className="ri-mail-check-line"></i>
|
||||
</span>
|
||||
<p>
|
||||
We sent verification email to
|
||||
<strong className="text-dark">
|
||||
example@email.com
|
||||
</strong>
|
||||
. Click the link inside to get
|
||||
started!
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div className="card-footer text-center">
|
||||
<Link href="/signup">
|
||||
<a>Email didn't arrive?</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Test;
|
||||
@@ -0,0 +1,258 @@
|
||||
import React from 'react'
|
||||
import Layout from '../components/layout/Layout'
|
||||
|
||||
function water() {
|
||||
return (
|
||||
<Layout headTitle="Dashboard" pageTitle="Water" pageTitleSub={""} pageClass={"dashboard"} parent={"Home"} child={"Water"}>
|
||||
<div className="row">
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Create Connection</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form className="invoice-form">
|
||||
<form>
|
||||
<div className="row justify-content-between">
|
||||
<div className="col-xl-6">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Name</label>
|
||||
<input type="email" className="form-control" placeholder="Jonaed Bogdadi"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Email</label>
|
||||
<input type="email" className="form-control"
|
||||
placeholder="Jonaed@bogdad.com "/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Location</label>
|
||||
<input type="text" className="form-control"
|
||||
placeholder="Location"/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Phone</label>
|
||||
<input type="number" className="form-control" placeholder="+91 9876543218"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Pincode</label>
|
||||
<input type="text" className="form-control" placeholder="987654"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Address</label>
|
||||
<input type="text" className="form-control"
|
||||
placeholder="Address"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='d-none'>
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<label className="form-label">Items</label>
|
||||
<input type="email" className="form-control" placeholder="Wireframe" />
|
||||
</div>
|
||||
<div className=" mb-3 col-xl-3">
|
||||
<label className="form-label">Quantity</label>
|
||||
<input type="email" className="form-control" placeholder="360"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<label className="form-label">Price</label>
|
||||
<input type="email" className="form-control" placeholder="82"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<input type="email" className="form-control" placeholder="High-Fidelity"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-3">
|
||||
<input type="email" className="form-control" placeholder="220"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<input type="email" className="form-control" placeholder="67"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="add-reset d-flex justify-content-between">
|
||||
<button className="btn btn-outline-primary"><span><i
|
||||
className="bi bi-plus"></i></span>Reset</button>
|
||||
<button className="btn btn-primary"><span><i className="bi bi-plus"></i></span>Add
|
||||
Item</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
<div className="text-end">
|
||||
<a href="#" className="btn btn-primary">Save</a>
|
||||
{/* <a href="#" className="btn btn-outline-primary">Send</a> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className='pb-2 card'>
|
||||
<div className="payments-content">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input className="form-check-input" type="checkbox" value="" id="flexCheckDefault"/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Application No</th>
|
||||
<th>File No</th>
|
||||
<th>Name</th>
|
||||
<th>Mobile</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABCD4556464QWE</td>
|
||||
<td>File_2023_01</td>
|
||||
<td>Jhon</td>
|
||||
<td>5678909876</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success"> Paid</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABMK846493CFE</td>
|
||||
<td>File_2023_02</td>
|
||||
<td>Jhon</td>
|
||||
<td>5678907865</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABGU745632CFE</td>
|
||||
<td>File_2023_03</td>
|
||||
<td>Rajesh</td>
|
||||
<td>5678903491</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABJK879125HNE</td>
|
||||
<td>File_2023_04</td>
|
||||
<td>Karan</td>
|
||||
<td>5678905672</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning">
|
||||
Due
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABTY876545JIE</td>
|
||||
<td>File_2023_05</td>
|
||||
<td>Rathod</td>
|
||||
<td>5678901232</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABQW345678RTE</td>
|
||||
<td>File_2023_06</td>
|
||||
<td>Smith</td>
|
||||
<td>5678903456</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning">
|
||||
Due
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export default water
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren