Add user settings views

resources/views/settings/import/home.blade.php

@@ -0,0 +1,30 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Import</h3>
+  </div>
+  <hr>
+  <section>
+    <p class="lead">Account Import allows you to import your data from a supported service.</p>
+    <p class="alert alert-warning">Importing from another service will not impact existing data by default however you may choose to update avatar, bio or nickname fields during the process.</p>
+  </section>
+  <section class="mt-5">
+    <p class="small text-muted font-weight-bold text-uppercase mb-3">Supported Services</p>
+    <p class="">
+      <a class="btn btn-outline-primary font-weight-bold" href="/settings/import/instagram">Import from Instagram</a>
+    </p>
+    <hr>
+    <p class="small text-muted font-weight-bold text-uppercase mb-3">Coming Soon</p>
+    <p class="">
+      <a class="btn btn-outline-secondary font-weight-bold disabled" href="#">Import from Mastodon</a>
+    </p>
+    <p class="">
+      <a class="btn btn-outline-secondary font-weight-bold disabled" href="#">Import from Pleroma</a>
+    </p>
+    <p class="">
+      <a class="btn btn-outline-secondary font-weight-bold disabled" href="#">Import from GNU/Social</a>
+    </p>
+  </section>
+@endsection

resources/views/settings/notifications.blade.php

@@ -0,0 +1,13 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Notification Settings</h3>
+  </div>
+  <hr>
+  <div class="alert alert-danger">
+    Coming Soon
+  </div>
+
+@endsection

resources/views/settings/partial/sidebar.blade.php

@@ -0,0 +1,44 @@
+  <div class="col-12 col-md-3 py-3" style="border-right:1px solid #ccc;">
+    <ul class="nav flex-column settings-nav">
+      <li class="nav-item pl-3 {{request()->is('settings/home')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings')}}">Profile</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/avatar')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.avatar')}}">Avatar</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/password')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.password')}}">Password</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/email')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.email')}}">Email</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/notifications')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.notifications')}}">Notifications</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/privacy')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.privacy')}}">Privacy</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/security')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.security')}}">Security</a>
+      </li>
+      <li class="nav-item">
+      <hr>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/import*')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.import')}}">Import</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/data-export')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.dataexport')}}">Export</a>
+      </li>
+      </li>
+      <li class="nav-item">
+      <hr>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/applications')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.applications')}}">Applications</a>
+      </li>
+      <li class="nav-item pl-3 {{request()->is('settings/developers')?'active':''}}">
+        <a class="nav-link lead text-muted" href="{{route('settings.developers')}}">Developers</a>
+      </li>
+    </ul>
+  </div>

resources/views/settings/password.blade.php

@@ -0,0 +1,38 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Update Password</h3>
+  </div>
+  <hr>
+  <form method="post">
+    @csrf
+    <div class="form-group row">
+      <label for="existing" class="col-sm-3 col-form-label font-weight-bold">Current</label>
+      <div class="col-sm-9">
+        <input type="text" class="form-control" id="existing" placeholder="Your current password">
+      </div>
+    </div>
+    <hr>
+    <div class="form-group row">
+      <label for="new" class="col-sm-3 col-form-label font-weight-bold">New</label>
+      <div class="col-sm-9">
+        <input type="text" class="form-control" id="new" placeholder="Enter new password here">
+      </div>
+    </div>
+    <div class="form-group row">
+      <label for="confirm" class="col-sm-3 col-form-label font-weight-bold">Confirm</label>
+      <div class="col-sm-9">
+        <input type="text" class="form-control" id="confirm" placeholder="Confirm new password">
+      </div>
+    </div>
+    <hr>
+    <div class="form-group row">
+      <div class="col-sm-9">
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </div>
+    </div>
+  </form>
+
+@endsection

resources/views/settings/privacy.blade.php

@@ -0,0 +1,13 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Privacy Settings</h3>
+  </div>
+  <hr>
+  <div class="alert alert-danger">
+    Coming Soon
+  </div>
+
+@endsection

resources/views/settings/security.blade.php

@@ -0,0 +1,13 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Security Settings</h3>
+  </div>
+  <hr>
+  <div class="alert alert-danger">
+    Coming Soon
+  </div>
+
+@endsection

resources/views/settings/template.blade.php

@@ -0,0 +1,25 @@
+@extends('layouts.app')
+
+@section('content')
+
+<div class="container">
+  <div class="col-12">
+    <div class="card mt-5">
+      <div class="card-body p-0">
+        <div class="row">
+          @include('settings.partial.sidebar')
+          <div class="col-12 col-md-9 p-5">
+            @if (session('status'))
+                <div class="alert alert-success">
+                    {{ session('status') }}
+                </div>
+            @endif
+            @yield('section')
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+@endsection