diff options
Diffstat (limited to 'resources/views/dashboard/account.edge')
-rw-r--r-- | resources/views/dashboard/account.edge | 109 |
1 files changed, 59 insertions, 50 deletions
diff --git a/resources/views/dashboard/account.edge b/resources/views/dashboard/account.edge index a91aa11..9f3539e 100644 --- a/resources/views/dashboard/account.edge +++ b/resources/views/dashboard/account.edge | |||
@@ -1,66 +1,75 @@ | |||
1 | @layout('layouts.main') | 1 | @layout('layouts.v2') |
2 | 2 | ||
3 | @section('content') | 3 | @section('content') |
4 | <h2>Your Ferdi account</h2> | 4 | <div class="w-screen h-screen bg-purple-200 flex items-center justify-center"> |
5 | @if(flashMessage('error')) | 5 | <div class="w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"> |
6 | <div class="alert"> | 6 | <h1 class="text-gray-700 text-center text-2xl pb-5"> |
7 | {{ flashMessage('error') }} | 7 | Your Ferdi account |
8 | </h1> | ||
9 | @if(flashMessage('error')) | ||
10 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> | ||
11 | {{ flashMessage('error') }} | ||
8 | </div> | 12 | </div> |
9 | @endif | 13 | @endif |
10 | @if(old('message')) | 14 | @if(old('message')) |
11 | <div class="alert"> | 15 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> |
12 | {{ old('message') }} | 16 | {{ old('message') }} |
13 | </div> | 17 | </div> |
14 | @endif | 18 | @endif |
15 | @if(flashMessage('notification')) | 19 | @if(flashMessage('notification')) |
16 | <div class="alert"> | 20 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> |
17 | {{ flashMessage('notification.message') }} | 21 | {{ flashMessage('notification.message') }} |
18 | </div> | 22 | </div> |
19 | @endif | 23 | @endif |
20 | @if(success === true) | 24 | @if(success === true) |
21 | <div class="alert" style="background-color:#28C76F;"> | 25 | <div class="bg-green-100 border-l-4 border-green-500 text-white p-4" style="background-color:#28C76F;"> |
22 | Sucessfully updated your user account | 26 | Sucessfully updated your user account |
23 | </div> | 27 | </div> |
24 | @endif | 28 | @endif |
25 | 29 | ||
26 | <form action="/user/account" method="POST"> | 30 | <form action="/user/account" method="POST"> |
27 | {{ csrfField() }} | 31 | {{ csrfField() }} |
28 | <div> | 32 | <div class="mb-6"> |
29 | <label>Name</label> | 33 | <label class="block text-gray-700 text-sm font-bold mb-2">Name</label> |
30 | <div> | 34 | <div> |
31 | <input type="text" value="{{ old('name', username) }}" placeholder="Name" name="username" required> | 35 | <input |
36 | class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" | ||
37 | type="text" value="{{ old('name', username) }}" placeholder="Name" name="username" required> | ||
32 | </div> | 38 | </div> |
33 | </div> | 39 | </div> |
34 | <div> | 40 | <div class="mb-6"> |
35 | <label>E-Mail</label> | 41 | <label class="block text-gray-700 text-sm font-bold mb-2">E-Mail</label> |
36 | <div> | 42 | <div> |
37 | <input type="email" value="{{ old('email', email) }}" placeholder="E-Mail" name="email" required> | 43 | <input |
44 | class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" | ||
45 | type="email" value="{{ old('email', email) }}" placeholder="E-Mail" name="email" required> | ||
38 | </div> | 46 | </div> |
39 | </div> | 47 | </div> |
40 | <div> | 48 | <div class="mb-6"> |
41 | <label>Password</label> | 49 | <label class="block text-gray-700 text-sm font-bold mb-2">Password</label> |
42 | <div> | 50 | <div> |
43 | <input type="password" placeholder="*********" name="password"> | 51 | <input |
52 | class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" | ||
53 | type="password" placeholder="*********" name="password"> | ||
44 | </div> | 54 | </div> |
45 | </div> | 55 | </div> |
46 | <div> | 56 | <div> |
47 | <button style="background-color:#28C76F;margin-bottom:1rem;">Change settings</button> | 57 | <button style="background-color:#28C76F;margin-bottom:1rem;">Change settings</button> |
58 | </div> | ||
59 | </form> | ||
60 | <div class="text-center"> | ||
61 | <a class="w-full font-bold text-sm text-gray-500 hover:text-gray-800 mb-3" | ||
62 | href="/user/data">My account data</a> | ||
63 | <br /> | ||
64 | <a class="w-full font-bold text-sm text-gray-500 hover:text-gray-800 mb-3" | ||
65 | href="/user/transfer">Import/Export account data</a> | ||
66 | <br /> | ||
67 | <a class="w-full font-bold text-sm text-red-500 hover:text-red-800 mb-3" | ||
68 | href="/user/delete">Delete my account</a> | ||
69 | <br /> | ||
70 | <a class="w-full font-bold text-sm text-gray-500 hover:text-gray-800 mb-3" | ||
71 | href="/user/logout">Logout</a> | ||
48 | </div> | 72 | </div> |
49 | </form> | 73 | </div> |
50 | |||
51 | <div> | ||
52 | <a class="button" href="/user/delete" style="background-color:#F6416C;margin-bottom:1rem;">Delete my account</a> | ||
53 | </div> | ||
54 | <div> | ||
55 | <a class="button" href="/user/data" style="margin-bottom:1rem;">My account data</a> | ||
56 | </div> | 74 | </div> |
57 | <div> | 75 | @endsection |
58 | <a class="button" href="/user/transfer" style="margin-bottom:1rem;">Import/Export account data</a> | ||
59 | </div> | ||
60 | <div> | ||
61 | <a class="button" href="/user/logout">Logout</a> | ||
62 | </div> | ||
63 | |||
64 | </div> | ||
65 | |||
66 | @endsection \ No newline at end of file | ||