var/cache/dev/twig/0f/0f3df1a455e94db56dfae3d739ee91e6.php line 62

  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* partials/_document_upload.html.twig */
  16. class __TwigTemplate_eb73f4d32b77ae0e816878de4093ad13 extends \Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.         ];
  31.     }
  33.     protected function doDisplay(array $context, array $blocks = [])
  34.     {
  35.         $macros = $this->macros;
  36.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "partials/_document_upload.html.twig"));
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "partials/_document_upload.html.twig"));
  42.         // line 1
  43.         $context["input_class"] = ((array_key_exists("input_class", $context)) ? (_twig_default_filter((isset($context["input_class"]) || array_key_exists("input_class", $context) ? $context["input_class"] : (function () { throw new RuntimeError('Variable "input_class" does not exist.', 1, $this->source); })()), "w-full px-4 py-2 rounded-lg border border-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition")) : ("w-full px-4 py-2 rounded-lg border border-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition"));
  44.         // line 2
  45.         echo "
  46. <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">
  47.     ";
  48.         // line 4
  49.         $context['_parent'] = $context;
  50.         $context['_seq'] = twig_ensure_traversable((isset($context["document_labels"]) || array_key_exists("document_labels", $context) ? $context["document_labels"] : (function () { throw new RuntimeError('Variable "document_labels" does not exist.', 4, $this->source); })()));
  51.         foreach ($context['_seq'] as $context["field"] => $context["config"]) {
  52.             // line 5
  53.             echo "        ";
  54.             // line 6
  55.             echo "        ";
  56.             $context["fileName"] = twig_get_attribute($this->env, $this->source, (isset($context["candidature"]) || array_key_exists("candidature", $context) ? $context["candidature"] : (function () { throw new RuntimeError('Variable "candidature" does not exist.', 6, $this->source); })()), $context["field"], [], "any", false, false, false, 6);
  57.             // line 7
  58.             echo "        ";
  59.             $context["fileExists"] = ( !(null === (isset($context["fileName"]) || array_key_exists("fileName", $context) ? $context["fileName"] : (function () { throw new RuntimeError('Variable "fileName" does not exist.', 7, $this->source); })())) && ((isset($context["fileName"]) || array_key_exists("fileName", $context) ? $context["fileName"] : (function () { throw new RuntimeError('Variable "fileName" does not exist.', 7, $this->source); })()) != ""));
  60.             // line 8
  61.             echo "        ";
  62.             $context["isImage"] = preg_match("/\\.(jpg|jpeg|png|gif|webp|svg)\$/i", (isset($context["fileName"]) || array_key_exists("fileName", $context) ? $context["fileName"] : (function () { throw new RuntimeError('Variable "fileName" does not exist.', 8, $this->source); })()));
  63.             // line 9
  64.             echo "        ";
  65.             // line 10
  66.             echo "        ";
  67.             $context["fileUrl"] = $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("media/" . twig_get_attribute($this->env, $this->source, (isset($context["candidature"]) || array_key_exists("candidature", $context) ? $context["candidature"] : (function () { throw new RuntimeError('Variable "candidature" does not exist.', 10, $this->source); })()), "numero", [], "any", false, false, false, 10)) . "/") . (isset($context["fileName"]) || array_key_exists("fileName", $context) ? $context["fileName"] : (function () { throw new RuntimeError('Variable "fileName" does not exist.', 10, $this->source); })())));
  68.             // line 11
  69.             echo "        
  70.         <div class=\"transform transition-all duration-300 hover:-translate-y-1\">
  71.             <div class=\"bg-white rounded-xl p-5 border-2 border-dashed border-slate-200 hover:border-indigo-400 hover:bg-indigo-50/30 transition-all group cursor-pointer upload-area\" data-field=\"";
  72.             // line 13
  73.             echo twig_escape_filter($this->env, $context["field"], "html", null, true);
  74.             echo "\">
  75.                 <div class=\"flex flex-col items-center text-center\">
  76.                     <!-- Cadre d'aperçu (toujours visible) -->
  77.                     <div class=\"w-full mb-3 bg-slate-50 rounded-lg border border-slate-200 overflow-hidden\" style=\"height: 120px;\">
  78.                         <div class=\"w-full h-full flex items-center justify-center preview-container\" id=\"preview-";
  79.             // line 17
  80.             echo twig_escape_filter($this->env, $context["field"], "html", null, true);
  81.             echo "\">
  82.                             ";
  83.             // line 18
  84.             if (((isset($context["fileExists"]) || array_key_exists("fileExists", $context) ? $context["fileExists"] : (function () { throw new RuntimeError('Variable "fileExists" does not exist.', 18, $this->source); })()) && (isset($context["isImage"]) || array_key_exists("isImage", $context) ? $context["isImage"] : (function () { throw new RuntimeError('Variable "isImage" does not exist.', 18, $this->source); })()))) {
  85.                 // line 19
  86.                 echo "                                <img src=\"";
  87.                 echo twig_escape_filter($this->env, (isset($context["fileUrl"]) || array_key_exists("fileUrl", $context) ? $context["fileUrl"] : (function () { throw new RuntimeError('Variable "fileUrl" does not exist.', 19, $this->source); })()), "html", null, true);
  88.                 echo "\" 
  89.                                      alt=\"Aperçu ";
  90.                 // line 20
  91.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["config"], "text", [], "any", false, false, false, 20), "html", null, true);
  92.                 echo "\" 
  93.                                      class=\"w-full h-full object-contain p-1\"
  94.                                      onerror=\"this.parentElement.innerHTML = '<i class=\\'fas fa-exclamation-triangle text-red-500 text-2xl\\'></i><span class=\\'text-xs text-red-500 ml-1\\'>Erreur</span>'\">
  95.                             ";
  96.             } elseif ((            // line 23
  97. (isset($context["fileExists"]) || array_key_exists("fileExists", $context) ? $context["fileExists"] : (function () { throw new RuntimeError('Variable "fileExists" does not exist.', 23, $this->source); })()) &&  !(isset($context["isImage"]) || array_key_exists("isImage", $context) ? $context["isImage"] : (function () { throw new RuntimeError('Variable "isImage" does not exist.', 23, $this->source); })()))) {
  98.                 // line 24
  99.                 echo "                                ";
  100.                 // line 25
  101.                 echo "                                <div class=\"flex flex-col items-center justify-center text-slate-400\">
  102.                                     <i class=\"fas fa-file-pdf text-4xl text-red-500 mb-1\"></i>
  103.                                     <span class=\"text-xs\">PDF</span>
  104.                                 </div>
  105.                             ";
  106.             } else {
  107.                 // line 30
  108.                 echo "                                <div class=\"flex flex-col items-center justify-center text-slate-400\">
  109.                                     <i class=\"fas fa-";
  110.                 // line 31
  111.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["config"], "icon", [], "any", false, false, false, 31), "html", null, true);
  112.                 echo " text-3xl mb-1\"></i>
  113.                                     <span class=\"text-xs\">Aucun fichier</span>
  114.                                 </div>
  115.                             ";
  116.             }
  117.             // line 35
  118.             echo "                        </div>
  119.                     </div>
  120.                     
  121.                 ";
  122.             // line 38
  123.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 38, $this->source); })()), $context["field"], [], "any", false, false, false, 38), 'widget', ["attr" => ["class" => "hidden file-input", "data-field" =>             // line 40
  124. $context["field"], "accept" => twig_get_attribute($this->env, $this->source,             // line 41
  125. $context["config"], "accept", [], "any", false, false, false, 41), "data-max-size" => "10485760", "data-current-file" => ((            // line 43
  126. $context["fileName"]) ?? (""))]]);
  127.             // line 44
  128.             echo "
  129.                 ";
  130.             // line 46
  131.             echo "                    
  132.                     <label class=\"block text-sm font-semibold text-slate-700 mb-1\">
  133.                         ";
  134.             // line 48
  135.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["config"], "text", [], "any", false, false, false, 48), "html", null, true);
  136.             echo "
  137.                         <span class=\"text-xs font-normal text-slate-500 ml-1\">(";
  138.             // line 49
  139.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["config"], "formats", [], "any", false, false, false, 49), "html", null, true);
  140.             echo ")</span>
  141.                     </label>
  143.                     ";
  144.             // line 53
  145.             echo "                    ";
  146.             if ((isset($context["fileExists"]) || array_key_exists("fileExists", $context) ? $context["fileExists"] : (function () { throw new RuntimeError('Variable "fileExists" does not exist.', 53, $this->source); })())) {
  147.                 // line 54
  148.                 echo "                        <div class=\"mt-4 w-full\">
  149.                             <a href=\"";
  150.                 // line 55
  151.                 echo twig_escape_filter($this->env, (isset($context["fileUrl"]) || array_key_exists("fileUrl", $context) ? $context["fileUrl"] : (function () { throw new RuntimeError('Variable "fileUrl" does not exist.', 55, $this->source); })()), "html", null, true);
  152.                 echo "\" target=\"_blank\" class=\"inline-flex items-center justify-center w-full sm:w-auto px-4 py-2.5 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700 transition shadow-sm hover:shadow focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\">
  153.                                 <i class=\"fas fa-download mr-2\"></i> Télécharger
  154.                             </a>
  155.                         </div>
  156.                     ";
  157.             }
  158.             // line 60
  159.             echo "                </div>
  160.             </div>
  161.         </div>
  162.     ";
  163.         }
  164.         $_parent = $context['_parent'];
  165.         unset($context['_seq'], $context['_iterated'], $context['field'], $context['config'], $context['_parent'], $context['loop']);
  166.         $context = array_intersect_key($context, $_parent) + $_parent;
  167.         // line 64
  168.         echo "</div>
  170. <script>
  171. document.addEventListener('DOMContentLoaded', function() {
  172.     // Gestion du clic sur la zone d'upload
  173.     document.querySelectorAll('.upload-area').forEach(area => {
  174.         area.addEventListener('click', function(e) {
  175.             // Ne pas déclencher si on clique sur un lien (comme le téléchargement)
  176.             if (e.target.tagName === 'A' || e.target.closest('a')) {
  177.                 return;
  178.             }
  179.             
  180.             const field = this.dataset.field;
  181.             const fileInput = document.querySelector(`.file-input[data-field=\"\${field}\"]`);
  182.             if (fileInput) {
  183.                 fileInput.click();
  184.             }
  185.         });
  186.     });
  188.     // Gestion du changement de fichier
  189.     document.querySelectorAll('.file-input').forEach(input => {
  190.         input.addEventListener('change', function(e) {
  191.             const field = this.dataset.field;
  192.             const file = e.target.files[0];
  193.             
  194.             // Vérifier la taille du fichier
  195.             if (file && file.size > parseInt(this.dataset.maxSize)) {
  196.                 alert('Le fichier dépasse la limite de ' + (parseInt(this.dataset.maxSize) / 1048576) + ' Mo.');
  197.                 this.value = '';
  198.                 return;
  199.             }
  200.             
  201.             if (file) {
  202.                 // Mettre à jour l'aperçu
  203.                 const previewContainer = document.getElementById(`preview-\${field}`);
  204.                 
  205.                 if (file.type.startsWith('image/')) {
  206.                     const reader = new FileReader();
  207.                     reader.onload = function(readerEvent) {
  208.                         previewContainer.innerHTML = `<img src=\"\${readerEvent.target.result}\" alt=\"Aperçu\" class=\"w-full h-full object-contain p-1\">`;
  209.                     }
  210.                     reader.readAsDataURL(file);
  211.                 } else {
  212.                     // Pour les PDF, afficher une icône PDF
  213.                     previewContainer.innerHTML = `
  214.                         <div class=\"flex flex-col items-center justify-center text-slate-400\">
  215.                             <i class=\"fas fa-file-pdf text-4xl text-red-500 mb-1\"></i>
  216.                             <span class=\"text-xs\">PDF sélectionné</span>
  217.                         </div>
  218.                     `;
  219.                 }
  220.             }
  221.         });
  222.     });
  223. });
  224. </script>
  226. <style>
  227. .upload-area {
  228.     transition: all 0.3s ease;
  229.     cursor: pointer;
  230. }
  232. .upload-area:hover {
  233.     box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.1);
  234. }
  236. .preview-container {
  237.     transition: all 0.2s ease;
  238. }
  240. .upload-area:hover .preview-container {
  241.     background-color: rgba(79, 70, 229, 0.05);
  242. }
  244. /* Style pour le cadre d'aperçu */
  245. .bg-slate-50 {
  246.     background-color: #f8fafc;
  247. }
  249. .object-contain {
  250.     object-fit: contain;
  251. }
  252. </style>";
  253.         
  254.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  256.         
  257.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  259.     }
  261.     public function getTemplateName()
  262.     {
  263.         return "partials/_document_upload.html.twig";
  264.     }
  266.     public function isTraitable()
  267.     {
  268.         return false;
  269.     }
  271.     public function getDebugInfo()
  272.     {
  273.         return array (  168 => 64,  159 => 60,  151 => 55,  148 => 54,  145 => 53,  139 => 49,  135 => 48,  131 => 46,  128 => 44,  126 => 43,  125 => 41,  124 => 40,  123 => 38,  118 => 35,  111 => 31,  108 => 30,  101 => 25,  99 => 24,  97 => 23,  91 => 20,  86 => 19,  84 => 18,  80 => 17,  73 => 13,  69 => 11,  66 => 10,  64 => 9,  61 => 8,  58 => 7,  55 => 6,  53 => 5,  49 => 4,  45 => 2,  43 => 1,);
  274.     }
  276.     public function getSourceContext()
  277.     {
  278.         return new Source("{% set input_class = input_class|default('w-full px-4 py-2 rounded-lg border border-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition') %}
  280. <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">
  281.     {% for field, config in document_labels %}
  282.         {# Récupération du nom du fichier via le getter #}
  283.         {% set fileName = attribute(candidature, field) %}
  284.         {% set fileExists = fileName is not null and fileName != '' %}
  285.         {% set isImage = fileName matches '/\\\\.(jpg|jpeg|png|gif|webp|svg)\$/i' %}
  286.         {# Déterminer l'URL du fichier existant - à adapter selon votre configuration #}
  287.         {% set fileUrl = asset('media/' ~ candidature.numero ~ '/' ~ fileName) %}
  288.         
  289.         <div class=\"transform transition-all duration-300 hover:-translate-y-1\">
  290.             <div class=\"bg-white rounded-xl p-5 border-2 border-dashed border-slate-200 hover:border-indigo-400 hover:bg-indigo-50/30 transition-all group cursor-pointer upload-area\" data-field=\"{{ field }}\">
  291.                 <div class=\"flex flex-col items-center text-center\">
  292.                     <!-- Cadre d'aperçu (toujours visible) -->
  293.                     <div class=\"w-full mb-3 bg-slate-50 rounded-lg border border-slate-200 overflow-hidden\" style=\"height: 120px;\">
  294.                         <div class=\"w-full h-full flex items-center justify-center preview-container\" id=\"preview-{{ field }}\">
  295.                             {% if fileExists and isImage %}
  296.                                 <img src=\"{{ fileUrl }}\" 
  297.                                      alt=\"Aperçu {{ config.text }}\" 
  298.                                      class=\"w-full h-full object-contain p-1\"
  299.                                      onerror=\"this.parentElement.innerHTML = '<i class=\\'fas fa-exclamation-triangle text-red-500 text-2xl\\'></i><span class=\\'text-xs text-red-500 ml-1\\'>Erreur</span>'\">
  300.                             {% elseif fileExists and not isImage %}
  301.                                 {# Pour les PDF, afficher une icône avec lien #}
  302.                                 <div class=\"flex flex-col items-center justify-center text-slate-400\">
  303.                                     <i class=\"fas fa-file-pdf text-4xl text-red-500 mb-1\"></i>
  304.                                     <span class=\"text-xs\">PDF</span>
  305.                                 </div>
  306.                             {% else %}
  307.                                 <div class=\"flex flex-col items-center justify-center text-slate-400\">
  308.                                     <i class=\"fas fa-{{ config.icon }} text-3xl mb-1\"></i>
  309.                                     <span class=\"text-xs\">Aucun fichier</span>
  310.                                 </div>
  311.                             {% endif %}
  312.                         </div>
  313.                     </div>
  314.                     
  315.                 {{ form_widget(attribute(form, field), {'attr': {
  316.                     'class': 'hidden file-input',
  317.                     'data-field': field,
  318.                     'accept': config.accept,
  319.                     'data-max-size': '10485760',
  320.                     'data-current-file': fileName ?? ''
  321.                 }}) }}
  322.                 {# 10 Mo (à ajuster selon votre limite) #}
  323.                     
  324.                     <label class=\"block text-sm font-semibold text-slate-700 mb-1\">
  325.                         {{ config.text }}
  326.                         <span class=\"text-xs font-normal text-slate-500 ml-1\">({{ config.formats }})</span>
  327.                     </label>
  329.                     {# Lien de téléchargement pour le fichier existant (si PDF ou autre) #}
  330.                     {% if fileExists %}
  331.                         <div class=\"mt-4 w-full\">
  332.                             <a href=\"{{ fileUrl }}\" target=\"_blank\" class=\"inline-flex items-center justify-center w-full sm:w-auto px-4 py-2.5 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700 transition shadow-sm hover:shadow focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\">
  333.                                 <i class=\"fas fa-download mr-2\"></i> Télécharger
  334.                             </a>
  335.                         </div>
  336.                     {% endif %}
  337.                 </div>
  338.             </div>
  339.         </div>
  340.     {% endfor %}
  341. </div>
  343. <script>
  344. document.addEventListener('DOMContentLoaded', function() {
  345.     // Gestion du clic sur la zone d'upload
  346.     document.querySelectorAll('.upload-area').forEach(area => {
  347.         area.addEventListener('click', function(e) {
  348.             // Ne pas déclencher si on clique sur un lien (comme le téléchargement)
  349.             if (e.target.tagName === 'A' || e.target.closest('a')) {
  350.                 return;
  351.             }
  352.             
  353.             const field = this.dataset.field;
  354.             const fileInput = document.querySelector(`.file-input[data-field=\"\${field}\"]`);
  355.             if (fileInput) {
  356.                 fileInput.click();
  357.             }
  358.         });
  359.     });
  361.     // Gestion du changement de fichier
  362.     document.querySelectorAll('.file-input').forEach(input => {
  363.         input.addEventListener('change', function(e) {
  364.             const field = this.dataset.field;
  365.             const file = e.target.files[0];
  366.             
  367.             // Vérifier la taille du fichier
  368.             if (file && file.size > parseInt(this.dataset.maxSize)) {
  369.                 alert('Le fichier dépasse la limite de ' + (parseInt(this.dataset.maxSize) / 1048576) + ' Mo.');
  370.                 this.value = '';
  371.                 return;
  372.             }
  373.             
  374.             if (file) {
  375.                 // Mettre à jour l'aperçu
  376.                 const previewContainer = document.getElementById(`preview-\${field}`);
  377.                 
  378.                 if (file.type.startsWith('image/')) {
  379.                     const reader = new FileReader();
  380.                     reader.onload = function(readerEvent) {
  381.                         previewContainer.innerHTML = `<img src=\"\${readerEvent.target.result}\" alt=\"Aperçu\" class=\"w-full h-full object-contain p-1\">`;
  382.                     }
  383.                     reader.readAsDataURL(file);
  384.                 } else {
  385.                     // Pour les PDF, afficher une icône PDF
  386.                     previewContainer.innerHTML = `
  387.                         <div class=\"flex flex-col items-center justify-center text-slate-400\">
  388.                             <i class=\"fas fa-file-pdf text-4xl text-red-500 mb-1\"></i>
  389.                             <span class=\"text-xs\">PDF sélectionné</span>
  390.                         </div>
  391.                     `;
  392.                 }
  393.             }
  394.         });
  395.     });
  396. });
  397. </script>
  399. <style>
  400. .upload-area {
  401.     transition: all 0.3s ease;
  402.     cursor: pointer;
  403. }
  405. .upload-area:hover {
  406.     box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.1);
  407. }
  409. .preview-container {
  410.     transition: all 0.2s ease;
  411. }
  413. .upload-area:hover .preview-container {
  414.     background-color: rgba(79, 70, 229, 0.05);
  415. }
  417. /* Style pour le cadre d'aperçu */
  418. .bg-slate-50 {
  419.     background-color: #f8fafc;
  420. }
  422. .object-contain {
  423.     object-fit: contain;
  424. }
  425. </style>", "partials/_document_upload.html.twig", "/home/daip/temporaire/templates/partials/_document_upload.html.twig");
  426.     }
  427. }