{% include '@Application/inc/central_header.html.twig' %}
<!-- freelancer Section Start -->
<div class="free-profile-page section">
<div class="container">
<div class="row">
<div class="col-md-12 d-flex justify-content-center align-items-center">
<div class="free-profile-page-info">
<h1 class="section-title">Freelancer Profile</h1>
</div>
</div>
</div>
<div class="row col-md-12 d-flex justify-content-center align-items-center">
<div class="profile-header">
<div class="profile-info">
<img class="porfile-img" src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Ellipse.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="Profile Picture">
<div class="badge">
<img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/badge1.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
<span class="position">1st</span>
</div>
<div class="profile-details">
<h2>RoroNoa Zoro</h2>
<div class="rating">
<img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/star.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""><span>4.5</span>
</div>
<p><span>Profession:</span> HR</p>
<p><span>Experience:</span> <strong class="experience">5 Years</strong></p>
<p><span>Country:</span> Bangladesh</p>
<p><span>Languages:</span> Bengali, English, Hindi</p>
</div>
</div>
<hr class="separator">
<div class="book-appointment">
<h4>Book an Appointment</h4>
<h3>$20/Hour</h3>
<button>Book Appointment</button>
<p>Typically replies within <strong>1 hour</strong></p>
</div>
</div>
</div>
<div class="row col-md-12 d-flex justify-content-center align-items-center">
<div class="profile-details-section">
<div class="expert-in">
<h3>Expert in</h3>
<p>HR Consulting, HR Management</p>
</div>
<h2> Profile Details </h2>
<div class="profile-details py-2">
<div class="container-xxl">
<div class="tab-wrapper">
<ul
class="nav nav-tabs d-flex justify-content-start border-bottom"
id="myTab"
role="tablist"
>
<li class="nav-item" role="presentation">
<button
class="nav-link active"
id="tab1-tab"
data-bs-toggle="tab"
data-bs-target="#tab1"
type="button"
role="tab"
>
Personal Info
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="tab2-tab"
data-bs-toggle="tab"
data-bs-target="#tab2"
type="button"
role="tab"
>
Professional Info
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="tab3-tab"
data-bs-toggle="tab"
data-bs-target="#tab3"
type="button"
role="tab"
>
Employee & Educational Info
</button>
</li>
</ul>
</div>
<div class="tab-content py-4" id="myTabContent">
{# 1st div: personal info #}
<div class="tab-pane fade show active border-0" id="tab1" role="tabpanel">
<div class="row px-3">
{# first name #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>First Name:</h3>
</div>
<p> <span class="inplace" data-set-method="setFirstname">{{ details.firstname is null?'First name':details.firstname }}</span> </p>
</div>
{# last name #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Last Name:</h3>
</div>
<p> <span class="inplace" data-set-method="setLastname">{{ details.lastname is null?'Edit':details.lastname }}</span> </p>
</div>
</div>
{# about-freelancer #}
<div class="about-freelancer">
<div>
<h3>About Me</h3>
</div>
<p> <span class="inplace" data-set-method="" > </span> </p>
</div>
{# 2nd part: others information #}
<div class="row px-3">
{# Contact Information Section #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Contact no:</h3>
</div>
<p><span class="inplace" data-set-method="" ></span></p>
</div>
{# Optional Contact #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Optional Contact no:</h3>
</div>
<p><span class="inplace" data-set-method=""></span></p>
</div>
{# National ID #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>National ID no:</h3>
</div>
<p><span class="inplace" data-set-method="setNid" data-field='nid'>{{ details.nid is null?'Edit':details.tin }}</span></p>
</div>
{# Passport No #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Passport no:</h3>
</div>
<p><span class="inplace" data-set-method="" >91596999999</span></p>
</div>
{# TIN No #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>TIN no:</h3>
</div>
<p><span class="inplace" data-field='tin' data-set-method="setTin">{{ details.tin is null?'Edit':details.tin }}</span></p>
</div>
{# Date of Birth #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Date of Birth:</h3>
</div>
{# {{ details.dob is null?'Edit':details.dob }} #}
<p><span class="inplace" data-field='dob' data-set-method="setDob" data-field-type="_DATE_">{{ details.dob is null?'Edit':details.dob|date('Y-m-d') }}</span></p>
</div>
{# Gender #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Gender:</h3>
</div>
<p><span class="inplace" data-field='sex' data-set-method="setSex">{{ details.sex is null?'Edit':details.sex }}</span></p>
</div>
{# Religion #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Religion:</h3>
</div>
<p><span class="inplace" data-set-method=""></span></p>
</div>
{# Blood Group #}
<div class="col-lg-4 col-md-6 col-12 about-freelancer">
<div>
<h3>Blood Group:</h3>
</div>
<p><span class="inplace" data-set-method="setBlood">{{ details.blood is null?'Edit':details.blood }}</span></p>
</div>
</div>
{# address part #}
<div class="row">
{# Current Address #}
<div class="col-12 col-md-6 col-lg-6 about-freelancer px-3">
<div>
<h3>Current Address:</h3>
</div>
{# {{ details.curr_addr is null?'Edit':details.curr_addr }} #}
<p><span class="inplace" data-set-method="setCurrAddr" > {{ details.currAddr is null?'Edit':details.currAddr }} </span></p>
</div>
{# Permanent Address #}
<div class="col-12 col-md-6 col-lg-6 about-freelancer">
<div>
<h3>Permanent Address:</h3>
</div>
{# {{ details.perm_addr is null?'Edit':details.perm_addr }} #}
<p><span class="inplace" data-set-method="setPurrAddr" > </span></p>
</div>
</div>
</div>
{# 2nd div: professional info #}
<div class="tab-pane fade" id="tab2" role="tabpanel">
<div class="row p-3">
{# Department #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Department:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">Software</span></p>
</div>
{# Designation #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Designation:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">Web Application Developer</span></p>
</div>
{# Branch #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Branch:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">Uttara</span></p>
</div>
{# Location #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Location:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">Uttara</span></p>
</div>
{# Supervisor Name #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Supervisor Name:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">Mr. X</span></p>
</div>
{# Joining Date #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Joining Date:</h3>
</div>
{# {{ details.joining_date is null?'Edit':details.joining_date }} #}
<p><span class="inplace" data-set-method="" data-field-type="">showed error</span></p>
</div>
{# Probationary Period #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Probationary Period:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">3 months</span></p>
</div>
{# Employment Type #}
<div class="col-12 col-md-6 col-lg-4 about-freelancer">
<div>
<h3>Employment Type:</h3>
</div>
<p><span class="inplace" data-set-method="" data-field-type="">Full time</span></p>
</div>
</div>
</div>
{# 3rd div: epmloyee and educational info #}
<div class="tab-pane fade" id="tab3" role="tabpanel">
{# skills #}
<div >
<div class='mb-4'>
<h3>Skills on focus</h3>
<p name="skill[]" id="skill" class="custom-width"
data-set-method="setSkill"
data-field-type="_JSON_"
data-modify-trans-date="0" multiple>
</p>
</div>
{# inplace used #}
{# <span class="skill-tag ">Talent Acquisition & Recruitment</span>
<span class="skill-tag">Recruitment</span>
<span class="skill-tag">HR Management</span> #}
</div>
{# Employment history #}
<h2 class="mt-2"> Employment history: </h2>
<div id="employment-history" class="p-3">
<div class="row employment-entry">
{# Company name #}
<div class="col-lg-4 col-md-6 col-12">
<div class="about-freelancer ">
<div>
<h3> Company name</h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> HoneyBee IOT Ltd. </span> </p>
</div>
</div>
{# Designation #}
<div class="col-lg-4 col-md-6 col-12">
<div class="about-freelancer">
<div>
<h3> Designation</h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> Web </span> </p>
</div>
</div>
{# Work responsibility #}
<div class="col-lg-4 col-md-6 col-12">
<div class="about-freelancer">
<div>
<h3> Work responsibility </h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> Frontend </span> </p>
</div>
</div>
{# year #}
<div class="col-lg-4 col-md-6 col-12">
<div class="about-freelancer">
<div>
<h3> year </h3>
</div>
{# data-set-method="setworkExperienceYear" ekhane method er nam??? #}
<p> <span class="inplace " data-set-method="setworkExperienceYear" data-field-type=""> {{ details.workExperienceYear is null?'Edit':details.workExperienceYear }} </span> </p>
</div>
</div>
{# duration #}
<div class="col-lg-4 col-md-6 col-12">
<div class="about-freelancer">
<div>
<h3> Duration </h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> 1 </span> </p>
</div>
</div>
</div>
</div>
<h2 class="mt-2"> Education history: </h2>
{# Education history parts #}
<div id="education-history" class="p-3" >
<div class="row education-entry" >
{# Institute name #}
<div class="about-freelancer col-lg-3 col-md-6 col-12">
<div>
<h3> Institute name </h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> UAP </span> </p>
</div>
{# Degree #}
<div class="about-freelancer col-lg-3 col-md-6 col-12">
<div>
<h3> Degree </h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> Degree </span> </p>
</div>
{# Year #}
<div class="about-freelancer col-lg-3 col-md-6 col-12">
<div>
<h3> Year </h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> 4 </span> </p>
</div>
{# Duration #}
<div class="about-freelancer col-lg-3 col-md-6 col-12">
<div>
<h3> Duration </h3>
</div>
<p> <span class="inplace " data-set-method="" data-field-type=""> 4 </span> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{# reviews #}
<div class="row col-md-12 d-flex justify-content-center align-items-center">
<div class="reviewer-info">
<div class="reviewer-profile-content">
<hr class="profile-separator1">
<div class="profile">
<img class="profile-img" src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Ellipse.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
<div>
<h4 class="name">Minato Namikaze</h4>
<img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Japan.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
<span class="country-name">Japan</span>
</div>
</div>
<div class="review">
<div class="stars">
<div><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/star.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""><span class="star">5</span></div>
<hr class="review-separator">
<span>1 Month Ago</span>
</div>
<p>
Exceptional HR expertise! [Freelancer's Name] helped streamline our hiring process and implement effective HR policies. Their professionalism and attention to detail made a significant impact on our team. Highly recommended!
</p>
</div>
<hr class="profile-separator2">
</div>
<hr class="profile-separator3">
<div class="side-order">
<h5>Order</h5>
<ul>
<li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
<li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
</ul>
</div>
</div>
<div class="reviewer-info">
<div class="reviewer-profile-content">
<div class="profile">
<img class="profile-img" src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Ellipse.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
<div>
<h4 class="name">Minato Namikaze</h4>
<img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/Japan.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="">
<span class="country-name">Japan</span>
</div>
</div>
<div class="review">
<div class="stars">
<div><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/freeprofile/star.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""><span class="star">5</span></div>
<hr class="review-separator">
<span>1 Month Ago</span>
</div>
<p>
A true HR specialist! From talent acquisition to employee engagement strategies, [Freelancer's Name] exceeded our expectations. Their insights and proactive approach improved our workplace culture. Will definitely work with them again!
</p>
</div>
</div>
<hr class="profile-separator3">
<div class="side-order">
<h5>Order</h5>
<ul>
<li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
<li>Nunc ridiculus dolor lor culu volutpgula donec phareta gula donec pharetra dui pat dui conv...</li>
</ul>
</div>
</div>
<div class="pagination-container d-flex justify-content-center align-items-center">
<button id="blogPrevPageBtn" ><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/arrow-left.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""> Previous</button>
<div class="page-info mx-3"><span class="active">1</span> out of 6</div>
<button id="blogNextPageBtn" >Next <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/arrow-right.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt=""></button>
</div>
</div>
</div>
</div>
<!-- freelancer Section end -->
{% include '@HoneybeeWeb/footer/central_footer.html.twig' %}