Demo-Project/Laravel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init commit

Browse Source
This commit is contained in:
David Melendez
2026-01-14 22:38:44 +01:00
parent 4e0c415f0b
commit e25d53d054
124 changed files with 21653 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
resources/views/resume-builder/index.blade.php Normal file
View File

@@ -0,0 +1,327 @@
@extends('layouts.app')
@section('title', 'My Resumes')
@section('content')
<div class="container-fluid">
<div class="row">
<div class="col-12">
<!-- Page Header -->
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<h1 class="h3 mb-1">My Resumes</h1>
<p class="text-muted mb-0">Manage and edit your professional resumes</p>
</div>
<div class="d-flex gap-2">
<a href="{{ route('dashboard') }}" class="btn btn-outline-secondary">
<i class="bi bi-arrow-left"></i> Dashboard
</a>
<a href="{{ route('resume-builder.create') }}" class="btn btn-primary">
<i class="bi bi-plus-circle"></i> Create New Resume
</a>
</div>
</div>
<!-- Statistics Cards -->
<div class="row mb-4">
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-0 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h6 class="card-subtitle mb-1 text-muted">Total Resumes</h6>
<h3 class="card-title mb-0 fw-bold text-primary">{{ $resumeStats['total_resumes'] ?? 0 }}</h3>
</div>
<div class="bg-primary bg-opacity-10 rounded-circle p-3">
<i class="bi bi-file-earmark-text text-primary fs-4"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-0 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h6 class="card-subtitle mb-1 text-muted">Published</h6>
<h3 class="card-title mb-0 fw-bold text-success">{{ $resumeStats['published_resumes'] ?? 0 }}</h3>
</div>
<div class="bg-success bg-opacity-10 rounded-circle p-3">
<i class="bi bi-check-circle text-success fs-4"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-0 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h6 class="card-subtitle mb-1 text-muted">Draft</h6>
<h3 class="card-title mb-0 fw-bold text-warning">{{ $resumeStats['draft_resumes'] ?? 0 }}</h3>
</div>
<div class="bg-warning bg-opacity-10 rounded-circle p-3">
<i class="bi bi-pencil text-warning fs-4"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-0 shadow-sm">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h6 class="card-subtitle mb-1 text-muted">Total Views</h6>
<h3 class="card-title mb-0 fw-bold text-info">{{ $resumeStats['total_views'] ?? 0 }}</h3>
</div>
<div class="bg-info bg-opacity-10 rounded-circle p-3">
<i class="bi bi-eye text-info fs-4"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Resumes Grid -->
<div class="row">
@forelse($resumes as $resume)
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100 shadow-sm resume-card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start mb-3">
<div class="flex-grow-1">
<h5 class="card-title mb-1">{{ $resume->title ?? 'Untitled Resume' }}</h5>
<p class="card-text text-muted small mb-2">
Template: <span class="fw-medium">{{ ucfirst($resume->template_id ?? 'Unknown') }}</span>
</p>
</div>
<div class="dropdown">
<button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="dropdown">
<i class="bi bi-three-dots-vertical"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#" onclick="editResume('{{ $resume->id }}')">
<i class="bi bi-pencil"></i> Edit
</a></li>
<li><a class="dropdown-item" href="#" onclick="viewResume('{{ $resume->id }}')">
<i class="bi bi-eye"></i> Preview
</a></li>
<li><a class="dropdown-item" href="#" onclick="duplicateResume('{{ $resume->id }}')">
<i class="bi bi-files"></i> Duplicate
</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger" href="#" onclick="deleteResume('{{ $resume->id }}')">
<i class="bi bi-trash"></i> Delete
</a></li>
</ul>
</div>
</div>
<!-- Resume Status -->
<div class="mb-3">
@if($resume->status === 'published')
<span class="badge bg-success">Published</span>
@elseif($resume->status === 'draft')
<span class="badge bg-warning">Draft</span>
@else
<span class="badge bg-secondary">{{ ucfirst($resume->status ?? 'Unknown') }}</span>
@endif
@if($resume->is_public)
<span class="badge bg-info">Public</span>
@endif
</div>
<!-- Progress Bar -->
@php
$completion = $resume->completion_percentage ?? 0;
@endphp
<div class="mb-3">
<div class="d-flex justify-content-between small text-muted mb-1">
<span>Completion</span>
<span>{{ $completion }}%</span>
</div>
<div class="progress" style="height: 6px;">
<div class="progress-bar @if($completion < 50) bg-warning @elseif($completion < 80) bg-info @else bg-success @endif"
style="width: {{ $completion }}%"></div>
</div>
</div>
<!-- Resume Meta Info -->
<div class="text-muted small mb-3">
<div class="d-flex justify-content-between">
<span><i class="bi bi-calendar"></i> Created: {{ $resume->created_at->format('M j, Y') }}</span>
</div>
<div class="d-flex justify-content-between">
<span><i class="bi bi-clock"></i> Updated: {{ $resume->updated_at->diffForHumans() }}</span>
</div>
</div>
<!-- Action Buttons -->
<div class="d-grid gap-2">
<button class="btn btn-primary" onclick="editResume('{{ $resume->id }}')">
<i class="bi bi-pencil"></i> Edit Resume
</button>
@if($resume->is_public && $resume->public_url)
<button class="btn btn-outline-secondary btn-sm" onclick="shareResume('{{ $resume->public_url }}')">
<i class="bi bi-share"></i> Share
</button>
@endif
</div>
</div>
</div>
</div>
@empty
<div class="col-12">
<div class="text-center py-5">
<div class="mb-4">
<i class="bi bi-file-earmark-plus display-1 text-muted"></i>
</div>
<h4 class="mb-3">No Resumes Yet</h4>
<p class="text-muted mb-4">Create your first professional resume to get started.</p>
<a href="{{ route('resume-builder.create') }}" class="btn btn-primary btn-lg">
<i class="bi bi-plus-circle"></i> Create Your First Resume
</a>
</div>
</div>
@endforelse
</div>
<!-- Pagination -->
@if($resumes->hasPages())
<div class="d-flex justify-content-center mt-4">
{{ $resumes->links() }}
</div>
@endif
</div>
</div>
</div>
<!-- Delete Confirmation Modal -->
<div class="modal fade" id="deleteResumeModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Delete Resume</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>Are you sure you want to delete this resume? This action cannot be undone.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" id="confirmDeleteBtn">Delete</button>
</div>
</div>
</div>
</div>
@endsection
@push('styles')
<style>
.resume-card {
transition: transform 0.2s ease-in-out;
}
.resume-card:hover {
transform: translateY(-2px);
}
</style>
@endpush
@push('scripts')
<script>
function editResume(resumeId) {
// Redirect to edit page (implement this route)
window.location.href = `/resume-builder/${resumeId}/edit`;
}
function viewResume(resumeId) {
// Open preview in new tab (implement this route)
window.open(`/resume-builder/${resumeId}`, '_blank');
}
function duplicateResume(resumeId) {
// Make AJAX request to duplicate
fetch(`/resume-builder/${resumeId}/duplicate`, {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}',
'Content-Type': 'application/json',
},
})
.then(response => response.json())
.then(data => {
if (data.success) {
location.reload();
} else {
alert('Failed to duplicate resume');
}
})
.catch(error => {
console.error('Error:', error);
alert('An error occurred while duplicating the resume');
});
}
function shareResume(publicUrl) {
// Copy public URL to clipboard
navigator.clipboard.writeText(window.location.origin + '/resume/' + publicUrl)
.then(() => {
// Show success message
const toast = document.createElement('div');
toast.className = 'toast position-fixed top-0 end-0 m-3';
toast.innerHTML = `
<div class="toast-body bg-success text-white">
<i class="bi bi-check-circle"></i> Resume link copied to clipboard!
</div>
`;
document.body.appendChild(toast);
const bsToast = new bootstrap.Toast(toast);
bsToast.show();
setTimeout(() => toast.remove(), 3000);
})
.catch(() => {
alert('Failed to copy link to clipboard');
});
}
let resumeToDelete = null;
function deleteResume(resumeId) {
resumeToDelete = resumeId;
const modal = new bootstrap.Modal(document.getElementById('deleteResumeModal'));
modal.show();
}
document.getElementById('confirmDeleteBtn').addEventListener('click', function() {
if (resumeToDelete) {
// Create form and submit
const form = document.createElement('form');
form.method = 'POST';
form.action = `/resume-builder/${resumeToDelete}`;
const csrfToken = document.createElement('input');
csrfToken.type = 'hidden';
csrfToken.name = '_token';
csrfToken.value = '{{ csrf_token() }}';
const methodField = document.createElement('input');
methodField.type = 'hidden';
methodField.name = '_method';
methodField.value = 'DELETE';
form.appendChild(csrfToken);
form.appendChild(methodField);
document.body.appendChild(form);
form.submit();
}
});
</script>
@endpush