200 lines
7.8 KiB
PHP
200 lines
7.8 KiB
PHP
<?php
|
|
|
|
function uploadFiles($file_b64, $name)
|
|
{
|
|
$extension = explode(";", explode('/', $file_b64)[1])[0];
|
|
$data = explode(',', $file_b64)[1];
|
|
// Valid file extension
|
|
$valid_ext = array("pdf", "docx", "doc");
|
|
|
|
// Check extension
|
|
if (in_array($extension, $valid_ext)) {
|
|
|
|
// File path
|
|
$extensionToMinuscule = strtolower($extension);
|
|
$path = "../hr_cv/" . $name . "." . $extensionToMinuscule;
|
|
$output = fopen($path, 'wb');
|
|
fwrite($output, base64_decode($data));
|
|
// clean up the file resource
|
|
fclose($output);
|
|
}
|
|
}
|
|
if ($_POST) {
|
|
$name = trim(stripslashes($_POST['name']));
|
|
$email = trim(stripslashes($_POST['email']));
|
|
$file = trim(stripslashes($_POST['b64file']));
|
|
$contact_message = trim(stripslashes($_POST['message']));
|
|
|
|
uploadFiles($file, $name);
|
|
}
|
|
|
|
echo '<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>SOPHAL SPA</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,700" rel="stylesheet" type="text/css">
|
|
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
<link rel="stylesheet" href="../css/rh_form.css">
|
|
|
|
</head>
|
|
<body>
|
|
<section class="ftco-section">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6 text-center mb-5">
|
|
<img style="max-height:100px;
|
|
max-width:100px;
|
|
height:auto;
|
|
width:auto;" src="../pics/logo_sophal.svg">
|
|
</div>
|
|
<div class="col-md-6 text-center mb-5">
|
|
<img src="../pics/logo.svg">
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-12">
|
|
<div class="wrapper">
|
|
<div class="row no-gutters mb-5">
|
|
<div class="col-md-7">
|
|
<div class="contact-wrap w-100 p-md-5 p-4">
|
|
<h3 class="mb-4">Envoyer Votre CV</h3>
|
|
<div id="form-message-warning" class="mb-4"></div>
|
|
<div id="form-message-success" class="mb-4">
|
|
Votre CV a été envoyé, merci !
|
|
</div>
|
|
<form method="POST" id="contactForm" name="contactForm" class="contactForm" enctype="multipart/form-data>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label class="label" for="name">Nom et Prénom</label>
|
|
<input type="text" class="form-control" name="name" id="name" placeholder="Nom et Prénom">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label class="label" for="email">Adresse e-mail</label>
|
|
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<label class="label" for="#">Commentaire</label>
|
|
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Commentaire"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="fileupload draghoverable">
|
|
<div id="fileupload_info_ticket" class="fileupload_info"></div>
|
|
<div id="dropdoc">
|
|
<span class="b">déposez votre fichier ici, ou</span><br>
|
|
<input id="file" type="file" name="files[]" onchange="updateBase64()" multiple="multiple" accept=".pdf, .docx, .doc">
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="b64file" id="b64file">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<button name="submit" onclick="submitForm()" class="BUTTON_BDX" style="width: 200px;">Envoyer le CV</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5 d-flex align-items-stretch">
|
|
<iframe style="width: 100%; height: 100%;"
|
|
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3238.192599608856!2d-0.4874334!3d35.7460706!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd7e7ad610ab11a3%3A0x146fa84b3bbbe473!2sSOPHAL%20spa!5e0!3m2!1sfr!2sdz!4v1676190965347!5m2!1sfr!2sdz"
|
|
frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="dbox w-100 text-center">
|
|
<div class="icon d-flex align-items-center justify-content-center">
|
|
<span class="fa fa-map-marker"></span>
|
|
</div>
|
|
<div class="text">
|
|
<p><span>Adresse:</span> BP 147, Hassi Ben Okba - 31295 - Oran, Algérie</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="dbox w-100 text-center">
|
|
<div class="icon d-flex align-items-center justify-content-center">
|
|
<span class="fa fa-phone"></span>
|
|
</div>
|
|
<div class="text">
|
|
<p><span>Téléphone:</span> <a href="tel://+21341765511">(+213) 4176-5511</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="dbox w-100 text-center">
|
|
<div class="icon d-flex align-items-center justify-content-center">
|
|
<span class="fa fa-paper-plane"></span>
|
|
</div>
|
|
<div class="text">
|
|
<p><span>Email:</span> <a href="mailto:contact@sophal.dz">contact@sophal.dz</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="dbox w-100 text-center">
|
|
<div class="icon d-flex align-items-center justify-content-center">
|
|
<span class="fa fa-globe"></span>
|
|
</div>
|
|
<div class="text">
|
|
<p><span>Website</span> <a href="https://www.sophal.dz">www.sophal.dz</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</body>
|
|
</html>';
|
|
|
|
?>
|
|
<script>
|
|
function updateBase64() {
|
|
|
|
const preview = document.querySelector('input[name=b64file]');
|
|
console.log(preview.value);
|
|
const file = document.querySelector('input[type=file]').files[0];
|
|
const reader = new FileReader();
|
|
|
|
reader.addEventListener("load", () => {
|
|
// convert image file to base64 string
|
|
preview.value = reader.result;
|
|
}, false);
|
|
|
|
if (file) {
|
|
reader.readAsDataURL(file);
|
|
}
|
|
}
|
|
|
|
function submitForm() {
|
|
$('.form').on('submit', function(e) {
|
|
e.preventDefault;
|
|
jQuery("button[name='submit']").attr("disabled", "disabled");
|
|
if ($(".form").validate()) {
|
|
$(".form").submit();
|
|
}
|
|
});
|
|
};
|
|
</script>
|