]> _ Git - fluidbook-toolbox.git/commitdiff
wip #6066 @0.5
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 6 Jul 2023 13:30:47 +0000 (15:30 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 6 Jul 2023 13:30:47 +0000 (15:30 +0200)
app/Models/FluidbookPublication.php
resources/views/fluidbook_publication/delivery.blade.php

index 17d39d45389fcde00426891cb546d742d3d97724..dcc8e14814b318c97c69e41e7f56a52419222ce4 100644 (file)
@@ -905,9 +905,15 @@ class FluidbookPublication extends ToolboxSettingsModel
 
     }
 
-    public function getPreviewURL()
+    public function getPreviewURL($attrs = [])
     {
-        return route('fluidbook_preview', ['version' => 'online', 'id' => $this->id, 'hash' => $this->hash]);
+        $routeName = 'fluidbook_preview';
+        if (isset($attrs['time']) || isset($attrs['path'])) {
+            $routeName = 'fluidbook_preview_with_time';
+            $default = ['path' => '', 'time' => time()];
+            $attrs = array_merge($default, $attrs);
+        }
+        return route($routeName, array_merge(['version' => 'online', 'id' => $this->id, 'hash' => $this->hash], $attrs));
     }
 
     public function getTranslations()
index 3789687b222c7da2122b20da7ba8619901d1c8ed..c9fc0f7bcd94e84585ba87451ce4113f7f17c35e 100644 (file)
 @endphp
 
 @section('after_styles')
-    <link rel="stylesheet" href="/packages/fluidbook/toolbox/css/delivery.css" />
+    <link rel="stylesheet" href="/packages/fluidbook/toolbox/css/delivery.css"/>
 @endsection
 
 @section('content')
                     @endif
                     <div class="delivery-anchor">
                         <ul class="d-flex flex-md-row flex-sm-column list-none p-0 icon-m">
-                            <li><a href="#s_glimpses" class="text-decoration-none"><img src="{{ url('images/icons/icon-eye.svg') }}" />{{ __('Aperçu de votre Fluidbook') }}</a></li>
-                            <li><a href="#s_settings" class="text-decoration-none"><img src="{{ url('images/icons/icon-settings.svg') }}" />{{ __('Paramètres du Fluidbook') }}</a></li>
-                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_social" class="text-decoration-none"><img src="{{ url('images/icons/icon-like.svg') }}" />{{ __('Faites connaitre votre Fluidbook') }}</a></li>
-                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_stats" class="text-decoration-none"><img src="{{ url('images/icons/icon-stats.svg') }}" />{{ __('Mesurez votre audience') }}</a></li>
+                            <li><a href="#s_glimpses" class="text-decoration-none"><img
+                                        src="{{ url('images/icons/icon-eye.svg') }}"/>{{ __('Aperçu de votre Fluidbook') }}
+                                </a></li>
+                            <li><a href="#s_settings" class="text-decoration-none"><img
+                                        src="{{ url('images/icons/icon-settings.svg') }}"/>{{ __('Paramètres du Fluidbook') }}
+                                </a></li>
+                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_social"
+                                                                                       class="text-decoration-none"><img
+                                        src="{{ url('images/icons/icon-like.svg') }}"/>{{ __('Faites connaitre votre Fluidbook') }}
+                                </a></li>
+                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_stats"
+                                                                                       class="text-decoration-none"><img
+                                        src="{{ url('images/icons/icon-stats.svg') }}"/>{{ __('Mesurez votre audience') }}
+                                </a></li>
                         </ul>
                     </div>
                 </section>
                             <div class="preview {{ $fluidbookMobileFirstId ? 'col-md-6' : 'col-md-8' }}">
                                 <p>{{ __('Version Desktop') }}</p>
                                 <div class="block">
-                                    <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener" class="overlay-link"></a>
+                                    <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener"
+                                       class="overlay-link"></a>
                                     <div class="preview-block">
-                                        <img class="preview-desktop" src="{{ $fluidbookDesktopPreview }}" />
+                                        <img class="preview-desktop" src="{{ $fluidbookDesktopPreview }}"/>
                                     </div>
-                                    <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener" class="btn btn-primary">{{ __('Voir') }}</a>
+                                    <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener"
+                                       class="btn btn-primary">{{ __('Voir') }}</a>
                                 </div>
                             </div>
                             <div class="preview {{ $fluidbookMobileFirstId ? 'col-md-3' : 'col-md-4' }}">
                                 <div class="block">
                                     <a href="" data-featherlight="#scanBoxMobile" class="overlay-link"></a>
                                     <div class="preview-block">
-                                        <img class="preview-mobile" src="{{ $fluidbookMobilePreview }}" />
+                                        <img class="preview-mobile" src="{{ $fluidbookMobilePreview }}"/>
                                     </div>
-                                    <a href="#" data-featherlight="#scanBoxMobile" class="btn btn-primary">{{ __('Voir') }}</a>
+                                    <a href="#" data-featherlight="#scanBoxMobile"
+                                       class="btn btn-primary">{{ __('Voir') }}</a>
                                 </div>
                                 @include('fluidbook_publication.qrcode_popup', ['id' => 'scanBoxMobile', 'text' => 'Mobile', 'qrcode' => $qrCodeMobile])
                             </div>
                                     <div class="block">
                                         <a href="#" data-featherlight="#scanBoxMobileFirst" class="overlay-link"></a>
                                         <div class="preview-block">
-                                            <img class="preview-mobile" src="{{ $fluidbookMobileFirstPreview }}" />
+                                            <img class="preview-mobile" src="{{ $fluidbookMobileFirstPreview }}"/>
                                         </div>
-                                        <a href="#" data-featherlight="#scanBoxMobileFirst" class="btn btn-primary">{{ __('Voir') }}</a>
+                                        <a href="#" data-featherlight="#scanBoxMobileFirst"
+                                           class="btn btn-primary">{{ __('Voir') }}</a>
                                     </div>
                                     @include('fluidbook_publication.qrcode_popup', ['id' => 'scanBoxMobileFirst', 'text' => 'Mobile-first', 'qrcode' => $qrCodeMobileFirst])
                                 </div>
                             @endif
                         </div>
                         <div class="indication align-items-center flex-row d-flex icon-m">
-                            <img src="{{ url('images/icons/icon-indication.svg') }}" />
+                            <img src="{{ url('images/icons/icon-indication.svg') }}"/>
                             <p class="m-0">{{__('Attention, ces liens temporaires de démo ne doivent être utilisés que pour
                                 la validation du Fluidbook') }}. {{__('Merci de ne pas les partager !') }}</p>
                         </div>
                             @endif
                         </div>
                         @if($enabledFeatures || $disabledFeatures)
-                        <div class="row mb-3">
-                            @if($enabledFeatures)
-                                <div class="col-md-6">
-                                    <p>{{ __('Principales fonctionnalités activées') }}</p>
-                                    <div class="d-grid gap-8 feature-grid">
-                                        @foreach($enabledFeatures as $enabledFeature)
-                                            <div class="delivery-feature d-flex align-center text-center flex-column">
-                                                <svg xmlns="http://www.w3.org/2000/svg">
-                                                    <use href="#{{ $enabledFeature['svg'] }}" />
-                                                </svg>
-                                                <p class="title">{{ $enabledFeature['text'] }}</p>
-                                            </div>
-                                        @endforeach
+                            <div class="row mb-3">
+                                @if($enabledFeatures)
+                                    <div class="col-md-6">
+                                        <p>{{ __('Principales fonctionnalités activées') }}</p>
+                                        <div class="d-grid gap-8 feature-grid">
+                                            @foreach($enabledFeatures as $enabledFeature)
+                                                <div
+                                                    class="delivery-feature d-flex align-center text-center flex-column">
+                                                    <svg xmlns="http://www.w3.org/2000/svg">
+                                                        <use href="#{{ $enabledFeature['svg'] }}"/>
+                                                    </svg>
+                                                    <p class="title">{{ $enabledFeature['text'] }}</p>
+                                                </div>
+                                            @endforeach
+                                        </div>
                                     </div>
-                                </div>
-                            @endif
-                            @if($disabledFeatures)
-                                <div class="col-md-6">
-                                    <p>{{ __('Principales fonctionnalités désactivées') }}</p>
-                                    <div class="d-grid gap-8 feature-grid">
-                                        @foreach($disabledFeatures as $disabledFeature)
-                                            <div class="delivery-feature disabled-feature d-flex align-center text-center flex-column">
-                                                <svg xmlns="http://www.w3.org/2000/svg">
-                                                    <use href="#{{ $disabledFeature['svg'] }}" />
-                                                </svg>
-                                                <p class="title">{{ $disabledFeature['text'] }}</p>
-                                            </div>
-                                        @endforeach
+                                @endif
+                                @if($disabledFeatures)
+                                    <div class="col-md-6">
+                                        <p>{{ __('Principales fonctionnalités désactivées') }}</p>
+                                        <div class="d-grid gap-8 feature-grid">
+                                            @foreach($disabledFeatures as $disabledFeature)
+                                                <div
+                                                    class="delivery-feature disabled-feature d-flex align-center text-center flex-column">
+                                                    <svg xmlns="http://www.w3.org/2000/svg">
+                                                        <use href="#{{ $disabledFeature['svg'] }}"/>
+                                                    </svg>
+                                                    <p class="title">{{ $disabledFeature['text'] }}</p>
+                                                </div>
+                                            @endforeach
+                                        </div>
                                     </div>
-                                </div>
-                            @endif
-                        </div>
+                                @endif
+                            </div>
                         @endif
                         <div class="">
                             <p class="m-0">{{ __('Vous souhaitez modifier un paramètre ou une fonctionnalité ?') }}
                     </div>
                 </div>
                 @if($fluidbook->status)
-                <div id="s_social" class="card">
-                    <div class="card-body">
-                        <div class="">
-                            <h2>{{ __('Faites connaitre votre Fluidbook') }}</h2>
-                            <p>{{ __('Pour gagner en visibilité, vous devez donner de la visibilité à votre Fluidbook') }}
-                                {{ __('sur votre site web, votre blog, vos réseaux sociaux, etc.') }}
-                                {{ __('verez ci-dessous quelques images pour vous aider à le diffuser') }}.</p>
-                        </div>
+                    <div id="s_social" class="card">
+                        <div class="card-body">
+                            <div class="">
+                                <h2>{{ __('Faites connaitre votre Fluidbook') }}</h2>
+                                <p>{{ __('Pour gagner en visibilité, vous devez donner de la visibilité à votre Fluidbook') }}
+                                    {{ __('sur votre site web, votre blog, vos réseaux sociaux, etc.') }}
+                                    {{ __('verez ci-dessous quelques images pour vous aider à le diffuser') }}.</p>
+                            </div>
 
-                        <p class="fw-semibold">{{ __('Image pour réseaux sociaux') }}</p>
+                            <p class="fw-semibold">{{ __('Image pour réseaux sociaux') }}</p>
 
-                        <div class="row">
-                            <div class="col-md-4 delivery-social-image">
-                                <img src="{{ $socialImage }}" />
-                            </div>
+                            <div class="row">
+                                <div class="col-md-4 delivery-social-image">
+                                    <img src="{{ $socialImage }}"/>
+                                </div>
 
-                            <div class="col-md-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="https://www.opengraph.xyz/url/{{ $fluidbook->getPreviewURL() }}" class="mb-3 d-inline-block" target="_blank" rel="noopener">
-                                            {{ __('Simuler l\'apparence de votre Fluidbook lorsqu\'il est partagé sur les principaux réseaux sociaux') }}
-                                        </a>
-                                        <ul class="list-none p-0">
-                                            <li class="pb-2">
-                                                {{ __('Si lorsque vous partager votre publication sur les réseaux sociaux') }},
-                                                {{ __('l\'image n\'apparaît pas ou si c\'est une autre image') }},
-                                                {{ __('vous pouvez utiliser les outils suivant pour réinitialiser le cache des
-                                                principaux réseaux
-                                                sociaux') }}.
-                                            </li>
-                                            <li>Linkedin : <a href="https://www.linkedin.com/post-inspector">https://www.linkedin.com/post-inspector</a></li>
-                                            <li>Facebook : <a href="https://developers.facebook.com/tools/debug/sharing/batch">https://developers.facebook.com/tools/debug/sharing/batch</a></li>
-                                            <li>Twitter : <a href="https://cards-dev.twitter.com/validator">https://cards-dev.twitter.com/validator</a></li>
-                                        </ul>
+                                <div class="col-md-8">
+                                    <div class="card">
+                                        <div class="card-body">
+                                            <a href="https://www.opengraph.xyz/url/{{ $fluidbook->getPreviewURL(['time'=>0]) }}"
+                                               class="mb-3 d-inline-block" target="_blank" rel="noopener">
+                                                {{ __('Simuler l\'apparence de votre Fluidbook lorsqu\'il est partagé sur les principaux réseaux sociaux') }}
+                                            </a>
+                                            <ul class="list-none p-0">
+                                                <li class="pb-2">
+                                                    {{ __('Si lorsque vous partager votre publication sur les réseaux sociaux') }}
+                                                    ,
+                                                    {{ __('l\'image n\'apparaît pas ou si c\'est une autre image') }},
+                                                    {{ __('vous pouvez utiliser les outils suivant pour réinitialiser le cache des principaux réseaux sociaux') }}.
+                                                </li>
+                                                <li>Linkedin : <a href="https://www.linkedin.com/post-inspector">https://www.linkedin.com/post-inspector</a>
+                                                </li>
+                                                <li>Facebook : <a
+                                                        href="https://developers.facebook.com/tools/debug/sharing/batch">https://developers.facebook.com/tools/debug/sharing/batch</a>
+                                                </li>
+                                                <li>Twitter : <a href="https://cards-dev.twitter.com/validator">https://cards-dev.twitter.com/validator</a>
+                                                </li>
+                                            </ul>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                        <!--<div class="row">
-                            <div class="col-sm-12">
-                                <p>Images de promotion (sites web, emails, newsletters etc.)</p>
-                            </div>
-                            <div class="col-md-4">
-                            </div>
-                            <div class="col-md-4">
-                            </div>
-                            <div class="col-md-4">
-                            </div>
-                        </div>-->
-                        <div class="delivery-preview-mini">
-                            <p class="fw-semibold">{{ __('Mini Fluidbook animé') }}</p>
-                            <div class="container-iframe">
-                                <iframe width="677" height="401" frameborder="0" marginheight="0" marginwidth="0" allowfullscreen="true" src="{{$fluidbook->getPreviewUrl()}}/?widget=1&action=fullscreen&nav=auto"></iframe>
-                            </div>
-                            <div class="mt-2">
-                                <a href="{{ $noticesUrls[$lang]['widget'] }}" target="_blank" rel="noopener">{{ __('Voir la notice') }}</a>
+                            <!--<div class="row">
+                                <div class="col-sm-12">
+                                    <p>Images de promotion (sites web, emails, newsletters etc.)</p>
+                                </div>
+                                <div class="col-md-4">
+                                </div>
+                                <div class="col-md-4">
+                                </div>
+                                <div class="col-md-4">
+                                </div>
+                            </div>-->
+                            <div class="delivery-preview-mini">
+                                <p class="fw-semibold">{{ __('Mini Fluidbook animé') }}</p>
+                                <div class="container-iframe">
+                                    <iframe width="677" height="401" frameborder="0" marginheight="0" marginwidth="0"
+                                            allowfullscreen="true"
+                                            src="{{$fluidbook->getPreviewUrl()}}/?widget=1&action=fullscreen&nav=auto"></iframe>
+                                </div>
+                                <div class="mt-2">
+                                    <a href="{{ $noticesUrls[$lang]['widget'] }}" target="_blank"
+                                       rel="noopener">{{ __('Voir la notice') }}</a>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
                 @endif
                 <div id="s_stats" class="card">
                     <div class="card-body">
                                             mots-clés ils ont
                                             cherché, etc...') }}</p>
                                         @if($fluidbook->stats)
-                                            <a href="{{ $statUrl }}" class="btn btn-primary" target="_blank" rel="noopener">
+                                            <a href="{{ $statUrl }}" class="btn btn-primary" target="_blank"
+                                               rel="noopener">
                                                 {{ __('Voir les statistiques') }}
                                             </a>
                                         @else
-                                            <button class="btn bg-default pointer-none disabled">{{ __('Statistiques désactivées') }}</button>
+                                            <button
+                                                class="btn bg-default pointer-none disabled">{{ __('Statistiques désactivées') }}</button>
                                         @endif
                                     </div>
                                 </div>
                                             plus
                                             puissants du marché')}}.</p>
                                         @if($fluidbook->googleAnalytics)
-                                            <a href="https://analytics.google.com/" class="btn btn-primary" target="_blank" rel="noopener">
+                                            <a href="https://analytics.google.com/" class="btn btn-primary"
+                                               target="_blank" rel="noopener">
                                                 {{ __('Voir les statistiques') }}
                                             </a>
                                         @else
-                                            <button class="btn bg-default pointer-none disabled">{{ __('Statistiques désactivées') }}</button>
-                                            <a href="{{ $noticesUrls[$lang]['ga'] }}" class="btn bg-default ml-2" target="_blank" rel="noopener">{{ __('Voir
+                                            <button
+                                                class="btn bg-default pointer-none disabled">{{ __('Statistiques désactivées') }}</button>
+                                            <a href="{{ $noticesUrls[$lang]['ga'] }}" class="btn bg-default ml-2"
+                                               target="_blank" rel="noopener">{{ __('Voir
                                                 la notice')}}</a>
                                         @endif
                                         <div class="mt-3">
                             @endif
                         </p>
                         @if($CDPMail)
-                        <a href="mailto:{{ $CDPMail }}?subject={{ $objectMail }}" class="btn btn-primary">
-                            {{ __('Contacter votre chef de projet') }}
-                        </a>
+                            <a href="mailto:{{ $CDPMail }}?subject={{ $objectMail }}" class="btn btn-primary">
+                                {{ __('Contacter votre chef de projet') }}
+                            </a>
                         @endif
                     </div>
                 </div>
                         <p>{{ __('L\'adresse d’hébergement a déjà été configurée') }}, {{ __('vous pouvez mettre votre Fluidbook
                             directement en ligne en cliquant ci-dessous :')}}</p>
                         <div class="btn-install">
-                            <a href="{{ $prefixDownloadUrl.'/install/online' }}" class="btn btn-primary font-weight-normal text-left" target="_blank" rel="noopener">
+                            <a href="{{ $prefixDownloadUrl.'/install/online' }}"
+                               class="btn btn-primary font-weight-normal text-left" target="_blank" rel="noopener">
                                 {!! __('Installer sur le serveur :server', ['server' => "<span class='font-weight-bold'>".$serverName."</span>"]) !!}
                                 <p class="m-0 font-xs font-weight-normal">{{ $installServerUrl }}</p>
                             </a>
                         <div class="delivery-dropdown position-relative">
                             <div class="dropdown-control d-flex justify-content-between">
                                 <span>{{ __('Téléchargez et installez votre Fluidbook') }}</span>
-                                <img src="{{ url('images/icons/icon-arrow-down.svg') }}" />
+                                <img src="{{ url('images/icons/icon-arrow-down.svg') }}"/>
                             </div>
                             <div class="dropdown-content position-relative">
                                 @php
                                         }
                                     @endphp
                                     @isset($version['text'])
-                                        <div class="dropdown-element position-relative d-flex align-items-center {{ $version['install'] || ( str_contains($key, "win") && sizeof($winActiveVersion) > 0 ) ? 'active' : '' }}">
+                                        <div
+                                            class="dropdown-element position-relative d-flex align-items-center {{ $version['install'] || ( str_contains($key, "win") && sizeof($winActiveVersion) > 0 ) ? 'active' : '' }}">
                                             <a href=""></a>
                                             <div class="icon">
                                                 {!! $version['icon'] !!}
                                             </div>
                                             <div class="tools d-flex align-center ml-auto">
                                                 @isset($version['notice_fr'])
-                                                    <a href="{{ $version['notice_fr'] }}" class="mr-1 instruction position-relative">
-                                                        <svg id="Instruction" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-                                                            <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15" r="15" fill="rgba(70,127,207,0.1)"/>
-                                                            <g id="Groupe_270" data-name="Groupe 270" transform="translate(9.5 8.5)">
-                                                                <path id="Tracé_124" data-name="Tracé 124" d="M12.5,13.54H3a1.5,1.5,0,0,1,0-3h8.5a1,1,0,0,0,1-1v-8a1,1,0,0,0-1-1H3A1.5,1.5,0,0,0,1.5,2V12" transform="translate(-1.5 -0.54)" fill="none" stroke="#3a72c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                                                                <line id="Ligne_20" data-name="Ligne 20" y2="3" transform="translate(10 10)" fill="none" stroke="#3a72c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+                                                    <a href="{{ $version['notice_fr'] }}"
+                                                       class="mr-1 instruction position-relative">
+                                                        <svg id="Instruction" xmlns="http://www.w3.org/2000/svg"
+                                                             width="30" height="30" viewBox="0 0 30 30">
+                                                            <circle id="Ellipse_24" data-name="Ellipse 24" cx="15"
+                                                                    cy="15" r="15" fill="rgba(70,127,207,0.1)"/>
+                                                            <g id="Groupe_270" data-name="Groupe 270"
+                                                               transform="translate(9.5 8.5)">
+                                                                <path id="Tracé_124" data-name="Tracé 124"
+                                                                      d="M12.5,13.54H3a1.5,1.5,0,0,1,0-3h8.5a1,1,0,0,0,1-1v-8a1,1,0,0,0-1-1H3A1.5,1.5,0,0,0,1.5,2V12"
+                                                                      transform="translate(-1.5 -0.54)" fill="none"
+                                                                      stroke="#3a72c5" stroke-linecap="round"
+                                                                      stroke-linejoin="round" stroke-width="1"/>
+                                                                <line id="Ligne_20" data-name="Ligne 20" y2="3"
+                                                                      transform="translate(10 10)" fill="none"
+                                                                      stroke="#3a72c5" stroke-linecap="round"
+                                                                      stroke-linejoin="round" stroke-width="1"/>
                                                             </g>
                                                         </svg>
                                                     </a>
                                                 @endisset
                                                 @if($version['install'] || (str_contains($key, "win") && sizeof($winActiveVersion) > 0))
-                                                <a class="download-overlay" href="{{ $downloadUrl }}"></a>
-                                                <a href="{{ $downloadUrl }}" class="download">
-                                                    <svg id="Groupe_268" data-name="Groupe 268" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-                                                        <rect id="Rectangle_480" data-name="Rectangle 480" width="30" height="30" rx="15" fill="#467fcf"/>
-                                                        <g id="Groupe_265" data-name="Groupe 265" transform="translate(8.5 8)">
-                                                            <path id="Tracé_122" data-name="Tracé 122" d="M.5,10.5v1a2,2,0,0,0,2,2h9a2,2,0,0,0,2-2v-1" transform="translate(-0.5 -0.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                                                            <path id="Tracé_123" data-name="Tracé 123" d="M4,6,7,9.5,10,6" transform="translate(-0.5 -0.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                                                            <line id="Ligne_19" data-name="Ligne 19" y1="9" transform="translate(6.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                                                        </g>
-                                                    </svg>
-                                                </a>
+                                                    <a class="download-overlay" href="{{ $downloadUrl }}"></a>
+                                                    <a href="{{ $downloadUrl }}" class="download">
+                                                        <svg id="Groupe_268" data-name="Groupe 268"
+                                                             xmlns="http://www.w3.org/2000/svg" width="30" height="30"
+                                                             viewBox="0 0 30 30">
+                                                            <rect id="Rectangle_480" data-name="Rectangle 480"
+                                                                  width="30" height="30" rx="15" fill="#467fcf"/>
+                                                            <g id="Groupe_265" data-name="Groupe 265"
+                                                               transform="translate(8.5 8)">
+                                                                <path id="Tracé_122" data-name="Tracé 122"
+                                                                      d="M.5,10.5v1a2,2,0,0,0,2,2h9a2,2,0,0,0,2-2v-1"
+                                                                      transform="translate(-0.5 -0.5)" fill="none"
+                                                                      stroke="#fff" stroke-linecap="round"
+                                                                      stroke-linejoin="round" stroke-width="1"/>
+                                                                <path id="Tracé_123" data-name="Tracé 123"
+                                                                      d="M4,6,7,9.5,10,6"
+                                                                      transform="translate(-0.5 -0.5)" fill="none"
+                                                                      stroke="#fff" stroke-linecap="round"
+                                                                      stroke-linejoin="round" stroke-width="1"/>
+                                                                <line id="Ligne_19" data-name="Ligne 19" y1="9"
+                                                                      transform="translate(6.5)" fill="none"
+                                                                      stroke="#fff" stroke-linecap="round"
+                                                                      stroke-linejoin="round" stroke-width="1"/>
+                                                            </g>
+                                                        </svg>
+                                                    </a>
                                                 @else
-                                                    <svg id="Groupe_271" data-name="Groupe 271" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-                                                        <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15" r="15" fill="#fff"/>
-                                                        <g id="Groupe_271-2" data-name="Groupe 271" transform="translate(10 8.252)" opacity="0.2">
-                                                            <rect id="Rectangle_481" data-name="Rectangle 481" width="10" height="8" rx="1" transform="translate(0 5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                                                            <path id="Tracé_125" data-name="Tracé 125" d="M10.5,5.5V4a3.5,3.5,0,0,0-7,0V5.5" transform="translate(-2 -0.5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                                                            <circle id="Ellipse_30" data-name="Ellipse 30" cx="0.5" cy="0.5" r="0.5" transform="translate(4.5 8.5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+                                                    <svg id="Groupe_271" data-name="Groupe 271"
+                                                         xmlns="http://www.w3.org/2000/svg" width="30" height="30"
+                                                         viewBox="0 0 30 30">
+                                                        <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15"
+                                                                r="15" fill="#fff"/>
+                                                        <g id="Groupe_271-2" data-name="Groupe 271"
+                                                           transform="translate(10 8.252)" opacity="0.2">
+                                                            <rect id="Rectangle_481" data-name="Rectangle 481"
+                                                                  width="10" height="8" rx="1"
+                                                                  transform="translate(0 5)" fill="none"
+                                                                  stroke="#1b2a4e" stroke-linecap="round"
+                                                                  stroke-linejoin="round" stroke-width="1"/>
+                                                            <path id="Tracé_125" data-name="Tracé 125"
+                                                                  d="M10.5,5.5V4a3.5,3.5,0,0,0-7,0V5.5"
+                                                                  transform="translate(-2 -0.5)" fill="none"
+                                                                  stroke="#1b2a4e" stroke-linecap="round"
+                                                                  stroke-linejoin="round" stroke-width="1"/>
+                                                            <circle id="Ellipse_30" data-name="Ellipse 30" cx="0.5"
+                                                                    cy="0.5" r="0.5" transform="translate(4.5 8.5)"
+                                                                    fill="none" stroke="#1b2a4e" stroke-linecap="round"
+                                                                    stroke-linejoin="round" stroke-width="1"/>
                                                         </g>
                                                     </svg>
                                                 @endif