File: /home/imensosw/public_html/imenso.co/demo/arabeasy/admin/translators.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Arabeasy</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/datepicker.min.css">
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@600&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: none;">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="images/logo.png" width="40"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="">
<ul class="navbar-nav mr-auto ml-2">
<li class="nav-item dropdown megamenu">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Translators
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item megamenu__item" href="">
<img src="images/translators.png" class="img-fluid">
<span class="megamenu__item-heading">Translators</span>
</a>
<a class="dropdown-item megamenu__item" href="#">
<img src="images/assignments.png" class="img-fluid">
<span class="megamenu__item-heading">Assignments</span>
</a>
<a class="dropdown-item megamenu__item" href="#">
<img src="images/clients.png" class="img-fluid">
<span class="megamenu__item-heading">Clients</span>
</a>
<a class="dropdown-item megamenu__item" href="#">
<img src="images/tests.png" class="img-fluid">
<span class="megamenu__item-heading">Tests</span>
</a>
<a class="dropdown-item megamenu__item" href="#">
<img src="images/settings.png" class="img-fluid">
<span class="megamenu__item-heading">Settings</span>
</a>
</div>
</li>
<li class="nav-item">
<input type="text" class="search-inp" name="">
</li>
</ul>
<div class="my-2 my-lg-0 userinfo">
<div class="user-area dropdown">
<a href="" class="mr-4 notify"><i class="fa fa-bell-o"></i></a>
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/jane.png" width="30" class="rounded mr-2">
<span class="text-white">Jane Austin</span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<section class="panels">
<div class="lpanel">
<ul class="menubar-list">
<li class="brand">
<a class="" href="#"><img src="images/logo.png" width="40"></a>
</li>
<li class="">
<a class="menu-link" data-toggle="tooltip" data-placement="right" title="Dashboard" href="dashboard.php">
<div class="menu-icon">
<i class="fas fa-tachometer-alt"></i>
</div>
<span>Dashboard</span>
</a>
</li>
<li class="">
<a class="menu-link" data-toggle="tooltip" data-placement="right" title="Assignments" href="dashboard.php">
<div class="menu-icon">
<i class="fas fa-window-restore"></i>
</div>
<span>Assignments</span>
</a>
</li>
<li class="active">
<a class="menu-link" data-toggle="tooltip" data-placement="right" title="Translators" href="translators.php">
<div class="menu-icon">
<i class="fas fa-user-shield"></i>
</div>
<span>Translators</span>
</a>
</li>
<li class="">
<a class="menu-link" data-toggle="tooltip" data-placement="right" title="Tests" href="dashboard.php">
<div class="menu-icon">
<i class="fas fa-vials"></i>
</div>
<span>Tests</span>
</a>
</li>
<li class="">
<a class="menu-link" data-toggle="tooltip" data-placement="right" title="Clients" href="dashboard.php">
<div class="menu-icon">
<i class="fas fa-user-friends"></i>
</div>
<span>Clients</span>
</a>
</li>
<li class="">
<a class="menu-link" data-toggle="tooltip" data-placement="right" title="Settings" href="settings">
<div class="menu-icon">
<i class="fas fa-cog"></i>
</div>
<span>Settings</span>
</a>
</li>
<li class="userlog dropdown">
<div class="dropdown show">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/avatar-5.png" class="img-fluid circled">
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</li>
</ul>
</div>
<!-- <div class="topper">
<strong> Translators</strong>
</div>
<ul class="beta-nav">
<li><a href="">All <span>100</span></a></li>
<li class="active"><a href="">Active <span>15</span></a></li>
<li><a href="">Profile Pending <span>14</span></a></li>
<li><a href="">Test Pending <span>10</span></a></li>
<li><a href="">Contract Pending <span>20</span></a></li>
<li><a href="">Documents Pending <span>25</span></a></li>
<li><a href="">Blacklisted <span>06</span></a></li>
</ul>
<hr>
<ul class="beta-nav">
<li><a href="">Export <span><i class="fa fa-angle-double-up"></i></span></a></li>
<li><a href="">Import <span><i class="fa fa-angle-double-down"></i></span></a></li>
</ul>
</div> -->
<div class="mpanel">
<div class="topper">
<div class="dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="act-need">Sort By</span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<h6 class="dropdown-header">Date</h6>
<a class="dropdown-item" href="#">Date Latest</a>
<a class="dropdown-item" href="#">Date Oldest</a>
<a class="dropdown-item" href="#"></a>
</div>
</div>
<a href="" class="btn btn-orange btn-xs"><i class="fa fa-plus"></i> Add New</a>
</div>
<div class="sidebar-search">
<input type="" class="search-inp" name="">
</div>
<div class="sidebar-list">
<div class="container-fluid">
<div class="row list-row active">
<div class="col-2">
<div class="avatar purple">
<span class="">JD</span>
</div>
</div>
<div class="col-6">
<span class="trl-name">
Jane Doe
</span>
<span class="trl-lang">
AR - EN, EN - AR
</span>
</div>
<div class="col-4 text-right">
<span class="stars"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i></span>
</div>
</div>
<div class="row list-row">
<div class="col-2">
<div class="avatar purple">
<span class="">PA</span>
</div>
</div>
<div class="col-6">
<span class="trl-name">
Penny Adams
</span>
<span class="trl-lang">
AR - EN, EN - AR
</span>
</div>
<div class="col-4 text-right">
<span class="stars"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
</div>
</div>
</div>
</div>
</div>
<div class="rpanel">
<div class="topper">
<ul class="nav-actions">
<li><a href=""><i class="fa fa-envelope"></i> Send Message</a></li>
<li><a href=""><i class="fa fa-pencil"></i> Change Status</a></li>
<li><a href=""><i class="fa fa-trash"></i> Delete</a></li>
</ul>
</div>
<!-- <div class="no-record">
<img src="images/shape.png" width="150"><br><br>
Please select an item
</div> -->
<div class="rpanel-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
<div class="avatar purple">
<span class="">JD</span>
</div>
</div>
<div class="col-md-8">
<h5>John Doe <span class="stars"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i></span></h5>
<p><i class="fa fa-map-marker"></i> Saudi Arabia</p>
<span class="trl-lang">
AR - EN, EN - AR
</span>
</div>
<div class="col-md-2 text-right">
<span class="status pending">Test Pending</span>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#overview"><span class="green"><i class="fa fa-check"></i> Overview </span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#skills"><span class="green"><i class="fa fa-check"></i> Skills</span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#evaluations"><span class="green"><i class="fa fa-check"></i> Evaluations</span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#identification"><span class="green"><i class="fa fa-check"></i> Identification</span></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#identification">Work History</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#identification">Availability</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#identification">Payment Methods</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#identification">Contracts</a>
</li>
</ul>
<div class="tab-content mt-4" id="myTabContent">
<div class="tab-pane fade show active" id="overview">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="mt-4">
<div class="row">
<div class="col">
<div class="personal-info">
<small>Email</small>
janeaustin@gmail.com
</div>
</div>
<div class="col">
<div class="personal-info">
<small>Phone</small>
+91-9876543210
</div>
</div>
<div class="col">
<div class="personal-info">
<small>WhatsApp</small>
+91-9876543210
</div>
</div>
</div>
<div class="row mt-3">
<div class="col">
<div class="personal-info">
<small>Gender</small>
Female
</div>
</div>
<div class="col">
<div class="personal-info">
<small>Country</small>
Saudi Arabia
</div>
</div>
<div class="col">
<div class="personal-info">
<small>Nationality</small>
Arabic
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="skills">
<div class="row mt-4">
<div class="col-md-4">
<div class="card">
<div class="card-header">
<strong>Languages</strong>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#addLanguage"><i class="fa fa-plus"></i></a>
<a href="javascript:;" data-toggle="modal" data-target="#editLanguage" class="ml-1"><i class="fa fa-pencil"></i></a>
</div>
</div>
<div class="card-body">
<div class="c-row">
<span>English:</span>
<span class="capsule">Professional Working</span>
</div>
<hr>
<div class="c-row">
<span>Arabic:</span>
<span class="capsule">Native</span>
</div>
<hr>
<div class="c-row">
<span>Spanish:</span>
<span class="capsule">Elementory</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">
<strong>Expertise</strong>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#addSubject"><i class="fa fa-plus"></i></a>
<a href="javascript:;" data-toggle="modal" data-target="#editSubject" class="ml-1"><i class="fa fa-pencil"></i></a>
</div>
</div>
<div class="card-body">
<div class="c-row">
<span>Business:</span>
<span class="capsule"><strong>4</strong>/5</span>
</div>
<hr>
<div class="c-row">
<span>Technology:</span>
<span class="capsule"><strong>2</strong>/5</span>
</div>
<hr>
<div class="c-row">
<span>Research:</span>
<span class="capsule"><strong>2</strong>/5</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header">
<strong> Software & Tools</strong>
<div class="actions">
<a href="javascript:;" data-toggle="modal" data-target="#editSoftware" class=""><i class="fa fa-pencil"></i></a>
</div>
</div>
<div class="card-body">
<div class="tools">
<span>CAT Tools:</span><br>
<span class="capsule">MemoQ</span>
<span class="capsule">SDS Trados</span>
</div>
<div class="tools mt-3">
<span>MS Office Tools:</span><br>
<span class="capsule">MS PowerPoint</span>
<span class="capsule">MS Word</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="evaluations">
<table class="table bordered">
<thead>
<tr>
<th>Name</th>
<th>Language Direction</th>
<th>Duration</th>
<th>Status</th>
<th>Score</th>
<th class="text-right">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test One</td>
<td>Arabic to English</td>
<td>120 Mins</td>
<td><span class="capsule done">Passed</span></td>
<td>420 out of 500</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
<tr>
<td>Test Two</td>
<td>Arabic to English</td>
<td>120 Mins</td>
<td><span class="capsule review">Under Review</span></td>
<td>--</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
<tr>
<td>Test Three</td>
<td>English to Arabic</td>
<td>120 Mins</td>
<td><span class="capsule failed">Need Improvement</span></td>
<td>200 out of 500</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
<tr>
<td>Test Four</td>
<td>English to Arabic</td>
<td>120 Mins</td>
<td><span class="capsule">Pending</span></td>
<td>--</td>
<td class="text-right"><a href="javascript:;" data-toggle="modal" data-target="#viewTest">View</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/chosen.jquery.js" type="text/javascript"></script>
<script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
<script src="js/init.js" type="text/javascript" charset="utf-8"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="js/datepicker.min.js"></script>
<script>
$('#datepicker').datepicker({
uiLibrary: 'bootstrap4'
});
</script>
<script>
$(document).ready(function(){
$("#profileAlert").modal('show');
});
</script>
</body>
</html>