Files
backend/resources/views/rmto-preview/pages/profile.blade.php

1737 lines
43 KiB
PHP

<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="../dist/css/adminlte.css" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<!-- page css -->
<!-- <link rel="stylesheet" href="../dist/css/mycss.css" /> -->
<!-- ChartJS -->
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
<title>سامانه جامع راهداری</title>
<style>
/* blinker */
.blink_me_imageupload {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
#fast-counter {
position: absolute;
border-radius: 50%;
padding: 5px 6px;
vertical-align: middle;
left: -8px;
background-color: crimson;
text-align: center;
line-height: 9px;
color: #fff;
font-weight: 600;
font-family: IRANSansFaNum, sans-serif;
font-size: 11px;
top: -8px;
display: block;
}
/* blinker */
.loader {
display: inline-block;
width: 40px;
height: 40px;
position: relative;
border: 4px solid #ff5c0f;
top: 0;
animation: loader 2s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #fff;
animation: loader-inner 2s infinite ease-in;
}
.navbar-nav .dropdown-menu {
position: absolute !important;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
.divloader {
display: none;
justify-content: center;
align-items: center;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 20;
}
.nowrap {
white-space: nowrap;
}
body {
font-family: "IRANSans";
/* background-image: url(../dist/images/modalrms/13.jpg); */
background-repeat: no-repeat;
background-size: cover;
}
.mycardi {
background-color: rgb(265, 265, 265, 0.6) !important;
}
.header-new-style {
background-color: #ffffff;
display: none;
}
.footer-new-style {
background-color: #fff;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
}
.navbar-nav {
padding-bottom: 10px;
}
.navbar-sp {
color: #ffffff !important;
font-size: 10px;
margin-top: 15px;
}
/* clear fix */
.clearfix::after {
content: "";
clear: both;
display: table;
}
/* clear fix */
.navbar-it {
display: none;
align-items: flex-end;
margin-left: 20px;
/* align-items: center;*/
/* flex-direction: column; */
}
.line {
display: flex;
align-items: flex-end;
margin-left: 20px;
}
.havig {
text-align: center;
margin-bottom: 3px;
}
.profile {
margin-left: 60px;
border: 2px solid #ff5c0f;
padding: 10px 15px;
border-radius: 5px;
}
/* footer {
background-color: #ffffff;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
} */
.logoPart {
padding: 10px 40px;
display: inline-block;
}
.contactUsPart {
padding-left: 30px;
}
.contactUsPart .time {
color: #ff5c0f;
unicode-bidi: embed;
}
.card {
width: 60%;
margin: 0 auto;
margin-top: 29px;
}
.card-header {
display: flex;
justify-content: space-evenly;
}
.card-header div {
text-align: center;
/* width: 208px; */
font-size: 9px;
font-weight: bold;
cursor: pointer;
}
.card-title {
float: none;
text-align: center;
font-size: 15px;
font-weight: bold;
margin-bottom: 23px;
}
.card-text {
font-family: "IRANSansFaNum";
font-size: 11px;
font-weight: 600;
display: flex;
justify-content: space-evenly;
}
.card-text span span {
color: rgba(247, 118, 57, 0.97);
margin: 0 10px;
}
.fastreact-text-align {
text-align: center;
}
.btn-primary {
background-color: #2c343f;
border: 0px;
font-weight: 500;
padding: 9px 16px;
}
.iranMini {
float: left;
}
.ShowPieChart {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
margin: 12px 0 50px;
}
.ShowEachPie {
display: flex;
justify-content: center;
align-items: start;
flex-wrap: wrap;
width: 50%;
/* height: 68px; */
/* border: 1px solid #ddd; */
border-radius: 5px;
cursor: pointer;
padding: 5px;
}
.projectnum {
font-weight: bold;
font-size: 9px;
margin-top: 10px;
}
/* yasi started */
.counter {
margin-top: 120px;
}
.counter ._number {
background: url(../js/animating-roll-number/img/n-bg.png) center no-repeat;
background-size: 100% 100%;
}
.counter ._number span {
background: linear-gradient(to bottom, #fef1cd, #f9d16b);
color: transparent !important;
}
.showcounterrahdari {
display: flex;
flex-direction: row;
}
.dailydata {
font-size: 19px;
font-weight: 500;
font-style: normal;
color: #ff5c0f;
}
.todayamar {
text-align: center;
line-height: 37px;
}
.rahdarimenu {
width: 85%;
margin: 0 auto;
margin-top: 30px;
}
.showfooter {
display: flex;
margin-top: 60px;
}
#rahdariday {
margin-left: 19%;
}
#rahdarimonth {
margin-left: 19%;
}
#yearrahdari {
margin-left: 19%;
}
.projectNumTitle {
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
font-size: 22px;
font-weight: 700;
}
.boxxcontainer {
margin-left: 30px;
float: left;
}
.boxx {
background-color: green;
width: 14px;
height: 54%;
margin-left: 0%;
float: right;
line-height: 100%;
display: block;
border-top: 1px solid white;
}
.boxxlabel {
color: #000;
font-size: 9pt;
width: 129%;
font-family: 'IRANSansFaNum';
margin-left: 2%;
float: initial;
line-height: 125%;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
}
.containerItem {
height: 30px;
min-width: 104px;
float: left;
opacity: 1;
}
.boxxcontainer {
justify-content: center;
display: flex;
flex-direction: column;
font-size: 13px;
font-weight: bold;
margin: 9px;
}
.headericon1 {
width: 24px;
height: 32px;
}
.headericon2 {
width: 24px;
height: 32px;
}
.headericon3 {
width: 24px;
height: 32px;
}
.headericon4 {
width: 24px;
height: 32px;
}
.dailyChart {
height: 85% !important;
width: 85% !important;
}
#projectcount {
overflow: hidden;
display: flex;
justify-content: center;
direction: initial;
}
.counter-for {
text-align: center;
background-color: rgb(44, 52, 63);
color: #fff;
border-radius: 15%;
padding: 5px 10px;
font-family: 'IRANSansFaNum';
}
.dailyCounter-align {
text-align: center;
vertical-align: middle;
line-height: 37px;
}
.gharargah-counter {
text-align: center;
margin-top: 12px;
}
.gharargah-counter-text {
text-align: center;
font-size: 13px;
font-weight: 700;
}
/* responsive faaliat design */
.gharareachtext-style {
margin-bottom: 8px;
}
.frMiddle {
padding: 20px 74px;
}
.countFR {
margin: 10px;
}
.countTitleFR {
min-width: 72px;
color: #ff5c0f;
font-size: 14px;
font-weight: 600;
align-self: center;
text-align: center;
}
.setchart {
margin-right: 10%;
margin-top: 20px;
}
.coutgozaresh {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-top: 10px;
}
.rowshowntop {
margin-bottom: 19px;
}
.blockbox {
justify-content: space-evenly;
}
.chartrowborder {
border-bottom: 2px solid #ff5c0f;
margin-top: 19px;
padding-bottom: 18px;
}
.dropdown:hover .multi-level {
display: block;
margin-top: 0;
}
.multi-level {
padding: 10px;
}
.dropdown-menu {
background-image: linear-gradient(#707070, white);
}
.dropdown-item {
color: black;
text-align: center;
font-size: 11px;
font-weight: 700;
}
.dropdown-item-bottom {
color: black;
}
#dropdown1 {
left: -113%;
}
#dropdown2 {
left: -302%;
}
#dropdown3 {
left: -160%;
}
.dropdown-toggle::after {
display: none;
}
.dropdown-item:hover {
background-color: #ff5c0f;
color: white;
border-radius: 8px;
}
.dropdown-item a {
color: black;
}
.dropdown-item a:hover {
color: white;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -78%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
#subMenuRah {
left: -69%;
}
#subuploadfile {
left: -69%;
}
.showneachgharar {
background-color: rgb(63, 71, 97);
width: 70%;
border-radius: 5px;
}
.topingfont {
padding: 20px 10px 10px 10px;
}
.topingfont span {
font-size: 9px;
color: #ffffff;
}
.topingfont hr {
background-color: #ff5c0f;
}
.showeachpart {
margin-top: 10px;
margin-bottom: 16px;
}
.showeachtext {
margin-right: 5%;
font-family: 'IRANSansFaNum';
}
.modal-header .close,
.modal-header .mailbox-attachment-close {
padding: 1rem;
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 10px 10px;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-title {
margin-bottom: 0;
line-height: 2.5;
font-size: 14px;
font-weight: 500;
}
.btncolor {
background-color: #e8e8e8;
border-color: #ff5c0f;
}
.btncolor:hover {
background-color: #ff5c0f;
border-color: #ff5c0f;
color: #fff;
}
.modalrow {
display: flex;
justify-content: space-evenly;
margin-bottom: 10px;
}
.modalrow a {
font-size: 11px;
width: 40%;
}
.modalborder {
border-color: #ff5c0f;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 10px 10px 10px;
border-bottom: 1px solid #ff5c0f !important;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close,
.modal-header .mailbox-attachment-close {
padding: 1rem;
margin: -1rem auto -1rem -1rem;
}
/* cards header hovers start */
#rahdariproject .headericon1 {
transition: all 0.3s;
}
#roozanepro .headericon2 {
transition: all 0.3s;
}
#fastreact .headericon3 {
transition: all 0.3s;
}
#gharargah .headericon4 {
transition: all 0.3s;
}
#rahdariproject .header-font1 {
transition: all 0.3s;
}
#rahdariproject:hover .header-font1 {
font-size: 12px;
}
#roozanepro .header-font2 {
transition: all 0.3s;
}
#roozanepro:hover .header-font2 {
font-size: 12px;
}
#fastreact .header-font3 {
transition: all 0.3s;
}
#fastreact:hover .header-font3 {
font-size: 12px;
}
#gharargah .header-font4 {
transition: all 0.3s;
}
#gharargah:hover .header-font4 {
font-size: 12px;
}
.showstartsabt {
text-align: center;
}
.showendnezamnd {
text-align: center;
}
.alignFor-projectBody {
text-align: center;
}
.changeStyle-fastReact {
max-width: 100%;
margin-bottom: 2px;
}
/* cards header hovers end */
.second-top-menu {
display: none;
}
.logo-new-style {
display: none;
}
.navbar-item-new-style {
display: none;
}
.new-style-profile {
display: none;
}
.queen-ul-style {
display: none;
}
.new-changes-dead {
display: none;
}
/* navbar style */
.new-size-fastreaction {
height: 107px !important;
width: 225px !important;
}
.money_camp {
text-align: center;
font-size: 15px;
color: #fff;
margin-bottom: 0px !important;
}
.car_camp {
text-align: center;
font-size: 15px;
color: #fff;
margin-bottom: 0px !important;
}
.rahdar_camp {
text-align: center;
font-size: 15px;
color: #fff;
margin-bottom: 0px !important;
}
.dmg_camp {
text-align: center;
font-size: 15px;
color: #fff;
margin-bottom: 0px !important;
}
@media only screen and (min-width: 1700px) {
.logoPart {
font-size: 14px;
}
.justify-content-center {
font-size: 14px;
}
.contactUsPart {
font-size: 14px;
}
.gharargah-counter-text {
font-size: 13px;
}
.rowshowntop {
margin-bottom: 0px;
}
.new-change-margin {
margin-bottom: 35px !important;
}
.some-little-changes1 {
height: 209px !important;
width: 434px !important;
float: left;
}
.some-little-changes2 {
height: 209px !important;
width: 434px !important;
}
.new-daily-large {
font-size: 21px;
font-weight: 500;
line-height: 44px;
}
.coutgozaresh {
margin-bottom: 6px;
font-size: 22px;
}
.chartjs-render-monitor {
height: 169px;
width: 356px;
}
.ShowEachPie {
width: 100%;
height: 237px !important;
}
.setchart {
margin-right: 0px;
margin-top: 0px;
}
.ShowPieChart {
justify-content: center;
margin: 4px 0px;
}
.btn-primary {
font-size: 17px;
}
.dailyChart {
height: 88% !important;
width: 80% !important;
}
.projectnum {
font-weight: bold;
font-size: 17px;
margin-top: 16px;
}
.card-text {
font-size: 13px;
}
.card-title {
font-size: 18px;
}
.card-title {
margin-bottom: 26px;
}
.headericon1 {
width: 35px;
height: 54px;
}
.headericon2 {
width: 35px;
height: 54px;
}
.headericon3 {
width: 35px;
height: 54px;
}
.headericon4 {
width: 35px;
height: 54px;
}
#rahdariproject:hover .headericon1 {
width: 35px;
height: 54px;
}
#roozanepro:hover .headericon2 {
width: 35px;
height: 54px;
}
#fastreact:hover .headericon3 {
width: 35px;
height: 54px;
}
#gharargah:hover .headericon4 {
width: 35px;
height: 54px;
}
.header-font1 {
font-size: 14px !important;
}
.header-font2 {
font-size: 14px !important;
}
.header-font3 {
font-size: 14px !important;
}
.header-font4 {
font-size: 14px !important;
}
#rahdariproject:hover .header-font1 {
font-size: 17px !important;
}
#roozanepro:hover .header-font2 {
font-size: 17px !important;
}
#fastreact:hover .header-font3 {
font-size: 17px !important;
}
#gharargah:hover .header-font4 {
font-size: 17px !important;
}
.iranMini img {
width: 35px;
}
.change-font-max {
font-size: 25px;
}
.counter-for-gharargah {
font-size: 21px;
}
.counter-for-rahdari {
font-size: 25px;
}
.topingfont span {
font-size: 11px;
}
}
@media only screen and (max-width: 1100px) {
.setchart {
margin-right: 0px;
}
.card {
width: 90%;
margin: 0 auto;
margin-top: 29px;
}
.ShowPieChart {
display: initial;
}
.coutgozaresh {
font-size: 17px;
}
.projectnum {
font-size: 12px;
font-weight: 700;
margin-top: auto;
margin-bottom: auto;
}
.ShowEachPie {
width: 100%;
padding: 0px;
}
.new-daily-large {
font-size: 20px;
}
}
@media only screen and (max-width: 800px) {
html,
body {
max-width: 100%;
overflow-x: hidden;
}
.card {
width: 90%;
margin: 0 auto;
margin-top: 29px;
}
.logoPart {
padding: 10px 40px;
display: inline-block;
}
.callusfirst img {
width: 20px;
}
.navbar-nav .dropdown-menu {
position: absolute !important;
}
#dailystatics {
margin-left: 17px;
}
#weeklystatics {
margin-left: 17px;
}
#monthlystatics {
margin-left: 17px;
}
#yearlystatics {
margin-left: 17px;
}
.countTitleFR {
margin-top: 4px;
}
.dailydata {
font-size: 14px;
font-weight: 700;
font-style: normal;
color: #ff5c0f;
}
}
@media (max-width: 576px) {
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0rem 0.5rem !important;
}
.ShowEachPie {
width: 85%;
}
.some-little-changes1 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 700px) {
.new-color-in-res {
color: #000000 !important;
}
.padding-for-rahdari-text {
padding-top: 5px;
}
.responsive-for-header-svg {
display: none;
}
.contactUsPart {
padding-left: 0px;
}
.header-new-style {
background-color: #ffffff;
display: block;
}
.king-size-nav {
display: none;
}
.footer-new-style {
background-color: #fff;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
justify-content: center;
}
.gharargah-counter-text {
font-size: 12px;
}
.projectnum {
margin-bottom: 10px;
}
body {
margin-bottom: 90px;
}
.second-top-menu {
display: block;
position: relative;
background-color: #2c343f;
height: 40px;
width: 100%;
transition: all 0.4s;
}
.second-menu-img {
position: absolute;
margin-right: 12px;
margin-top: -8px;
width: 25px;
height: 55px;
}
.queen-size-nav {
display: none;
background-color: #ffffff;
box-shadow: -1px 1px 4px #212529;
width: 40%;
height: 70%;
border-bottom-left-radius: 10px;
margin-top: 40px;
overflow: hidden;
position: absolute;
z-index: 2;
}
.logo-new-style {
display: inline;
}
.navbar-item-new-style {
display: block;
}
.new-style-profile {
display: block;
width: 20%;
margin-left: auto;
margin-right: auto;
text-align: center;
box-sizing: content-box;
}
.queen-ul-style {
display: block;
}
.queen-responsive-navbar {
justify-content: center;
margin-bottom: 20px;
margin-left: 0px;
}
.difrent-img-size {
width: 27px;
height: 26px;
margin-top: 5px;
}
.first-step-res {
display: none;
padding-inline-start: 0px;
font-size: 11px;
border-bottom: 2px solid #ff5c0f;
border-top: 2px solid #ff5c0f;
}
.second-step-res {
display: none;
padding-inline-start: 0px;
font-size: 11px;
border-bottom: 1px solid #c2450b;
border-top: 1px solid #c2450b;
}
.third-step-res {
display: none;
padding-inline-start: 0px;
font-size: 11px;
border-bottom: 1px solid #c2450b;
border-top: 1px solid #c2450b;
}
.forth-step-res {
display: none;
padding-inline-start: 0px;
font-size: 11px;
border-bottom: 2px solid #ff5c0f;
border-top: 2px solid #ff5c0f;
}
.fivth-step-res {
display: none;
padding-inline-start: 0px;
font-size: 11px;
border-bottom: 1px solid #c2450b;
border-top: 1px solid #c2450b;
}
.sixth-step-res {
display: none;
padding-inline-start: 0px;
font-size: 11px;
border-bottom: 2px solid #ff5c0f;
border-top: 2px solid #ff5c0f;
}
.seventh-step-res {
display: none;
border-bottom: 2px solid #ff5c0f;
border-top: 2px solid #ff5c0f;
}
.eight-step-res {
display: none;
}
.first-step-res-design {
text-align: center;
list-style-type: none;
margin-top: 10px;
padding: 3px;
}
.new-changes-dead {
display: block;
}
.navbar-sp {
font-size: 12px;
margin-top: 2px;
color: #000000 !important;
}
.showneachgharar {
background-color: rgb(63, 71, 97);
width: 100%;
border-radius: 5px;
}
.topingfont span {
font-size: 15px;
}
}
@media only screen and (max-width: 530px) {
.chaleh-title {
display: block;
margin-bottom: 7px;
}
.alaem-title {
display: block;
}
.paksazi-title {
display: block;
}
.new-daily-large {
font-size: 18px;
}
.queen-size-nav {
width: 50%;
}
.card-text {
justify-content: space-between;
}
}
@media only screen and (max-width: 400px) {
.dailyChart {
height: 132px !important;
width: 282px !important;
}
.dailygharar {
height: 132px !important;
width: 282px !important;
}
.rowshowntop {
width: 109%;
}
.new-daily-large {
font-size: 16px;
}
}
@media only screen and (max-width: 320px) {
.countFR {
margin: -7px;
}
.chartborderlook {
margin-right: -6%;
}
}
@media screen and (max-width: 1700px) and (min-width: 1100px) {
.font-new-style {
font-size: 13px;
}
.chartrowborder {
margin-top: 12px;
padding-bottom: 7px;
}
.setchart {
margin-right: 0px;
margin-top: 0px;
}
.ShowPieChart {
justify-content: center;
margin-bottom: 0px;
margin-top: 0px;
}
.card {
width: 66%;
margin: 0 auto;
margin-top: 29px;
}
.card-title {
margin-bottom: 11px;
}
.ShowEachPie {
width: 100%;
}
.coutgozaresh {
margin-bottom: 0px;
}
.new-daily-large {
font-size: 19px;
font-weight: 500;
line-height: 37px;
}
.rowshowntop {
margin-bottom: 0px;
}
.coutgozaresh {
font-size: 16px;
padding: 0px;
}
.rowshowntop {
margin-top: 6px;
}
.coutgozaresh {
margin-top: -13px;
}
}
@media screen and (max-width: 350px) {
.iranMini {
margin-top: 2px;
float: unset;
}
}
@media screen and (max-width: 1100px) and (min-width: 700px) {
body {
margin-bottom: 90px;
}
}
@media screen and (max-width: 1500px) and (min-width: 1100px) {
body {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 300px) {
.new-daily-large {
font-size: 11px;
}
}
@media only screen and (max-width: 450px) {
.queen-size-nav {
height: 80%;
}
}
.buttonclickexit {
width: 100%;
border: none;
background: transparent;
font-weight: bold;
}
.showheeder {
text-align: center;
font-size: 15px;
font-weight: bold;
margin-bottom: 12px;
}
.showheedersec {
text-align: end;
font-size: 15px;
font-weight: bold;
margin-bottom: 12px;
}
.navbar {
padding: 5px 10px 2px 10px !important;
}
.havig div img {
width: 20px !important;
}
.fontnumber {
font-size: 12px;
font-weight: 600;
}
.btn-primary:hover {
background-color: #ff5c0f !important;
border-color: #ff5c0f !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
background-color: #ff5c0f !important;
border-color: #ff5c0f !important;
}
.dropdown-submenu {
display: none;
}
.dropdown-item {
color: black;
text-align: center;
display: none;
font-size: 11px;
font-weight: 700;
}
}
.navbar-it {
display: none !important;
align-items: flex-end;
margin-left: 20px;
}
#folan1 {
display: none
}
.line {
display: none;
align-items: flex-end;
margin-left: 20px;
}
.form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
label:not(.form-check-label):not(.custom-file-label) {
font-weight: 700;
font-size: 14px;
}
.file-input-modal {
background-color: #ffffff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.file-input-modal-container {
width: 100%;
}
.file-input-modal {
justify-content: center;
font-size: 11px;
display: flex;
align-items: center;
width: 100%;
height: 150px;
cursor: pointer;
text-align: center;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.file-input {
display: none;
}
.zoomimage {
height: 100%;
width: 100%;
transition: transform .2s;
}
</style>
</head>
<body class="bodypic">
<div class="divloader">
<span class="loader"><span class="loader-inner"></span></span>
</div>
<div class="modal fade" id="showloginkarbar" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content modalborder">
<div class="modal-header px-3">
<h5 class="modal-title" id="exampleModalLongTitle">
فرم تکمیل مشخصات فردی
</h5>
<i class="fas fa-user text-info" style="font-size: 24px;"></i>
</div>
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-6">
<label>نام </label>
<input type="text" class="form-control" name="firstname" id="firstname"
placeholder="نام" maxlength="50">
</div>
<div class="form-group col-md-6">
<label>نام خانوادگی </label>
<input type="text" class="form-control" name="lastname" id="lastname"
placeholder="نام خانوادگی" maxlength="50">
</div>
<div class="form-group col-md-6">
<label>رشته تحصیلی</label>
<input type="text" class="form-control" name="major" id="major"
placeholder="رشته تحصیلی" maxlength="50">
</div>
<div class="form-group col-md-6">
<label> مدرک </label>
<select class="form-control" name="degree" id="degree">
<option selected value="دیپلم">دیپلم</option>
<option value="کارشناسی">کارشناسی</option>
<option value="کارشناسی ارشد">کارشناسی ارشد</option>
<option value="دکتری تخصصی">دکتری تخصصی</option>
</select>
</div>
<div class="form-group col-md-6">
<label> شماره موبایل </label>
<input type="text" class="form-control" name="mobilenumber" id="mobilenumber"
placeholder=" شماره موبایل " maxlength="50">
</div>
<div class="form-group col-md-6">
<label class="required-label">
آپلود عکس
</label>
<label class="file-input-modal-container">
<div class="file-input-modal">
<img id="fileshow" style="width: 100%; height: 100%;" src="../dist/images/icons/add-image.svg" alt="your image" />
<img id="image_upload_previewmostanad" name="" class="zoomimage"
alt="your image" style=" display: none" />
</div>
<input class="file-input" type="file" id="inputFile1"
name="image_upload_previewmostanad" accept="image/*">
</label>
</div>
<div class="form-group col-md-6">
<label> رمز عبور </label>
<input type="password" class="form-control" name="passcode" id="passcode"
placeholder=" رمز عبور " maxlength="50">
</div>
<div class="form-group col-md-6">
<label> تکرار رمز عبور </label>
<input type="password" class="form-control" name="passcodere" id="passcodere"
placeholder=" تکرار رمز عبور " maxlength="50">
</div>
</div>
<div class="row">
<div class="col d-flex justify-content-end">
<button type="button" class="btn btn-primary btn-applyChange" id="submitform"
onclick="shownextpage()">ثبت
</button>
<a id="cancel_btn" class="btn btn-default mr-2" href="/">انصراف</a>
</div>
</div>
<div class="row" id="errorBox" style="display: none;">
<div class="col">
<div class="alert alert-danger m-0 mt-3 pr-0" role="alert">
<ul class="m-0" id="errors">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('layouts.footer')
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<script src="../dist/js/jquery.rollNumber.js"></script>
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<script src="../dist/js/profile.js?_={{ mt_rand(1, 99999999999) }}"></script>
</body>
</html>