270 lines
18 KiB
PHP
270 lines
18 KiB
PHP
<div>
|
|
|
|
<div class="row">
|
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-30">
|
|
<div class="pd-20 card-box height-100-p">
|
|
<div class="profile-photo">
|
|
<a href="javascript:;"
|
|
onclick="event.preventDefault();document.getElementById('profilePictureFile').click();"
|
|
class="edit-avatar"><i class="fa fa-pencil"></i></a>
|
|
<img src="{{ $user->picture }}" alt="" class="avatar-photo" id="profilePicturePreview"
|
|
alt="profilePicturePreview" />
|
|
<input type="file" name="profilePictureFile" id="profilePictureFile" class="d-none"
|
|
style="opacity: 0" accept=".jpg,.jpeg,.png">
|
|
</div>
|
|
<h5 class="text-center h5 mb-0">{{ $user->name }}</h5>
|
|
<p class="text-center text-muted font-14">
|
|
{{ $user->email }}
|
|
</p>
|
|
<div class="profile-social">
|
|
<h5 class="mb-20 h5 text-blue">Social Links</h5>
|
|
<ul class="clearfix">
|
|
@if (auth()->user()->social_links->facebook_url != '')
|
|
<li>
|
|
<a href="{{ auth()->user()->social_links->facebook_url }}" class="btn"
|
|
data-bgcolor="#3b5998" data-color="#ffffff"><i class="fa fa-facebook"></i></a>
|
|
</li>
|
|
@endif
|
|
@if (auth()->user()->social_links->twitter_url != '')
|
|
<li>
|
|
<a href="{{ auth()->user()->social_links->twitter_url }}" class="btn"
|
|
data-bgcolor="#1da1f2" data-color="#ffffff"><i class="fa fa-twitter"></i></a>
|
|
</li>
|
|
@endif
|
|
@if (auth()->user()->social_links->linkedin_url != '')
|
|
<li>
|
|
<a href="{{ auth()->user()->social_links->linkedin_url }}" class="btn"
|
|
data-bgcolor="#007bb5" data-color="#ffffff"><i class="fa fa-linkedin"></i></a>
|
|
</li>
|
|
@endif
|
|
@if (auth()->user()->social_links->instagram_url != '')
|
|
<li>
|
|
<a href="{{ auth()->user()->social_links->instagram_url }}" class="btn"
|
|
data-bgcolor="#f46f30" data-color="#ffffff"><i class="fa fa-instagram"></i></a>
|
|
</li>
|
|
@endif
|
|
@if (auth()->user()->social_links->youtube_url != '')
|
|
<li>
|
|
<a href="{{ auth()->user()->social_links->youtube_url }}" class="btn"
|
|
data-bgcolor="#ff0000" data-color="#ffffff"><i class="fa fa-youtube"></i></a>
|
|
</li>
|
|
@endif
|
|
@if (auth()->user()->social_links->github_url != '')
|
|
<li>
|
|
<a href="{{ auth()->user()->social_links->github_url }}" class="btn"
|
|
data-bgcolor="#a6a6a6" data-color="#ffffff"><i class="fa fa-github"></i></a>
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 mb-30">
|
|
<div class="card-box height-100-p overflow-hidden">
|
|
<div class="profile-tab height-100-p">
|
|
<div class="tab height-100-p">
|
|
<ul class="nav nav-tabs customtab" role="tablist">
|
|
<li class="nav-item">
|
|
<a wire:click="selectTab('personal_details')"
|
|
class="nav-link {{ $tab == 'personal_details' ? 'active' : '' }}" data-toggle="tab"
|
|
href="#personal_details" role="tab">Personal
|
|
Details</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a wire:click="selectTab('update_password')"
|
|
class="nav-link {{ $tab == 'update_password' ? 'active' : '' }}" data-toggle="tab"
|
|
href="#update_password" role="tab">Update
|
|
Passwort</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a wire:click="selectTab('social_links')"
|
|
class="nav-link {{ $tab == 'social_links' ? 'active' : '' }}" data-toggle="tab"
|
|
href="#social_links" role="tab">Social
|
|
Links</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<!-- Timeline Tab start -->
|
|
<div class="tab-pane fade {{ $tab == 'personal_details' ? 'show active' : '' }} "
|
|
id="personal_details" role="tabpanel">
|
|
<div class="pd-20">
|
|
<form wire:submit="updatePersonalDetails()">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<label for="">Dein Namen<span
|
|
style="color:red">*</span></label>
|
|
<input type="text" class="form-control" wire:model="name"
|
|
placeholder="Dein Namen" />
|
|
@error('name')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="">Deine E-Mail</label>
|
|
<input type="email" class="form-control" wire:model="email"
|
|
disabled placeholder="Deine Email" />
|
|
@error('email')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="">Benutzername<span
|
|
style="color:red">*</span></label>
|
|
<input type="text" class="form-control" wire:model="username"
|
|
placeholder="Dein Benutzername" />
|
|
@error('username')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<label for="">Deine Bio</label>
|
|
<textarea wire:model="bio" cols="4" rows="4" class="form-control" placeholder="Deine Bio"></textarea>
|
|
@error('bio')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-primary">Einstellungen
|
|
speichern</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Timeline Tab End -->
|
|
<!-- Tasks Tab start -->
|
|
<div class="tab-pane fade {{ $tab == 'update_password' ? 'show active' : '' }}"
|
|
id="update_password" role="tabpanel">
|
|
<div class="pd-20 profile-task-wrap">
|
|
<form wire:submit="updatePassword()">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="">Aktuelles Passwort</label>
|
|
<input type="password" class="form-control"
|
|
wire:model="current_password"
|
|
placeholder="Gib dein aktuelles Passwort ein" />
|
|
|
|
@error('current_password')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="">Neues Passwort</label>
|
|
<input type="password" class="form-control"
|
|
wire:model="new_password"
|
|
placeholder="Gib dein neues Passwort ein" />
|
|
|
|
@error('new_password')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="">Neues Passwort bestötigen</label>
|
|
<input type="password" class="form-control"
|
|
wire:model="new_password_confirmation"
|
|
placeholder="Bestätige dein neues Passwort ein" />
|
|
|
|
@error('new_password_confirmation')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Passwort ändern</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Tasks Tab End -->
|
|
<!-- Setting Tab start -->
|
|
<div class="tab-pane fade {{ $tab == 'social_links' ? 'show active' : '' }}"
|
|
id="social_links" role="tabpanel">
|
|
<div class="pd-20 profile-task-wrap">
|
|
<form method="POST" wire:submit="updateSocialLinks()">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for=""><b>Facebook</b></label>
|
|
<input type="text" class="form-control"
|
|
wire:model="facebook_url" placeholder="Facebook Url" />
|
|
@error('facebook_url')
|
|
<span class="text-danger ml-1">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for=""><b>Instagram</b></label>
|
|
<input type="text" class="form-control"
|
|
wire:model="instagram_url" placeholder="Instagram Url" />
|
|
@error('instagram_url')
|
|
<span class="text-danger ml-1">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for=""><b>YouTube</b></label>
|
|
<input type="text" class="form-control"
|
|
wire:model="youtube_url" placeholder="Youtube Url" />
|
|
@error('youtube_url')
|
|
<span class="text-danger ml-1">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for=""><b>LinkedIn</b></label>
|
|
<input type="text" class="form-control"
|
|
wire:model="linkedin_url" placeholder="LinkedIn Url" />
|
|
@error('linkedin_url')
|
|
<span class="text-danger ml-1">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for=""><b>Twitter</b></label>
|
|
<input type="text" class="form-control"
|
|
wire:model="twitter_url" placeholder="Twitter Url" />
|
|
@error('twitter_url')
|
|
<span class="text-danger ml-1">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-3">
|
|
<label for=""><b>GitHub</b></label>
|
|
<input type="text" class="form-control"
|
|
wire:model="github_url" placeholder="GitHub Url" />
|
|
@error('github_url')
|
|
<span class="text-danger ml-1">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Speichern</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Setting Tab End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|