From 037a7221eaf1f97b8c12b023469ec2a33b8f00db Mon Sep 17 00:00:00 2001
From: Louis Jeckel <louis.jeckel@outlook.cm>
Date: Thu, 6 Aug 2020 12:08:34 +0200
Subject: [PATCH] design podcast

---
 app/Models/Guest.php                          | 13 ++++++
 public/css/app.css                            |  6 ++-
 resources/sass/_headers.scss                  |  5 ++-
 resources/views/admin/podcasts/form.blade.php |  4 +-
 resources/views/podcasts/index.blade.php      | 40 ++++++++++++++-----
 5 files changed, 52 insertions(+), 16 deletions(-)

diff --git a/app/Models/Guest.php b/app/Models/Guest.php
index c918d97..8811933 100644
--- a/app/Models/Guest.php
+++ b/app/Models/Guest.php
@@ -12,6 +12,11 @@ use A17\Twill\Models\Behaviors\HasPosition;
 use A17\Twill\Models\Behaviors\Sortable;
 use A17\Twill\Models\Model;
 
+/**
+ * Class Guest
+ * @package App\Models
+ * @property string $name
+ */
 class Guest extends Model
 {
     use HasMedias;
@@ -44,4 +49,12 @@ class Guest extends Model
         return $this->belongsTo(Podcast::class);
     }
 
+    /**
+     * @return string
+     */
+    public function __toString():string
+    {
+        return $this->name ?? '';
+    }
+
 }
diff --git a/public/css/app.css b/public/css/app.css
index 4f8fa61..bb2a315 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -11137,7 +11137,7 @@ h1 {
 
 h2 {
   font-weight: 500;
-  font-size: medium;
+  font-size: large;
   text-transform: uppercase;
   color: #074e9c;
 }
@@ -11152,6 +11152,10 @@ h3 {
   color: #074e9c;
 }
 
+h4 {
+  font-size: small;
+}
+
 div.cover {
   position: relative;
 }
diff --git a/resources/sass/_headers.scss b/resources/sass/_headers.scss
index ad827ec..2aaae0f 100644
--- a/resources/sass/_headers.scss
+++ b/resources/sass/_headers.scss
@@ -12,7 +12,7 @@ h1 {
 
 h2 {
     font-weight: 500;
-    font-size: medium;
+    font-size: large;
     text-transform: uppercase;
     color: $psq_blue;
 }
@@ -25,5 +25,8 @@ h2.bold {
 h3 {
     font-size: medium;
     color: $psq_blue;
+}
 
+h4 {
+    font-size: small;
 }
diff --git a/resources/views/admin/podcasts/form.blade.php b/resources/views/admin/podcasts/form.blade.php
index 2ab32c7..d09e6c0 100644
--- a/resources/views/admin/podcasts/form.blade.php
+++ b/resources/views/admin/podcasts/form.blade.php
@@ -16,13 +16,11 @@
 ])
 
 @section('contentFields')
-    @formField('input', [
+    @formField('wysiwyg', [
         'name' => 'description',
         'label' => 'Sommaire',
         'maxlength' => 600,
-        'type' => 'textarea',
         'required' => true,
-        'rows' => 5
     ])
 @stop
 
diff --git a/resources/views/podcasts/index.blade.php b/resources/views/podcasts/index.blade.php
index a5a036c..b2b8bcf 100644
--- a/resources/views/podcasts/index.blade.php
+++ b/resources/views/podcasts/index.blade.php
@@ -6,22 +6,40 @@
 
 
     <div class="row mt-5">
-        <div class="col-sm-3">
+        <div class="col-sm-3 mb-3">
             <img src="{{asset('img/podcasts/microphone-temporary.png')}}" alt="Image microhpone" class="w-100">
-            <a href="#">Cliquez ici pour écouter l'émission</a>
+            <a href="#" class="click-here">Cliquez ici pour écouter l'émission</a>
         </div>
-        <div class="col-sm-6">
-            {{$podcast->description}}
+        <div class="col-sm-5 mb-3">
+            <div class="text-justify mb-2">
+                {!! $podcast->description !!}
+                <hr>
+            </div>
+            <div class="row align-items-center">
+                <div class="col-sm-6 text-center">
+                    <h2>Une émission en partenariat avec</h2>
+                </div>
+                <div class="col-sm-6">
+                    <a href="{{$podcast->sponsor_url}}">
+                        <img src="{{$podcast->image('sponsor_logo', 'logo')}}" alt="Logo partenaire" class="w-100">
+                    </a>
+                </div>
+            </div>
+
+
         </div>
-        <div class="col-sm-3">
+        <div class="col-sm-4 mb-3">
+                <h2 class="text-center">Nos débatteurs</h2>
             <div class="row">
                 @foreach($podcast->guests as $guest)
-                    <div class="col-6">
-                        <img src="{!! $guest->image('profile') !!}" alt="" class="w-100">
-                        <h2>{{$guest->name}}</h2>
-                        <h3>{{$guest->job}}</h3>
-
-
+                    <div class="col-6 mb-2">
+                        <div class="card h-100">
+                            <img src="{!! $guest->image('profile') !!}" alt="Photo de {{$guest}}" class="card-img-top">
+                            <div class="p-1 text-center">
+                                <h3>{{$guest->name}}</h3>
+                                <h4>{{$guest->job}}</h4>
+                            </div>
+                        </div>
                     </div>
                 @endforeach
             </div>
-- 
2.39.5