From e3c22306e2099eefb585a50e26d5128c4846ddd6 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Sun, 17 Mar 2019 15:45:16 -0600
Subject: [PATCH] Add IG import views

---
 .../import/instagram/step-one.blade.php       | 28 +++++++++++++++++++
 .../import/instagram/step-three.blade.php     | 25 +++++++++++++++++
 .../import/instagram/step-two.blade.php       | 26 +++++++++++++++++
 3 files changed, 79 insertions(+)
 create mode 100644 resources/views/settings/import/instagram/step-one.blade.php
 create mode 100644 resources/views/settings/import/instagram/step-three.blade.php
 create mode 100644 resources/views/settings/import/instagram/step-two.blade.php

diff --git a/resources/views/settings/import/instagram/step-one.blade.php b/resources/views/settings/import/instagram/step-one.blade.php
new file mode 100644
index 000000000..0ca0ddcbf
--- /dev/null
+++ b/resources/views/settings/import/instagram/step-one.blade.php
@@ -0,0 +1,28 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Import from Instagram</h3>
+    <p class="lead">Step 1</p>
+  </div>
+  <hr>
+  <section>
+    <p class="lead">Before you proceed, you need to have a backup of your account from Instagram, you can do that <a href="https://www.instagram.com/download/request/">here</a>.</p>
+  </section>
+  <section class="mt-5 col-md-8 offset-md-2">
+    <div class="card mb-3 step-one">
+      <div class="card-body text-center">
+        <p class="h5 font-weight-bold">Import <b>photos</b> directory</p>
+        <p class="text-muted">250mb limit, if your photos directory exceeds that amount, you will have to wait until we support larger imports.</p>
+        <hr>
+        <form enctype="multipart/form-data" class="" method="post">
+          @csrf
+          <input type="file" name="media[]" multiple="" directory="" webkitdirectory="" mozdirectory="" accept="image/*">
+          <button type="submit" class="mt-4 btn btn-primary btn-block font-weight-bold">Upload Photos</button>
+        </form>
+      </div>
+    </div>
+  </section>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/settings/import/instagram/step-three.blade.php b/resources/views/settings/import/instagram/step-three.blade.php
new file mode 100644
index 000000000..7c09a6728
--- /dev/null
+++ b/resources/views/settings/import/instagram/step-three.blade.php
@@ -0,0 +1,25 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Import from Instagram</h3>
+    <p class="lead">Step 3</p>
+  </div>
+  <hr>
+  <section class="mt-5 col-md-8 offset-md-2">
+    <div class="card mb-3 step-three">
+      <div class="card-body text-center">
+        <p class="h5 font-weight-bold">Found {{$job->files->count()}} posts to import</p>
+        <p class="text-muted"></p>
+        <hr>
+        <form enctype="multipart/form-data" class="" method="post">
+          @csrf
+          <button type="submit" class="mt-4 btn btn-primary btn-block font-weight-bold">Import All</button>
+        </form>
+      </div>
+      </div>
+    </div>
+  </section>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/settings/import/instagram/step-two.blade.php b/resources/views/settings/import/instagram/step-two.blade.php
new file mode 100644
index 000000000..695f89604
--- /dev/null
+++ b/resources/views/settings/import/instagram/step-two.blade.php
@@ -0,0 +1,26 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Import from Instagram</h3>
+    <p class="lead">Step 2</p>
+  </div>
+  <hr>
+  <section class="mt-5 col-md-8 offset-md-2">
+    <div class="card mb-3 step-two">
+      <div class="card-body text-center">
+        <p class="h5 font-weight-bold">Import <b>media.json</b> file</p>
+        <p class="text-muted">10mb limit, please only upload the media.json file</p>
+        <hr>
+        <form enctype="multipart/form-data" class="" method="post">
+          @csrf
+          <input type="file" name="media">
+          <button type="submit" class="mt-4 btn btn-primary btn-block font-weight-bold">Upload media.json</button>
+        </form>
+      </div>
+      </div>
+    </div>
+  </section>
+
+@endsection
\ No newline at end of file