WIP #4819 @1.5

diff --git a/resources/views/resources.blade.php b/resources/views/resources.blade.php
index 798a4b3e8d4703d539d2e0ab991f52bb3be011ab..5ab00b1edd9524d4f1f2029cef604ac2d4f7d24f 100644 (file)
--- a/resources/views/resources.blade.php
+++ b/resources/views/resources.blade.php
@@ -20,11 +20,100 @@
                 'document_pdf' => '#',
             ],
         ];
+
+    $memo_part_title = 'Les Mémos';
+    $chapters = [
+        [
+            'chapter_title' => 'Chaptire 1',
+            'subchapters' => [
+                [
+                    'subchapter_title' => '1.1 Sous chapitre',
+                    'subchapter_subtitle' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum, vel elementum eros vehicula quis.',
+                    'subchapter_memos' => [
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo1.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/107/groupe-133-at-2x.png',
+                        ],
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo2.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                        ],
+                    ],
+                ],
+                [
+                    'subchapter_title' => '1.2 Sous chapitre',
+                    'subchapter_subtitle' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum, vel elementum eros vehicula quis.',
+                    'subchapter_memos' => [
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo1.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/107/groupe-133-at-2x.png',
+                        ],
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo2.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                        ],
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo3.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                        ],
+                    ],
+                ],
+            ],
+        ],
+        [
+            'chapter_title' => 'Chaptire 2',
+            'subchapters' => [
+                [
+                    'subchapter_title' => '2.1 Sous chapitre',
+                    'subchapter_subtitle' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum, vel elementum eros vehicula quis.',
+                    'subchapter_memos' => [
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo1.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/107/groupe-133-at-2x.png',
+                        ],
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo2.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                        ],
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo2.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                        ],
+                    ],
+                ],
+                [
+                    'subchapter_title' => '2.2 Sous chapitre',
+                    'subchapter_subtitle' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum, vel elementum eros vehicula quis.',
+                    'subchapter_memos' => [
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo1.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/107/groupe-133-at-2x.png',
+                        ],
+                        [
+                            'memo_title' => 'Lorem ipsum dolor sit',
+                            'memo_pdf' => 'memo2.pdf',
+                            'memo_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                        ],
+                    ],
+                ],
+            ],
+        ],
+    ];
     @endphp
 
-    <h1 class="text-6xl font-semibold uppercase mb-8">{{ $title }}</h1>
-    <h2 class="text-2xl mb-14 w-1/2">{{ $subtitle }}</h2>
+    <h1 class="uppercase mb-8">{{ $title }}</h1>
+    <h2 class="font-medium text-2xl mb-14 w-1/2">{{ $subtitle }}</h2>
 
+    {{-- DOCUMENTS --}}
     <div class="grid grid-cols-2 gap-6">
         @foreach($documents as $doc)
             <div class="bg-blue flex p-10 text-white rounded-md">
@@ -38,5 +127,38 @@
         @endforeach
     </div>
 
+    {{-- MEMOS --}}
+    <p>
+        <span class="inline-block font-secondary font-bold uppercase text-xs leading-none p-2.5 border border-current mt-15">
+            {{ $memo_part_title }}
+        </span>
+    </p>
+
+
+    {{-- CHAPTERS --}}
+    @foreach ($chapters as $chapter)
+        <div class="mt-15">
+            <h3 class="text-4xl">{{ $chapter['chapter_title'] }}</h3>
+
+            {{-- SUB-CHAPTERS --}}
+            @foreach ($chapter['subchapters'] as $subchapter)
+                <h4 class="mt-8 text-2xl">{{ $subchapter['subchapter_title'] }}</h4>
+                <p class="mt-2.5 max-w-[500px]">{{ $subchapter['subchapter_subtitle'] }}</p>
+
+                {{-- MEMOS --}}
+                <div class="grid grid-cols-2 gap-5 mt-8">
+                    @foreach ($subchapter['subchapter_memos'] as $memo)
+                        <div class="bg-grey-50 flex items-center p-8 rounded-md">
+                            <img class="w-1/4 pr-4" src="{{ $memo['memo_image'] }}" alt="{{ $memo['memo_title'] }}">
+                            <div class="space-y-2.5">
+                                <h3 class="text-base font-semibold">{{ $memo['memo_title'] }}</h3>
+                                <a href="{{ $memo['memo_pdf'] }}" class="circle-arrow"></a>
+                            </div>
+                        </div>
+                    @endforeach
+                </div>
+            @endforeach
+        </div>
+    @endforeach
 
 @endsection