관리-도구

편집 파일: user-profile.blade.php

@extends('theme.saintsaccessories.websiteEcom')
@php
use App\Models\Jobpost;
use App\Models\Jobapplication;
@endphp
<style>
    a.theme-btn.text-dark.mr-3 {
    color: white !important;
}
.modal.show .modal-dialog {
    transform: translate(0%, -34%) !important;
    top: 50% !important;
}
.modal-dialog .modal-content {
    border-radius: 0;
    height: 320px !important;
    padding: 30px !important;
}
.job-listing {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px 0px 30px;
    transition: all .5s ease;
    background: #3333;
    align-items: center;
    border: 4px solid black;
    margin: 20px 0 20px 0;
}

.job-listing p {
    margin: 0;
    font-size: 18px;
    color: black;
}

.job-listing a {
    background: black;
    color: white !important;
    padding: 17px 50px;
}
.job-listing:hover {
    background: black;
}

.job-listing:hover a {
    background: white;
    color: black !important;
}

.job-listing:hover p {
    color: white;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
@section('content')
  
<div class="modal fade" id="notificationModal" tabindex="-1" aria-labelledby="notificationModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="d-flex justify-content-between align-items-center pb-5">
                             <h1 class="modal-title" id="notificationModalLabel">Send Invitations</h1>
                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                    <div class="modal-body">
                        
                        <form action="{{ url('/candidate-notifications') }}" method="POST">
                            @csrf
                                <input type="hidden" name="candidate_id"  value="{{ $data[0]->id }}" class="form-control">
                                @auth
                                    <input type="hidden" name="company_id" id="company_name" value="{{ auth()->user()->id }}" class="form-control">
                                    <input type="hidden" name="company_name" value="{{ auth()->user()->name }}" class="form-control">
                                    <input type="hidden" name="company_email" id="company_email" value="{{ auth()->user()->email }}" class="form-control">
                                @endauth
                            <div class="mb-3">
                                <label for="job_url" class="form-label">Select Job</label>
                                <select  class="form-control"  name="job_url"  >
                                   @if(auth()->check())
                                    @foreach(App\Models\Jobpost::where('company_name', auth()->user()->name)->get() as $datas)
                                        <option value="{{ $datas->id }}">{{ $datas->job_title }}</option>
                                    @endforeach
                                @else
                                    <option value="">Please log in to view your job posts.</option>
                                @endif
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary w-100">Send Link</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
<section class="user_hero_sec">
    <div class="container">
        <div class="user_profile_main">
            {{----}}
            <div class="user_bg_image"><img class="img_Fluid" src="{{  asset('public/theme/saintsaccessories/images/user_bg_img.jpg') }}" alt=""></div>
            <div class="user_profile_image"><img src="{{ (asset('public/uploads/profile/'.$data[0]->profile_picture) !='')? asset('public/uploads/profile/'.$data[0]->profile_picture) : asset('public/theme/saintsaccessories/images/user_profile_picture.jpg') }}" alt=""></div>
            <div class="user_info">
                <div class="d-flex justify-content-between">
                    <div>
                        <h2 class="title">{{ $data[0]->name }}</h2>
                        <h6 class="subtitle">{{ $data[0]->email?? '' }}</h6>
                        <h6 class="subtitle">{{ $data[0]->phone?? '' }}</h6>
        				<ul class="about_user_location" >
        					<li>Minimun Desired Pay: {{ $data[0]->minimum_pay }}</li>
        				</ul>
        				@if(Auth::check())
        				@if($data[0]->id == Auth::user()->id)
        				<a href="{{ url('/user-dashboard/'.Auth::user()->id) }}" class="theme-btn text-dark mr-3">Edit Profile</a>
        				@endif
        				@endif
        				
        				
        				
    				</div>
    				
    				<div class="employer-spotlight">
    				    
    				    
    				    @if(Auth::user())
                              @if(Auth::user()->user_type == 'company')
                                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#notificationModal">Send Job Invitation</button>
                                @endif
                              @else
                            @endif
				    </div>
			    </div>
		    </div>
		    <div class="about_other_info_about_user">
		           @if(session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
		        
		        <div class="tab-container">
		            <div class="tab active" onclick="showTab('tab2')">Details</div>
    				<div class="tab" onclick="showTab('tab3')">Applied Jobs</div>
    				<div class="tab" onclick="showTab('tab4')">Career help </div>
    				<div class="tab" onclick="showTab('tab5')">Roundtable Interview Request Form</div>
    				@if(Auth::user())
                              @if(Auth::user()->user_type == 'customer')
    				<div class="tab" onclick="showTab('tab6')">See Job Notifications</div>
    				@endif
                  @else
                @endif
				</div>
		   </div>
	   </div>
   </div>
</section>
<section class="about_tabs_info">
    <div class="container">
        <div class="about_com">
			
			<div class="tab-content active" id="tab2">
			    <div class="about_content">
			        <div>
			            <h3>Employee Information</h3>
			            <p>{{ $data[0]->name }}</p>
			            <h6 class="subtitle">Purpose Of Joining This Platform</h6>
			            <p>{{ $data[0]->purpose }}</p>
						<h6 class="subtitle">Looking for Job</h6>
						<p>{{ $data[0]->job_title }}</p>
						<h6 class="subtitle">Looking In Location</h6>
						<p>{{ $data[0]->job_location }}</p>
						<h6 class="subtitle">Looking For Type Of Workplace</h6>
						<p>{{ $data[0]->workplace_type }}</p>
						<h6 class="subtitle">Desired Pay</h6>
						<p>${{ $data[0]->desired_pay }}</p>
						
						
					</div>
					<div>
					    @auth()
                        @if(Auth::user()->id == 1)
                        <h3>Contact Details</h3>
                        <h6 class="subtitle">Email</h6>
                        <p>{{ $data[0]->email }}</p>
                        <h6 class="subtitle">Phone</h6>
						<p>{{ $data[0]->phone }}</p>
                        @endif
                        @endauth
						@if($data[0]->user_resume != '')
						<div class="mt-5">
						    <a href="{{ asset('public/uploads/resume/'.$data[0]->user_resume) }}" class="theme-btn ml-2 mt-2" target="_blank">View Resume</a><br>
						    <a href="{{ asset('public/uploads/certificates/'.$data[0]->user_certificate) }}" class="theme-btn ml-2 mt-3" target="_blank">View Certificate</a>
					    </div>
						@endif
					</div>
				</div>
			</div>
		    <div class="tab-content " id="tab3">
		        <div class="job_post d-none">
		            <div class="d-flex">
			            <span><i class='bx bxs-briefcase'></i></span>
			            <div><h2>Are you hiring?</h2><p>Attract qualified applicants by posting and showcasing jobs on your page.</p></div>
	                </div>
	                <div class="follow_btn">
                    </div>
                </div>
                <div class="job_post">
                    <div class="job_persons_list">
                        <h2>All Applied Jobs</h2>
                        @if(Auth::check())
                        @php
                        $appliedJobs= Jobapplication::where('user_id',Auth::user()->id)->get();
                        $allJobs = Jobpost::whereIn('id',$appliedJobs)->get();
                        @endphp
                        @foreach($allJobs as $job)
                        <div class="d-flex mt-3" style="border-bottom:1px solid beige">
                            <div>
                                <span><i class='bx bxs-briefcase'></i></span>
                                <img src="{{ (asset('public/uploads/companyprofiles/'.$data[0]->companyprofileimage) !='')? asset('public/uploads/companyprofiles/'.$data[0]->company_profile_image) : asset('public/theme/saintsaccessories/images/user_profile_picture.jpg') }}" alt="">
                            </div>
                            
                            <div>
                                <a href="{{ url('/company_detail/'.$job->id) }}"><h2>{{ $job->job_title }}</h2></a>
                                <P>{{ $job->company_name }}</P>
                                <p>	Posted on( {{ $job->created_at->format('Y-m-d') }} ) -  Expire on( {{ $job->job_post_expiry_date }} )</p>
                            </div>
                        </div>
                        @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="tab-content active" id="tab4">
                <div class="about_content">
                    <div>
                        <h3 class="mt-3">Resume Review</h3>
                        <p>Coming Soon</p>
						<h3 class="mt-3">Interview Prep </h3>
                        <p>Coming Soon</p>
						
						
						<h3  class="mt-3">Skill Builders </h3>
						<p>Coming Soon</p>
					</div>
				</div>
			</div>
			
			
			
			
   
			
			
   
   
   
   
   
   
   
   
   
   
   
                          
   
   
   
   
   
                        
   
   
        				   
   
   
   
   
                               
   
   
                          
   
                               
   
   
   
                        
   
   
        				   
   
   
   
   
                               
   
   
                          
   
                               
   
   
                          
   
                               
   
   
                          
   
                               
   
   
   
                        
   
   
   
   
					 
			
			
			
			        {{--@foreach( as $jobpost)--}}
			<div class="tab-content" id="tab6">
			    <div style="display: block;"  class="about_content">
			        <h2>Invitations</h2>
			        @foreach(App\Models\CandidateNotification::where('candidate_id', auth()->user()->id)->get() as $jobpost)
                    <div class="job-listing">
                        <p><strong>Company Name:</strong> {{ $jobpost->company_name }}</p>
                        <a href="{{ url('company_detail/' . $jobpost->job_url) }}" target="_blank">Apply Now</a>
                    </div>
                @endforeach
			    </div>
			</div>
		</div>
	</div>
</section>
@endsection
@section('js-script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script>
function showTab(tabId) {
    // Hide all tab contents
    var tabContents = document.getElementsByClassName("tab-content");
    for (var i = 0; i < tabContents.length; i++) {
        tabContents[i].classList.remove("active");
    }
    
    // Show the selected tab content
    var selectedTab = document.getElementById(tabId);
    selectedTab.classList.add("active");
    
    // Highlight the active tab
    var tabs = document.getElementsByClassName("tab");
    for (var j = 0; j < tabs.length; j++) {
        tabs[j].classList.remove("active");
    }
    event.target.classList.add("active");
}
</script>
@endsection