From 7bcc82286c26e6cb7c0a1d4eb8060c4f497d1826 Mon Sep 17 00:00:00 2001
From: Ian Dunn <ian@iandunn.name>
Date: Fri, 8 Nov 2019 15:33:20 -0800
Subject: [PATCH] Theme: Display the Edit Pledge shortcode on individual
 pledges.

Fixes #5
---
 .../css/components/_pledge-single.scss        | 47 +++++++++++++++++++
 themes/wporg-5ftf/single-5ftf_pledge.php      | 18 ++++++-
 2 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/themes/wporg-5ftf/css/components/_pledge-single.scss b/themes/wporg-5ftf/css/components/_pledge-single.scss
index d146f95..53ec1b8 100644
--- a/themes/wporg-5ftf/css/components/_pledge-single.scss
+++ b/themes/wporg-5ftf/css/components/_pledge-single.scss
@@ -53,5 +53,52 @@ body.single.single-5ftf_pledge {
 		margin-top: ms(2);
 		border-top: 1px solid $color-gray-light-500;
 		padding-top: ms(2);
+
+		.report-wrapper {
+			margin-bottom: 1em;
+		}
+
+		@include breakpoint( $breakpoint-tablet ) {
+			display: grid;
+			grid-template-columns: 50% 50%;
+
+			#toggle-management-link-form,
+			#request-management-link {
+				float: right;
+				clear: both;
+			}
+		}
+	}
+
+	#request-management-link {
+		width: 300px;
+		border: 1px solid #ebeced; // setup var
+		box-shadow: rgba(25, 30, 35, 0.1) 0 3px 30px;
+		margin-top: 20px;
+		padding: 15px;
+
+		// todo add the upper ^ carot thing
+			// border-radius or something to draw triangle
+			// element inside the box, but then abs position outside it?
+			// z-index above parent so it's above box-shadow - probably happens by default?
+
+		p:first-child {
+			margin-top: 0;
+		}
+
+		input[type="email"] {
+			width: 100%;
+			margin: 0 0 20px 0;
+		}
+
+		input[type="submit"] {
+			float: right;
+			clear: both;
+			margin-bottom: 20px;
+		}
+
+		#form-messages {
+			clear: both;
+		}
 	}
 }
diff --git a/themes/wporg-5ftf/single-5ftf_pledge.php b/themes/wporg-5ftf/single-5ftf_pledge.php
index 6b22f4c..eb0ea51 100644
--- a/themes/wporg-5ftf/single-5ftf_pledge.php
+++ b/themes/wporg-5ftf/single-5ftf_pledge.php
@@ -15,7 +15,13 @@ $contributors = Contributor\get_contributor_user_objects(
 
 $report_page = get_page_by_path( 'report' );
 
-get_header(); ?>
+get_header();
+
+/**
+ * @var WP_Post $post
+ */
+
+?>
 
 	<main id="main" class="site-main" role="main">
 
@@ -118,7 +124,15 @@ get_header(); ?>
 			</div>
 
 			<footer class="entry-footer">
-				<a href="<?php the_permalink( $report_page ); ?>"><?php esc_html_e( 'Report a problem', 'wporg' ); ?></a>
+				<div class="report-wrapper">
+					<a href="<?php the_permalink( $report_page ); ?>">
+						<?php esc_html_e( 'Report a problem', 'wporg' ); ?>
+					</a>
+				</div>
+
+				<div class="edit-pledge-wrapper">
+					<?php do_shortcode( '[5ftf_pledge_form_manage_link]' ); ?>
+				</div>
 			</footer>
 		</article>