1380 lines
53 KiB
PHP
1380 lines
53 KiB
PHP
<?php
|
|
include "../functions.php";
|
|
|
|
$_SESSION["url"] = $_SERVER['REQUEST_URI'];
|
|
if ($_SESSION["userId"] <> "") {
|
|
$_SESSION["isLoggedIn"] = true;
|
|
//$customer_data = getCustomerbyLoginId($_SESSION["userId"]);
|
|
} else {
|
|
$_SESSION["isLoggedIn"] = false;
|
|
header("location: login.php");
|
|
exit();
|
|
}
|
|
if($_SESSION["user_type"]!="admin"){
|
|
header("location: login.php?alert=Only admins allowed here!");
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Ekka - Admin Dashboard HTML Template.">
|
|
|
|
<title>Ekka - Admin Dashboard HTML Template.</title>
|
|
|
|
<!-- GOOGLE FONTS -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
|
|
|
<link href="https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css" rel="stylesheet" />
|
|
|
|
<!-- PLUGINS CSS STYLE -->
|
|
<link href="assets/plugins/simplebar/simplebar.css" rel="stylesheet" />
|
|
|
|
<!-- Ekka CSS -->
|
|
<link id="ekka-css" rel="stylesheet" href="assets/css/ekka.css" />
|
|
|
|
<!-- FAVICON -->
|
|
<link href="assets/img/favicon.png" rel="shortcut icon" />
|
|
</head>
|
|
|
|
<body class="ec-header-fixed ec-sidebar-fixed ec-sidebar-dark ec-header-light" id="body">
|
|
|
|
<!-- WRAPPER -->
|
|
<div class="wrapper">
|
|
|
|
<!-- LEFT MAIN SIDEBAR -->
|
|
<?php include 'left-main-sidebar.php' ?>
|
|
|
|
<!-- PAGE WRAPPER -->
|
|
<div class="ec-page-wrapper">
|
|
|
|
<!-- Header -->
|
|
<header class="ec-main-header" id="header">
|
|
<nav class="navbar navbar-static-top navbar-expand-lg">
|
|
<!-- Sidebar toggle button -->
|
|
<button id="sidebar-toggler" class="sidebar-toggle"></button>
|
|
<!-- search form -->
|
|
<div class="search-form d-lg-inline-block">
|
|
<div class="input-group">
|
|
<input type="text" name="query" id="search-input" class="form-control" placeholder="search.." autofocus autocomplete="off" />
|
|
<button type="button" name="search" id="search-btn" class="btn btn-flat">
|
|
<i class="mdi mdi-magnify"></i>
|
|
</button>
|
|
</div>
|
|
<div id="search-results-container">
|
|
<ul id="search-results"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- navbar right -->
|
|
<div class="navbar-right">
|
|
<ul class="nav navbar-nav">
|
|
<!-- User Account -->
|
|
<li class="dropdown user-menu">
|
|
<button class="dropdown-toggle nav-link ec-drop" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<img src="assets/img/user/user.png" class="user-image" alt="User Image" />
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-right ec-dropdown-menu">
|
|
<!-- User image -->
|
|
<li class="dropdown-header">
|
|
<img src="assets/img/user/user.png" class="img-circle" alt="User Image" />
|
|
<div class="d-inline-block">
|
|
John Deo <small class="pt-1">john.example@gmail.com</small>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="user-profile.html">
|
|
<i class="mdi mdi-account"></i> My Profile
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="mdi mdi-email"></i> Message
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"> <i class="mdi mdi-diamond-stone"></i> Projects </a>
|
|
</li>
|
|
<li class="right-sidebar-in">
|
|
<a href="javascript:0"> <i class="mdi mdi-settings-outline"></i> Setting </a>
|
|
</li>
|
|
<li class="dropdown-footer">
|
|
<a href="index.php"> <i class="mdi mdi-logout"></i> Log Out </a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown notifications-menu custom-dropdown">
|
|
<button class="dropdown-toggle notify-toggler custom-dropdown-toggler">
|
|
<i class="mdi mdi-bell-outline"></i>
|
|
</button>
|
|
|
|
<div class="card card-default dropdown-notify dropdown-menu-right mb-0">
|
|
<div class="card-header card-header-border-bottom px-3">
|
|
<h2>Notifications</h2>
|
|
</div>
|
|
|
|
<div class="card-body px-0 py-0">
|
|
<ul class="nav nav-tabs nav-style-border p-0 justify-content-between" id="myTab" role="tablist">
|
|
<li class="nav-item mx-3 my-0 py-0">
|
|
<a href="#" class="nav-link active pb-3" id="home2-tab" data-bs-toggle="tab" data-bs-target="#home2" role="tab" aria-controls="home2" aria-selected="true">All (10)</a>
|
|
</li>
|
|
|
|
<li class="nav-item mx-3 my-0 py-0">
|
|
<a href="#" class="nav-link pb-3" id="profile2-tab" data-bs-toggle="tab" data-bs-target="#profile2" role="tab" aria-controls="profile2" aria-selected="false">Msgs (5)</a>
|
|
</li>
|
|
|
|
<li class="nav-item mx-3 my-0 py-0">
|
|
<a href="#" class="nav-link pb-3" id="contact2-tab" data-bs-toggle="tab" data-bs-target="#contact2" role="tab" aria-controls="contact2" aria-selected="false">Others (5)</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content" id="myTabContent3">
|
|
<div class="tab-pane fade show active" id="home2" role="tabpanel">
|
|
<ul class="list-unstyled" data-simplebar style="height: 360px">
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
|
|
<span class="status away"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Nitin</h4>
|
|
<p class="last-msg">Lorem ipsum dolor sit, amet
|
|
consectetur adipisicing elit. Nam itaque
|
|
doloremque odio, eligendi delectus vitae.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 30 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification media-active">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
|
|
<span class="status active"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Lovina</h4>
|
|
<p class="last-msg">Donec mattis augue a nisl
|
|
consequat, nec imperdiet ex rutrum. Fusce et
|
|
vehicula enim. Sed in enim eu odio vehic.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-white">
|
|
<i class="mdi mdi-clock-outline"></i> Just
|
|
now...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
|
|
<span class="status away"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Crinali</h4>
|
|
<p class="last-msg">Lorem ipsum dolor sit, amet
|
|
consectetur adipisicing elit. Nam itaque
|
|
doloremque odio, eligendi delectus vitae.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification event-active">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-info text-white">
|
|
<i class="mdi mdi-calendar-check font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Upcomming event added</h4>
|
|
<p class="last-msg font-size-14">03/Jan/2020 (1pm -
|
|
2pm)</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 10 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-warning text-white">
|
|
<i class="mdi mdi-chart-areaspline font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Yearly Sales report</h4>
|
|
<p class="last-msg font-size-14">Lorem ipsum dolor
|
|
sit, amet consectetur adipisicing elit. Nam
|
|
itaque doloremque odio, eligendi delectus vitae.
|
|
</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-primary text-white">
|
|
<i class="mdi mdi-account-multiple-check font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">New request</h4>
|
|
<p class="last-msg font-size-14">Add Dany Jones as
|
|
your contact consequat nec imperdiet ex rutrum.
|
|
Fusce et vehicula enim. Sed in enim.</p>
|
|
|
|
<span class="my-1 btn btn-sm btn-success">Accept</span>
|
|
<span class="my-1 btn btn-sm btn-secondary">Delete</span>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary d-block">
|
|
<i class="mdi mdi-clock-outline"></i> 5 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-danger text-white">
|
|
<i class="mdi mdi-server-network-off font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Server overloaded</h4>
|
|
<p class="last-msg font-size-14">Donec mattis augue
|
|
a nisl consequat, nec imperdiet ex rutrum. Fusce
|
|
et vehicula enim. Sed in enim eu odio vehic.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 30 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-purple text-white">
|
|
<i class="mdi mdi-playlist-check font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Task complete</h4>
|
|
<p class="last-msg font-size-14">Nam ut nisi erat.
|
|
Ut quis tortor varius, hendrerit arcu quis,
|
|
congue nisl. In scelerisque, sem ut ve.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 2 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="profile2" role="tabpanel">
|
|
<ul class="list-unstyled" data-simplebar style="height: 360px">
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u6.jpg" alt="Image">
|
|
<span class="status away"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Hardiko</h4>
|
|
<p class="last-msg">Donec mattis augue a nisl
|
|
consequat, nec imperdiet ex rutrum. Fusce et
|
|
vehicula enim. Sed in enim eu odio vehic.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u7.jpg" alt="Image">
|
|
<span class="status away"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Browin</h4>
|
|
<p class="last-msg">Nam ut nisi erat. Ut quis tortor
|
|
varius, hendrerit arcu quis, congue nisl. In
|
|
scelerisque, sem ut ve.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification media-active">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u1.jpg" alt="Image">
|
|
<span class="status active"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">jenelia</h4>
|
|
<p class="last-msg">Donec mattis augue a nisl
|
|
consequat, nec imperdiet ex rutrum. Fusce et
|
|
vehicula enim. Sed in enim eu odio vehic.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-white">
|
|
<i class="mdi mdi-clock-outline"></i> Just
|
|
now...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u2.jpg" alt="Image">
|
|
<span class="status away"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Bhavlio</h4>
|
|
<p class="last-msg">Lorem ipsum dolor sit, amet
|
|
consectetur adipisicing elit. Nam itaque
|
|
doloremque odio, eligendi delectus vitae.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
<div class="position-relative mr-3">
|
|
<img class="rounded-circle" src="assets/img/user/u5.jpg" alt="Image">
|
|
<span class="status away"></span>
|
|
</div>
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Browini</h4>
|
|
<p class="last-msg">Lorem ipsum dolor sit, amet
|
|
consectetur adipisicing elit. Nam itaque
|
|
doloremque odio, eligendi delectus vitae.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="contact2" role="tabpanel">
|
|
<ul class="list-unstyled" data-simplebar style="height: 360px">
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification event-active">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-info text-white">
|
|
<i class="mdi mdi-calendar-check font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Upcomming event added</h4>
|
|
<p class="last-msg font-size-14">03/Jan/2020 (1pm -
|
|
2pm)</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 10 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-warning text-white">
|
|
<i class="mdi mdi-chart-areaspline font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">New Sales report</h4>
|
|
<p class="last-msg font-size-14">Lorem ipsum dolor
|
|
sit, amet consectetur adipisicing elit. Nam
|
|
itaque doloremque odio, eligendi delectus vitae.
|
|
</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 1 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-primary text-white">
|
|
<i class="mdi mdi-account-multiple-check font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">New Request</h4>
|
|
<p class="last-msg font-size-14">Add Dany Jones as
|
|
your contact consequat nec imperdiet ex rutrum.
|
|
Fusce et vehicula enim. Sed in enim.</p>
|
|
|
|
<span class="my-1 btn btn-sm btn-success">Accept</span>
|
|
<span class="my-1 btn btn-sm btn-secondary">Delete</span>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary d-block">
|
|
<i class="mdi mdi-clock-outline"></i> 5 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-danger text-white">
|
|
<i class="mdi mdi-server-network-off font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">Server overloaded</h4>
|
|
<p class="last-msg font-size-14">Donec mattis augue
|
|
a nisl consequat, nec imperdiet ex rutrum. Fusce
|
|
et vehicula enim. Sed in enim eu odio vehic.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 30 min
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="javscript:void(0)" class="media media-message media-notification">
|
|
|
|
<div class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-purple text-white">
|
|
<i class="mdi mdi-playlist-check font-size-20"></i>
|
|
</div>
|
|
|
|
<div class="media-body d-flex justify-content-between">
|
|
<div class="message-contents">
|
|
<h4 class="title">New Task complete</h4>
|
|
<p class="last-msg font-size-14">Nam ut nisi erat.
|
|
Ut quis tortor varius, hendrerit arcu quis,
|
|
congue nisl. In scelerisque, sem ut ve.</p>
|
|
|
|
<span class="font-size-12 font-weight-medium text-secondary">
|
|
<i class="mdi mdi-clock-outline"></i> 2 hrs
|
|
ago...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right d-none">
|
|
<li class="dropdown-header">You have 5 notifications</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="mdi mdi-account-plus"></i> New user registered
|
|
<span class=" font-size-12 d-inline-block float-right"><i class="mdi mdi-clock-outline"></i> 10 AM</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="mdi mdi-account-remove"></i> User deleted
|
|
<span class=" font-size-12 d-inline-block float-right"><i class="mdi mdi-clock-outline"></i> 07 AM</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="mdi mdi-chart-areaspline"></i> Sales report is ready
|
|
<span class=" font-size-12 d-inline-block float-right"><i class="mdi mdi-clock-outline"></i> 12 PM</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="mdi mdi-account-supervisor"></i> New client
|
|
<span class=" font-size-12 d-inline-block float-right"><i class="mdi mdi-clock-outline"></i> 10 AM</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="mdi mdi-server-network-off"></i> Server overloaded
|
|
<span class=" font-size-12 d-inline-block float-right"><i class="mdi mdi-clock-outline"></i> 05 AM</span>
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-footer">
|
|
<a class="text-center" href="#"> View All </a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="right-sidebar-in right-sidebar-2-menu">
|
|
<i class="mdi mdi-settings-outline mdi-spin"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- CONTENT WRAPPER -->
|
|
<div class="ec-content-wrapper ec-vendor-wrapper">
|
|
<div class="content">
|
|
<div class="breadcrumb-wrapper d-flex align-items-center justify-content-between">
|
|
<div>
|
|
<h1>Vendor Card</h1>
|
|
<p class="breadcrumbs"><span><a href="index.php">Home</a></span><span><i class="mdi mdi-chevron-right"></i></span> Vendor</p>
|
|
</div>
|
|
<div>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modal-add-member">Add Vendor
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card card-default p-4 ec-card-space">
|
|
<div class="ec-vendor-card mt-m-24px row">
|
|
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u1.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Emma Smith</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 963-852-7410</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>180</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>1908</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$2691</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u2.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Bobly Smith</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 863-852-7654</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>65</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>548</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$254</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u3.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Robin Hood</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 889-852-7466</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>654</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>548</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$654</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u4.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">devin chingol</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 789-852-7865</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>977</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>987</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$654</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u5.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Nitilo Smith</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 658-852-7410</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>654</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>159</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$951</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u6.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Mehulo Kathia</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 698-852-7410</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>658</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>854</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$634</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u7.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Bridg Stone</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 333-852-7410</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>652</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>125</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$475</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u8.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">pintu Trainee</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 698-866-7410</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>658</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>457</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$874</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u9.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">DL Kapdia</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 332-852-3215</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>180</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>1908</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$2691</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u10.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Manu Semli</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 654-852-7744</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>252</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>542</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$854</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u11.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Niki Smith</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 45+6-852-5522</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>425</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>352</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$421</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-4 col-xxl-3">
|
|
<div class="card card-default mt-24px">
|
|
<a href="javascript:0" data-bs-toggle="modal" data-bs-target="#modal-contact" class="view-detail"><i class="mdi mdi-eye-plus-outline"></i>
|
|
</a>
|
|
<div class="vendor-info card-body text-center p-4">
|
|
<a href="javascript:0" class="text-secondary d-inline-block mb-3">
|
|
<div class="image mb-3">
|
|
<img src="assets/img/vendor/u12.jpg" class="img-fluid rounded-circle" alt="Avatar Image">
|
|
</div>
|
|
|
|
<h5 class="card-title text-dark">Jullie Bronzna</h5>
|
|
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex mb-1">
|
|
<i class="mdi mdi-cellphone-basic mr-1"></i>
|
|
<span>+91 325-852-6543</span>
|
|
</li>
|
|
<li class="d-flex">
|
|
<i class="mdi mdi-email mr-1"></i>
|
|
<span>exmaple@email.com</span>
|
|
</li>
|
|
</ul>
|
|
</a>
|
|
<div class="row justify-content-center ec-vendor-detail">
|
|
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Items</h6>
|
|
<h5>254</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Sell</h6>
|
|
<h5>574</h5>
|
|
</div>
|
|
<div class="col-4">
|
|
<h6 class="text-uppercase">Payout</h6>
|
|
<h5>$325</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Contact Modal -->
|
|
<div class="modal fade" id="modal-contact" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header justify-content-end border-bottom-0">
|
|
<button type="button" class="btn-edit-icon" data-bs-dismiss="modal" aria-label="Close">
|
|
<i class="mdi mdi-pencil"></i>
|
|
</button>
|
|
|
|
<div class="dropdown">
|
|
<button class="btn-dots-icon" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</button>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="button" class="btn-close-icon" data-bs-dismiss="modal" aria-label="Close">
|
|
<i class="mdi mdi-close"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="modal-body pt-0">
|
|
<div class="row no-gutters">
|
|
<div class="col-md-6">
|
|
<div class="profile-content-left px-4">
|
|
<div class="text-center widget-profile px-0 border-0">
|
|
<div class="card-img mx-auto rounded-circle">
|
|
<img src="assets/img/user/u1.jpg" alt="user image">
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<h4 class="py-2 text-dark">John Deo</h4>
|
|
<p>john.example@gmail.com</p>
|
|
<a class="btn btn-primary btn-pill my-3" href="#">Follow</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-between ">
|
|
<div class="text-center pb-4">
|
|
<h6 class="text-dark pb-2">1503</h6>
|
|
<p>Items</p>
|
|
</div>
|
|
|
|
<div class="text-center pb-4">
|
|
<h6 class="text-dark pb-2">2905</h6>
|
|
<p>Sell</p>
|
|
</div>
|
|
|
|
<div class="text-center pb-4">
|
|
<h6 class="text-dark pb-2">1200</h6>
|
|
<p>Payout</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="contact-info px-4">
|
|
<h4 class="text-dark mb-1">Contact Details</h4>
|
|
<p class="text-dark font-weight-medium pt-3 mb-2">Email address</p>
|
|
<p>john.example@gmail.com</p>
|
|
<p class="text-dark font-weight-medium pt-3 mb-2">Phone Number</p>
|
|
<p>+00 1234 5678 91</p>
|
|
<p class="text-dark font-weight-medium pt-3 mb-2">Birthday</p>
|
|
<p>Dec 10, 1991</p>
|
|
<p class="text-dark font-weight-medium pt-3 mb-2">Event</p>
|
|
<p class="mb-2">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add Contact Button -->
|
|
<div class="modal fade" id="modal-add-member" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-sm" role="document" style="max-width: 800px;">
|
|
<div class="modal-content">
|
|
<form action="vendor_card_action.php" method="post">
|
|
<div class="modal-header">
|
|
<h3>Add Vendor</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="ec-vendor-block-img space-bottom-30">
|
|
<!-- <div class="ec-vendor-block-bg cover-upload">
|
|
<div class="thumb-upload">
|
|
<div class="thumb-edit">
|
|
<input type='file' id="thumbUpload01" class="ec-image-upload" accept=".png, .jpg, .jpeg" />
|
|
<label><i class="fi-rr-edit"></i></label>
|
|
</div>
|
|
<div class="thumb-preview ec-preview">
|
|
<div class="image-thumb-preview">
|
|
<img class="image-thumb-preview ec-image-preview v-img" src="/assets/images/banner/7.jpg" alt="edit" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ec-vendor-block-detail">
|
|
<div class="thumb-upload">
|
|
<div class="thumb-edit">
|
|
<input type='file' id="thumbUpload02" class="ec-image-upload" accept=".png, .jpg, .jpeg" />
|
|
<label><i class="fi-rr-edit"></i></label>
|
|
</div>
|
|
<div class="thumb-preview ec-preview">
|
|
<div class="image-thumb-preview">
|
|
<img class="image-thumb-preview ec-image-preview v-img" src="/assets/images/vendor/5.jpg" alt="edit" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="ec-vendor-upload-detail">
|
|
<div class="col-md-12 space-t-15">
|
|
<label class="form-label">Company Name</label>
|
|
<input type="text" class="form-control" name="company">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">First name</label>
|
|
<input type="text" class="form-control" name="firstname">
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Last name</label>
|
|
<input type="text" class="form-control" name="lastname">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 space-t-15">
|
|
<label class="form-label">About</label>
|
|
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="about"></textarea>
|
|
</div>
|
|
<div class="col-md-12 space-t-15">
|
|
<label class="form-label">Address 1</label>
|
|
<input type="text" class="form-control" name="address1">
|
|
</div>
|
|
<div class="col-md-12 space-t-15">
|
|
<label class="form-label">Address 2</label>
|
|
<input type="text" class="form-control" name="address2">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">City</label>
|
|
<input type="text" class="form-control" name="city">
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Province</label>
|
|
<input type="text" class="form-control" name="province">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-5 space-t-15">
|
|
<label class="form-label">Region</label>
|
|
<input type="text" class="form-control" name="region">
|
|
</div>
|
|
<div class="col-md-5 space-t-15">
|
|
<label class="form-label">Country</label>
|
|
<input type="text" class="form-control" name="country">
|
|
</div>
|
|
<div class="col-md-2 space-t-15">
|
|
<label class="form-label">Zip</label>
|
|
<input type="text" class="form-control" name="zip">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Email</label>
|
|
<input type="text" class="form-control" name="email">
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Phone</label>
|
|
<input type="text" class="form-control" name="phone">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-md-6 space-t-15">
|
|
<label class="form-label">SSN OR EIN</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Business Type</label>
|
|
<select name="categories" class="form-select">
|
|
<option value="individual">Individual</option>
|
|
<option value="corporation">Corporation</option>
|
|
<option value="prtnership">Prtnership</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Bank Name</label>
|
|
<select name="categories" class="form-select">
|
|
<option value="bobob">Bank of BOBOB</option>
|
|
<option value="sbisb">Bank of SBISB</option>
|
|
<option value="bnktolyo">Bank of Tokyo</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">Bank Account No</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-6 space-t-15">
|
|
<label class="form-label">PAN NO</label>
|
|
<input type="text" class="form-control">
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
<a href="#" class="btn btn-secondary" data-bs-dismiss="modal" aria-label="Close">Close</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- End Content -->
|
|
</div> <!-- End Content Wrapper -->
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer mt-auto">
|
|
<div class="copyright bg-white">
|
|
<p>
|
|
Copyright © <span id="ec-year"></span><a class="text-primary" href="https://themeforest.net/user/ashishmaraviya" target="_blank"> Ekka Admin Dashboard</a>. All Rights Reserved.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</div> <!-- End Page Wrapper -->
|
|
</div> <!-- End Wrapper -->
|
|
|
|
<!-- Common Javascript -->
|
|
<script src="assets/plugins/jquery/jquery-3.5.1.min.js"></script>
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/plugins/simplebar/simplebar.min.js"></script>
|
|
<script src="assets/plugins/jquery-zoom/jquery.zoom.min.js"></script>
|
|
<script src="assets/plugins/slick/slick.min.js"></script>
|
|
|
|
<!-- Option Switcher -->
|
|
<script src="assets/plugins/options-sidebar/optionswitcher.js"></script>
|
|
|
|
<!-- Ekka Custom -->
|
|
<script src="assets/js/ekka.js"></script>
|
|
</body>
|
|
|
|
</html>
|