From b9712355975e1dc1007742103ccb1f9517657896 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Wed, 21 Jun 2023 19:00:20 +0200
Subject: [PATCH] wip #6606 @4:00

---
 public/images/icons/icon-eye.svg              |  7 ++
 public/images/icons/icon-indication.svg       |  7 ++
 public/images/icons/icon-like.svg             | 10 +++
 public/images/icons/icon-settings.svg         |  6 ++
 public/images/icons/icon-stats.svg            | 10 +++
 .../fluidbook_publication/delivery.blade.php  | 83 ++++++++++++++++++-
 6 files changed, 122 insertions(+), 1 deletion(-)
 create mode 100644 public/images/icons/icon-eye.svg
 create mode 100644 public/images/icons/icon-indication.svg
 create mode 100644 public/images/icons/icon-like.svg
 create mode 100644 public/images/icons/icon-settings.svg
 create mode 100644 public/images/icons/icon-stats.svg

diff --git a/public/images/icons/icon-eye.svg b/public/images/icons/icon-eye.svg
new file mode 100644
index 000000000..6f4ab02c8
--- /dev/null
+++ b/public/images/icons/icon-eye.svg
@@ -0,0 +1,7 @@
+<svg id="Groupe_242" data-name="Groupe 242" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <circle id="Ellipse_26" data-name="Ellipse 26" cx="15" cy="15" r="15" fill="rgba(27,42,78,0.1)"/>
+  <g id="Groupe_235" data-name="Groupe 235" transform="translate(8.5 11)">
+    <path id="Tracé_110" data-name="Tracé 110" d="M13.254,6.33a1,1,0,0,1,0,1.34C12.2,8.8,9.808,11,7.012,11S1.822,8.8.77,7.67a1,1,0,0,1,0-1.34C1.822,5.2,4.217,3,7.012,3S12.2,5.2,13.254,6.33Z" transform="translate(-0.512 -3)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <circle id="Ellipse_25" data-name="Ellipse 25" cx="2" cy="2" r="2" transform="translate(4.5 2)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+  </g>
+</svg>
diff --git a/public/images/icons/icon-indication.svg b/public/images/icons/icon-indication.svg
new file mode 100644
index 000000000..3c02a69bb
--- /dev/null
+++ b/public/images/icons/icon-indication.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.021" height="13.994" viewBox="0 0 14.021 13.994">
+  <g id="Groupe_289" data-name="Groupe 289" transform="translate(0.514 0.5)">
+    <line id="Ligne_21" data-name="Ligne 21" y2="3" transform="translate(6.497 4.494)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <circle id="Ellipse_31" data-name="Ellipse 31" cx="0.5" cy="0.5" r="0.5" transform="translate(5.997 9.994)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <path id="Tracé_127" data-name="Tracé 127" d="M7.89,1.05a1,1,0,0,0-1.78,0l-5.5,11A1,1,0,0,0,1.5,13.5h11a1,1,0,0,0,.89-1.45Z" transform="translate(-0.503 -0.506)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+  </g>
+</svg>
diff --git a/public/images/icons/icon-like.svg b/public/images/icons/icon-like.svg
new file mode 100644
index 000000000..d23ffcb2e
--- /dev/null
+++ b/public/images/icons/icon-like.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <g id="Groupe_240" data-name="Groupe 240" transform="translate(-0.245)">
+    <circle id="Ellipse_28" data-name="Ellipse 28" cx="15" cy="15" r="15" transform="translate(0.245)" fill="rgba(27,42,78,0.1)"/>
+    <g id="Groupe_236" data-name="Groupe 236" transform="translate(8.56 9)">
+      <path id="Tracé_112" data-name="Tracé 112" d="M3.37,5.854,5.91,1.79a1.09,1.09,0,0,1,.94-.52h0A1.11,1.11,0,0,1,8,2.371V5.283h4.39A1.151,1.151,0,0,1,13.49,6.6l-.8,5.164a1.14,1.14,0,0,1-1.13,1H5a2,2,0,0,1-.9-.21l-.72-.36" transform="translate(-0.5 -1.269)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      <line id="Ligne_17" data-name="Ligne 17" y2="6.31" transform="translate(2.87 4.59)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      <path id="Tracé_113" data-name="Tracé 113" d="M1,5.85H3.37v6.31H1a.5.5,0,0,1-.5-.5V6.35a.5.5,0,0,1,.5-.5Z" transform="translate(-0.5 -1.26)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
diff --git a/public/images/icons/icon-settings.svg b/public/images/icons/icon-settings.svg
new file mode 100644
index 000000000..9e6f338ab
--- /dev/null
+++ b/public/images/icons/icon-settings.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <g id="Groupe_241" data-name="Groupe 241" transform="translate(-0.244)">
+    <circle id="Ellipse_27" data-name="Ellipse 27" cx="15" cy="15" r="15" transform="translate(0.244)" fill="rgba(27,42,78,0.1)"/>
+    <path id="Tracé_111" data-name="Tracé 111" d="M5.253,2.25l.432-1.11A1,1,0,0,1,6.62.5h.824a1,1,0,0,1,.935.64l.432,1.11,1.468.84,1.186-.18a1.007,1.007,0,0,1,1.005.49l.4.7a1,1,0,0,1-.08,1.13l-.734.93V7.84l.754.93a1,1,0,0,1,.08,1.13l-.4.7a1.007,1.007,0,0,1-1.005.49L10.3,10.91l-1.468.84L8.4,12.86a1,1,0,0,1-.935.64H6.62a1,1,0,0,1-.935-.64l-.432-1.11-1.468-.84L2.6,11.09a1.007,1.007,0,0,1-1.005-.49l-.4-.7a1,1,0,0,1,.08-1.13l.734-.93V6.16l-.754-.93a1,1,0,0,1-.08-1.13l.4-.7a1.007,1.007,0,0,1,1.005-.49l1.186.18ZM5.021,7A2.011,2.011,0,1,0,7.032,5,2.005,2.005,0,0,0,5.021,7Z" transform="translate(8.334 8)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+  </g>
+</svg>
diff --git a/public/images/icons/icon-stats.svg b/public/images/icons/icon-stats.svg
new file mode 100644
index 000000000..80bf67f82
--- /dev/null
+++ b/public/images/icons/icon-stats.svg
@@ -0,0 +1,10 @@
+<svg id="Groupe_239" data-name="Groupe 239" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <circle id="Ellipse_29" data-name="Ellipse 29" cx="15" cy="15" r="15" fill="rgba(27,42,78,0.1)"/>
+  <g id="Groupe_238" data-name="Groupe 238" transform="translate(8.789 8)">
+    <line id="Ligne_18" data-name="Ligne 18" y1="5.23" x2="11.5" transform="translate(0.49 0.81)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <path id="Tracé_116" data-name="Tracé 116" d="M10.59.5l2.15.81-.8,2.15" transform="translate(-0.75 -0.5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <path id="Tracé_117" data-name="Tracé 117" d="M0,0H2.5V7a.5.5,0,0,1-.5.5H.5A.5.5,0,0,1,0,7Z" transform="translate(12.5 13) rotate(180)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <path id="Tracé_118" data-name="Tracé 118" d="M0,0H2.5V5.5A.5.5,0,0,1,2,6H.5A.5.5,0,0,1,0,5.5Z" transform="translate(7.5 13) rotate(180)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+    <path id="Tracé_119" data-name="Tracé 119" d="M0,0H2.5V4a.5.5,0,0,1-.5.5H.5A.5.5,0,0,1,0,4Z" transform="translate(2.5 13) rotate(180)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+  </g>
+</svg>
diff --git a/resources/views/fluidbook_publication/delivery.blade.php b/resources/views/fluidbook_publication/delivery.blade.php
index cbaa168f6..15de453a3 100644
--- a/resources/views/fluidbook_publication/delivery.blade.php
+++ b/resources/views/fluidbook_publication/delivery.blade.php
@@ -1 +1,82 @@
-@dd($fluidbook)
+@extends(backpack_view('blank'))
+
+@php
+    $breadcrumbs = [
+        trans('backpack::crud.admin') => url(config('backpack.base.route_prefix'), 'dashboard'),
+        trans('backpack::base.my_account') => false,
+    ];
+@endphp
+
+@section('header')
+    <section class="container-fluid">
+        <h2>
+            <span class="font-weight-light">Bonjour Arnaud, votre Fluidbook est prêt !</span>
+        </h2>
+        <h2>
+            <span class="text-capitalize">{{ 'Fluidbook MGEN - Valeurs mutualistes - N°328' }}</span>
+        </h2>
+        <div class="">
+            <ul class="d-flex flex-md-row flex-sm-column">
+                <li><img src="{{ url('images/icons/icon-eye.svg') }}" />Aperçu de votre Fluidbook</li>
+                <li><img src="{{ url('images/icons/icon-settings.svg') }}" />Paramètres du Fluidbook</li>
+                <li><img src="{{ url('images/icons/icon-like.svg') }}" />Faites connaitre votre Fluidbook</li>
+                <li><img src="{{ url('images/icons/icon-stats.svg') }}" />Mesurez votre audience</li>
+            </ul>
+        </div>
+    </section>
+@endsection
+
+@section('content')
+    <div class="row">
+        <div class="col-md-8 bold-labels">
+            <div class="w-100">
+                <div class="card">
+                    <div class="card-body">
+                        <div>
+                            <h2 id="s_section_apercu">Aperçu de votre Fluidbook XXXXX - FR</h2>
+                            <span>Cliquez sur l’une des versions ci-dessous pour la visualiser :</span>
+                        </div>
+                        <div class="glimpses row">
+                            <div class="preview col-md-6">
+                                <p>Version Desktop</p>
+                            </div>
+                            <div class="preview col-md-3">
+                                <p>Version Mobile</p>
+                            </div>
+                            <div class="preview col-md-3">
+                                <p>Version Mobile-first</p>
+                            </div>
+                        </div>
+                        <div class="indication align-items-center flex-row d-flex">
+                            <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>
+                    </div>
+                </div>
+
+                <div class="card">
+                    <div class="card-body">
+                        <div>
+                            <h2 id="s_section_apercu">Paramètres du Fluidbook</h2>
+                            <span>Voici les caractéristiques et fonctionnalités de votre Fluidbook</span>
+                        </div>
+                        <div>
+                            <table id="crudTable" class="bg-white table table-striped table-hover nowrap rounded shadow-xs border-xs mt-2 dataTable dtr-inline" data-responsive-table="1" data-has-details-row="0" data-has-bulk-actions="1" cellspacing="0" aria-describedby="crudTable_info"><thead>
+                                <tbody>
+                                <tr class="odd">
+                                    <td class="dtr-control">
+                                    <span class="crud_bulk_actions_checkbox">
+                                        <input type="checkbox" class="crud_bulk_actions_line_checkbox" data-primary-key-value="d24fd37801195185c4b4e11092b197de5f8943d4">
+                                    </span>
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
-- 
2.39.5