@extends('employer::layouts.master')
@section('pagetitle','Manage Positions')

@section('content')
<style>
    .overlay {
     background: 'grey';
     opacity: '0.75';
     min-height: 215px;
     display: -webkit-box;
     display: -ms-flexbox;
     /* display: flex; */
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     /* justify-content: center; */

     /* top: -16px; */
     background-color: grey;
     border-radius: 6px;

 }
 .overlay h3 {

    color: #ffffff;
    font-weight: 600;
    margin: 2rem 3rem 0;
    mix-blend-mode: overlay;
    padding: 5px 15px;
    text-align: center;
    width: '100%';
    text-transform: uppercase;

}
</style>    
<div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">

    <div class="content flex-row-fluid" id="kt_content">
        <div id="kt_toolbar_container" class="d-flex flex-stack flex-wrap">
            <div class="page-title d-flex  flex-column align-items-start ">
                <h1 class="d-flex text-gray-800 fw-bolder my-1 fs-3 mb-3">Position Title <li class="breadcrumb-item px-3 py-1 fs-6 text-muted">Candidates View</li></h1>
            </div>
        </div>

            <div class="card mb-5 mb-xxl-8">
                <div class="card-body pb-0">
                    <!--begin::Details-->
                    <div class="d-flex flex-wrap flex-sm-nowrap">
                        <!--begin: Pic-->
                        <div class="me-7 mb-4">
                            <div class="symbol symbol-100px symbol-circle">
                                <span class="symbol-label fs-1 bg-light-primary text-primary fw-bold">N</span>
                            </div>
                        </div>  
                        <!--end::Pic-->

                        <!--begin::Info-->
                        <div class="flex-grow-1">
                            <!--begin::Title-->
                            <div class="d-flex justify-content-between align-items-start flex-wrap mb-2 mt-5">
                                <!--begin::User-->
                                <div class="d-flex flex-column">
                                    <!--begin::Name-->
                                    <div class="d-flex align-items-center mb-2">
                                        <a href="#" class="text-gray-900 text-hover-primary fs-2 fw-bolder me-1">Max Smith</a>
                                        <a href="#">
                                            <!--begin::Svg Icon | path: icons/duotune/general/gen026.svg-->
                                            <span class="svg-icon svg-icon-1 svg-icon-primary">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
                                                    <path d="M10.0813 3.7242C10.8849 2.16438 13.1151 2.16438 13.9187 3.7242V3.7242C14.4016 4.66147 15.4909 5.1127 16.4951 4.79139V4.79139C18.1663 4.25668 19.7433 5.83365 19.2086 7.50485V7.50485C18.8873 8.50905 19.3385 9.59842 20.2758 10.0813V10.0813C21.8356 10.8849 21.8356 13.1151 20.2758 13.9187V13.9187C19.3385 14.4016 18.8873 15.491 19.2086 16.4951V16.4951C19.7433 18.1663 18.1663 19.7433 16.4951 19.2086V19.2086C15.491 18.8873 14.4016 19.3385 13.9187 20.2758V20.2758C13.1151 21.8356 10.8849 21.8356 10.0813 20.2758V20.2758C9.59842 19.3385 8.50905 18.8873 7.50485 19.2086V19.2086C5.83365 19.7433 4.25668 18.1663 4.79139 16.4951V16.4951C5.1127 15.491 4.66147 14.4016 3.7242 13.9187V13.9187C2.16438 13.1151 2.16438 10.8849 3.7242 10.0813V10.0813C4.66147 9.59842 5.1127 8.50905 4.79139 7.50485V7.50485C4.25668 5.83365 5.83365 4.25668 7.50485 4.79139V4.79139C8.50905 5.1127 9.59842 4.66147 10.0813 3.7242V3.7242Z" fill="#00A3FF"></path>
                                                    <path class="permanent" d="M14.8563 9.1903C15.0606 8.94984 15.3771 8.9385 15.6175 9.14289C15.858 9.34728 15.8229 9.66433 15.6185 9.9048L11.863 14.6558C11.6554 14.9001 11.2876 14.9258 11.048 14.7128L8.47656 12.4271C8.24068 12.2174 8.21944 11.8563 8.42911 11.6204C8.63877 11.3845 8.99996 11.3633 9.23583 11.5729L11.3706 13.4705L14.8563 9.1903Z" fill="white"></path>
                                                </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                        </a>
                                    </div>
                                    <!--end::Name-->
                                    <!--begin::Info-->
                                        <div class="d-flex flex-wrap fw-bold fs-6 mb-4 pe-2">
                                            <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                                <!--begin::Svg Icon | path: icons/duotune/communication/com006.svg-->
                                                <i class="bi bi-person-fill mx-1"></i>
                                                <!--end::Svg Icon-->Developer
                                            </a>
                                            <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                                <!--begin::Svg Icon | path: icons/duotune/communication/com011.svg-->
                                                <span class="svg-icon svg-icon-4 me-1">
                                                    <i class="bi bi-envelope-fill mx-1"></i>
                                                </span>
                                                <!--end::Svg Icon-->max@kt.com
                                            </a>
                                            <a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
                                                <!--begin::Svg Icon | path: icons/duotune/general/gen018.svg-->
                                                <span class="svg-icon svg-icon-4 me-1">
                                                    <i class="bi bi-telephone-fill mx-1"></i>
                                                </span>
                                                <!--end::Svg Icon-->9999999999
                                            </a>

                                        </div>
                                    <!--end::Info-->
                                </div>  
                                <!--end::User-->
                                <!--begin::Actions-->
                                <div class="d-flex my-4">
                                    <div class="rating" id="rating" data-canid="" data-score="4"></div>
                                    <div class="vr mx-2"></div>

                                    <!--begin::Menu-->
                                    <div class="me-0">
                                        <a href="javascript:vodi(0);" class="btn btn-sm btn-light btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Completed
                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
                                            <span class="svg-icon svg-icon-5 m-0">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                    <path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />
                                                </svg>
                                            </span>
                                            <!--end::Svg Icon-->
                                        </a>
                                        <!--begin::Menu-->
                                        <!-- menu menu-column menu-gray-700 menu-state-bg fw-bold menu-active-primary menu-hover-primary  -->
                                        <!-- menu menu-sub menu-sub-dropdown menu-column  menu-gray-600 menu-state-bg menu-active-primary menu-hover-primary  fw-bold fs-7 w-125px py-4 -->
                                        <div class="menu menu-sub menu-sub-dropdown menu-column menu-gray-700 menu-state-bg fw-bold menu-active-primary menu-hover-primary fs-7 w-125px py-3" data-kt-menu="true">

                                            <!--begin::Menu item-->
                                            <div class="menu-item ">
                                                <a href="javascript:void(0);" class="menu-link px-3 cfrmarchive" data-candidateid='' data-toggle="modal" data-target="#kt_candidates_export_modal" >
                                                    <svg viewBox="0 0 16 16" class="bi bi-trash-fill kt-nav__link-icon" fill="#BE0000" height="16" width="16" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z"></path>
                                                    </svg>
                                                    <span class="px-3 color-D6E">Hire<span>
                                                </a>
                                            </div>

                                            <div class="menu-item ">
                                                <a href="javascript:void(0);" class="menu-link px-3 cfrmarchive" data-candidateid='' data-toggle="modal" data-target="#kt_candidates_export_modal" >
                                                    <svg viewBox="0 0 16 16" class="bi bi-trash-fill kt-nav__link-icon" fill="#BE0000" height="16" width="16" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z"></path>
                                                    </svg>
                                                    <span class="px-3 text-danger">Archive<span>
                                                </a>
                                            </div>
                                            <!--end::Menu item-->
                                        </div>
                                        <!--end::Menu-->  
                                    </div>
                                    <!--end::Menu-->

                                </div>
                                <!--end::Actions-->
                            </div>
                            <!--end::Title-->

                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Details-->
                </div>
            </div>

            <div class="row" style="padding-left: 0.7rem">


                <div class="col-xl-3 card card-xl-stretch">
                    <!--begin::List Widget 3-->
                    <div class="">
                        <!--begin::Header-->
                        <div class="card-header ">
                            <h3 class="card-title fw-bolder text-dark">Menu</h3>
                            <div class="card-toolbar">
                            </div>
                        </div>
                        <!--end::Header-->
                        <!--begin::Body-->
                        <div class="card-body px-0">
                            <!--begin::Menu-->
                            <div class="menu menu-column menu-gray-700 menu-state-bg fw-bold menu-active-primary menu-hover-primary " data-kt-menu="true">

                                <!--begin::Menu item-->
                                <div class="menu-item ">
                                    <a href="javascript:void(0);" class="menu-link py-3  emp_position_menulink" data-status="all">
                                        <span class="menu-icon">
                                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video-fill " viewBox="0 0 16 16">
                                                <path fill-rule="evenodd" d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5z"></path>
                                            </svg>
                                        </span>
                                        <span class="menu-title">Videos</span>
                                    </a>
                                </div>
                                <!--end::Menu item-->


                                <!--begin::Menu item-->
                                <div class="menu-item">
                                    <a href="javascript:void(0);" class="menu-link py-3 active emp_position_menulink" data-status="5">
                                        <span class="menu-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#BE0000" class="bi bi-trash-fill kt-nav__link-icon" viewBox="0 0 16 16">
                                                <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z"></path>
                                            </svg>
                                        </span>
                                        <span class="menu-title">Comments & Activity</span>

                                    </a>
                                </div>
                                <!--end::Menu item-->
                            </div>
                            <!--end::Menu-->                        
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end:List Widget 3-->
                </div>

            <div class="col-xl-9 mt-5 mt-lg-0">

                        <div class="card">
                            <!--begin::Card head-->
                            <div class="card-header card-header-stretch">
                                <!--begin::Title-->
                                <div class="card-title d-flex align-items-center">
                                    <!--begin::Svg Icon | path: icons/duotune/general/gen014.svg-->
                                    <span class="svg-icon svg-icon-1 svg-icon-primary me-3 lh-0">
                                        <i class="bi bi-chat-left-text-fill text-primary fs-4"></i>
                                    </span>
                                    <!--end::Svg Icon-->
                                    <h3 class="fs-5 m-0 text-gray-600">Comments & Activity</h3>
                                </div>
                                <!--end::Title-->
                            </div>
                            <!--end::Card head-->

                            <!--begin::Card body-->
                            <div class="card-body">
                                <!--begin::Tab Content-->

                                <div class="rounded d-flex flex-column pb-10">
                                    <textarea class="form-control" data-kt-autosize="true" placeholder="Type notes"></textarea>
                                </div>

                                <div class="d-flex justify-content-between pb-20">
                                    <a href="#" class="btn btn-primary">Primary</a>
                                    <!--begin::Default example-->
                                <div>

                                <select class="form-select" data-control="select2" data-placeholder="Select an option">
                                    <option></option>
                                    <option value="1">Option 1</option>
                                    <option value="2">Option 2</option>
                                </select>

                            </div>
                            <!--end::Default example-->
                        </div>
                        
                        <div class="tab-content">
                            <!--begin::Tab panel-->
                            <div id="kt_activity_today" class="card-body p-0 tab-pane fade show active" role="tabpanel" aria-labelledby="kt_activity_today_tab">
                                <!--begin::Timeline-->
                                <div class="timeline">
                                    <!--begin::Timeline item-->
                                    <div class="timeline-item">
                                        <!--begin::Timeline line-->
                                        <div class="timeline-line w-40px"></div>
                                        <!--end::Timeline line-->
                                        <!--begin::Timeline icon-->
                                        <div class="timeline-icon symbol symbol-circle primary symbol-40px me-4 ">
                                            <div class="symbol-label bg-primary text-inverse-primary">
                                                <!--begin::Svg Icon | path: icons/duotune/communication/com003.svg-->
                                                CC

                                                <!--end::Svg Icon-->
                                            </div>
                                        </div>
                                        <!--end::Timeline icon-->
                                        <!--begin::Timeline content-->
                                        <div class="timeline-content mb-10 mt-n1">
                                            <!--begin::Timeline heading-->
                                            <div class="pe-3 mb-5">
                                                <!--begin::Title-->
                                                <div class="fs-5 fw-bold mb-2">There are 2 new tasks for you in “AirPlus Mobile App” project:</div>
                                                <!--end::Title-->
                                                <!--begin::Description-->
                                                <div class="d-flex align-items-center mt-1 fs-6">
                                                    <!--begin::Info-->
                                                    <div class="text-muted me-2 fs-7">Added at 4:23 PM by Admin</div>
                                                    <!--end::Info-->

                                                </div>
                                                <!--end::Description-->
                                            </div>
                                            <!--end::Timeline heading-->

                                        </div>
                                        <!--end::Timeline content-->
                                    </div>
                                    <!--end::Timeline item-->
                                    <!--begin::Timeline item-->
                                    <div class="timeline-item">
                                        <!--begin::Timeline line-->
                                        <div class="timeline-line w-40px"></div>
                                        <!--end::Timeline line-->
                                        <!--begin::Timeline icon-->
                                        <div class="timeline-icon symbol symbol-circle primary symbol-40px me-4 ">
                                            <div class="symbol-label bg-primary ">
                                                <!--begin::Svg Icon | path: icons/duotune/communication/com003.svg-->
                                                <i class="bi bi-laptop text-inverse-primary"></i>

                                                <!--end::Svg Icon-->
                                            </div>
                                        </div>
                                        <!--end::Timeline icon-->
                                        <!--begin::Timeline content-->
                                        <div class="timeline-content mb-10 mt-n1">
                                            <!--begin::Timeline heading-->
                                            <div class="pe-3 mb-5">
                                                <!--begin::Title-->
                                                <div class="fs-5 fw-bold mb-2">There are 2 new tasks for you in “AirPlus Mobile App” project:</div>
                                                <!--end::Title-->
                                                <!--begin::Description-->
                                                <div class="d-flex align-items-center mt-1 fs-6">
                                                    <!--begin::Info-->
                                                    <div class="text-muted me-2 fs-7">Added at 4:23 PM by Admin</div>
                                                    <!--end::Info-->

                                                </div>
                                                <!--end::Description-->
                                            </div>
                                            <!--end::Timeline heading-->

                                        </div>
                                        <!--end::Timeline content-->
                                    </div>
                                    <!--end::Timeline item-->



                                </div>
                                <!--end::Timeline-->
                            </div>
                        </div>
                        <!--end::Tab Content-->
                    </div>
                    <!--end::Card body-->
                </div>


            </div>
        </div>

    </div>

</div>

@endsection

@section('scripts')
<script src="{{asset('js/employer/candidate/candidateview.js')}}"></script>
<script src="{{asset('js/jquery.raty.js')}}?version={{rand()}}"></script>
@endsection