Update email settings view

resources/views/settings/email.blade.php

@@ -1,36 +1,63 @@
-@extends('settings.template')
+@extends('layouts.app')
 
-@section('section')
+@section('content')
+@if (session('status'))
+    <div class="alert alert-primary px-3 h6 text-center">
+        {{ session('status') }}
+    </div>
+@endif
+@if ($errors->any())
+    <div class="alert alert-danger px-3 h6 text-center">
+            @foreach($errors->all() as $error)
+                <p class="font-weight-bold mb-1">{{ $error }}</li>
+            @endforeach
+    </div>
+@endif
+@if (session('error'))
+    <div class="alert alert-danger px-3 h6 text-center">
+        {{ session('error') }}
+    </div>
+@endif
 
-  <div class="title">
-    <h3 class="font-weight-bold">Email Settings</h3>
-  </div>
-  <hr>
-  <form method="post" action="{{route('settings.email')}}">
-    @csrf
-    <input type="hidden" class="form-control" name="name" value="{{Auth::user()->profile->name}}">
-    <input type="hidden" class="form-control" name="username" value="{{Auth::user()->profile->username}}">
-    <input type="hidden" class="form-control" name="website" value="{{Auth::user()->profile->website}}">
+<div class="container">
+  <div class="col-12">
+    <div class="card shadow-none border mt-5">
+      <div class="card-body">
+        <div class="row">
+          <div class="col-12 p-3 p-md-5">
+			  <div class="title">
+			    <h3 class="font-weight-bold">Email Settings</h3>
+			  </div>
+			  <hr>
+			  <form method="post" action="{{route('settings.email')}}">
+			    @csrf
+			    <input type="hidden" class="form-control" name="name" value="{{Auth::user()->profile->name}}">
+			    <input type="hidden" class="form-control" name="username" value="{{Auth::user()->profile->username}}">
+			    <input type="hidden" class="form-control" name="website" value="{{Auth::user()->profile->website}}">
 
-    <div class="form-group row">
-      <label for="email" class="col-sm-3 col-form-label font-weight-bold text-right">Email</label>
-      <div class="col-sm-9">
-        <input type="email" class="form-control" id="email" name="email" placeholder="Email Address" value="{{Auth::user()->email}}">
-        <p class="help-text small text-muted font-weight-bold">
-          @if(Auth::user()->email_verified_at)
-          <span class="text-success">Verified</span> {{Auth::user()->email_verified_at->diffForHumans()}}
-          @else
-          <span class="text-danger">Unverified</span> You need to <a href="/i/verify-email">verify your email</a>.
-          @endif
-        </p>
+			    <div class="form-group">
+			      <label for="email" class="font-weight-bold">Email Address</label>
+			        <input type="email" class="form-control" id="email" name="email" placeholder="Email Address" value="{{Auth::user()->email}}">
+			        <p class="help-text small text-muted font-weight-bold">
+			          @if(Auth::user()->email_verified_at)
+			          <span class="text-success">Verified</span> {{Auth::user()->email_verified_at->diffForHumans()}}
+			          @else
+			          <span class="text-danger">Unverified</span> You need to <a href="/i/verify-email">verify your email</a>.
+			          @endif
+			        </p>
+			    </div>
+			    <div class="form-group row">
+			      <div class="col-12 text-right">
+			        <button type="submit" class="btn btn-primary font-weight-bold py-0 px-5">Submit</button>
+			      </div>
+			    </div>
+			  </form>
+          </div>
+        </div>
       </div>
     </div>
-    <hr>
-    <div class="form-group row">
-      <div class="col-12 text-right">
-        <button type="submit" class="btn btn-primary font-weight-bold py-0 px-5">Submit</button>
-      </div>
-    </div>
-  </form>
+  </div>
+</div>
+
 
-@endsection
+@endsection