440 lines
26 KiB
PHP
Executable File
440 lines
26 KiB
PHP
Executable File
@extends('Templates/templateAdmin')
|
|
|
|
@section('Main-content')
|
|
<section class="content">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-12">
|
|
<!-- Card box User Profile -->
|
|
<br><br>
|
|
<section class="section profile">
|
|
<div class="row">
|
|
<div class="col-xl-4">
|
|
|
|
<div class="card">
|
|
<div class="card-body profile-card pt-4 d-flex flex-column align-items-center">
|
|
|
|
<img src="{{ asset('/img/avatar5.png') }}" class="img-circle elevation-2 imgProfile"
|
|
alt="User Image">
|
|
<h2>{{ $user->user_name }}</h2>
|
|
<h3>{{ $user->userType->type_user_id }}</h3>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xl-8">
|
|
|
|
<div class="card">
|
|
<div class="card-body pt-3">
|
|
<!-- Bordered Tabs -->
|
|
<ul class="nav nav-tabs nav-tabs-bordered">
|
|
|
|
<li class="nav-item">
|
|
<button class="nav-link active" data-bs-toggle="tab"
|
|
data-bs-target="#profile-overview">Perfil</button>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<button class="nav-link" data-bs-toggle="tab"
|
|
data-bs-target="#profile-edit">Editar Perfil</button>
|
|
</li>
|
|
|
|
</ul>
|
|
<div class="tab-content pt-2">
|
|
|
|
<div class="tab-pane fade show active profile-overview" id="profile-overview">
|
|
|
|
<h5 class="card-title">Profile Details</h5>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label ">Full Name</div>
|
|
<div class="col-lg-9 col-md-8">Kevin Anderson</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Company</div>
|
|
<div class="col-lg-9 col-md-8">Lueilwitz, Wisoky and Leuschke</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Job</div>
|
|
<div class="col-lg-9 col-md-8">Web Designer</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Country</div>
|
|
<div class="col-lg-9 col-md-8">USA</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Address</div>
|
|
<div class="col-lg-9 col-md-8">A108 Adam Street, New York, NY 535022
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Phone</div>
|
|
<div class="col-lg-9 col-md-8">(436) 486-3538 x29071</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Email</div>
|
|
<div class="col-lg-9 col-md-8">k.anderson@example.com</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade profile-edit pt-3" id="profile-edit">
|
|
|
|
<!-- Profile Edit Form -->
|
|
<form>
|
|
<div class="row mb-3">
|
|
<label for="profileImage"
|
|
class="col-md-4 col-lg-3 col-form-label">Profile Image</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<img src="assets/img/profile-img.jpg" alt="Profile">
|
|
<div class="pt-2">
|
|
<a href="#" class="btn btn-primary btn-sm"
|
|
title="Upload new profile image"><i
|
|
class="bi bi-upload"></i></a>
|
|
<a href="#" class="btn btn-danger btn-sm"
|
|
title="Remove my profile image"><i
|
|
class="bi bi-trash"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="fullName" class="col-md-4 col-lg-3 col-form-label">Full
|
|
Name</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="fullName" type="text" class="form-control"
|
|
id="fullName" value="Kevin Anderson">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="about"
|
|
class="col-md-4 col-lg-3 col-form-label">About</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<textarea name="about" class="form-control" id="about" style="height: 100px">Sunt est soluta temporibus accusantium neque nam maiores cumque temporibus. Tempora libero non est unde veniam est qui dolor. Ut sunt iure rerum quae quisquam autem eveniet perspiciatis odit. Fuga sequi sed ea saepe at unde.</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="company"
|
|
class="col-md-4 col-lg-3 col-form-label">Company</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="company" type="text" class="form-control"
|
|
id="company" value="Lueilwitz, Wisoky and Leuschke">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Job"
|
|
class="col-md-4 col-lg-3 col-form-label">Job</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="job" type="text" class="form-control"
|
|
id="Job" value="Web Designer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Country"
|
|
class="col-md-4 col-lg-3 col-form-label">Country</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="country" type="text" class="form-control"
|
|
id="Country" value="USA">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Address"
|
|
class="col-md-4 col-lg-3 col-form-label">Address</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="address" type="text" class="form-control"
|
|
id="Address"
|
|
value="A108 Adam Street, New York, NY 535022">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Phone"
|
|
class="col-md-4 col-lg-3 col-form-label">Phone</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="phone" type="text" class="form-control"
|
|
id="Phone" value="(436) 486-3538 x29071">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Email"
|
|
class="col-md-4 col-lg-3 col-form-label">Email</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="email" type="email" class="form-control"
|
|
id="Email" value="k.anderson@example.com">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Twitter"
|
|
class="col-md-4 col-lg-3 col-form-label">Twitter
|
|
Profile</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="twitter" type="text" class="form-control"
|
|
id="Twitter" value="https://twitter.com/#">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Facebook"
|
|
class="col-md-4 col-lg-3 col-form-label">Facebook
|
|
Profile</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="facebook" type="text" class="form-control"
|
|
id="Facebook" value="https://facebook.com/#">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Instagram"
|
|
class="col-md-4 col-lg-3 col-form-label">Instagram
|
|
Profile</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="instagram" type="text" class="form-control"
|
|
id="Instagram" value="https://instagram.com/#">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="Linkedin"
|
|
class="col-md-4 col-lg-3 col-form-label">Linkedin
|
|
Profile</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="linkedin" type="text" class="form-control"
|
|
id="Linkedin" value="https://linkedin.com/#">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn btn-primary">Save
|
|
Changes</button>
|
|
</div>
|
|
</form><!-- End Profile Edit Form -->
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade pt-3" id="profile-settings">
|
|
|
|
<!-- Settings Form -->
|
|
<form>
|
|
|
|
<div class="row mb-3">
|
|
<label for="fullName"
|
|
class="col-md-4 col-lg-3 col-form-label">Email
|
|
Notifications</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox"
|
|
id="changesMade" checked>
|
|
<label class="form-check-label" for="changesMade">
|
|
Changes made to your account
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox"
|
|
id="newProducts" checked>
|
|
<label class="form-check-label" for="newProducts">
|
|
Information on new products and services
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox"
|
|
id="proOffers">
|
|
<label class="form-check-label" for="proOffers">
|
|
Marketing and promo offers
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox"
|
|
id="securityNotify" checked disabled>
|
|
<label class="form-check-label" for="securityNotify">
|
|
Security alerts
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn btn-primary">Save
|
|
Changes</button>
|
|
</div>
|
|
</form><!-- End settings Form -->
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade pt-3" id="profile-change-password">
|
|
<!-- Change Password Form -->
|
|
<form>
|
|
|
|
<div class="row mb-3">
|
|
<label for="currentPassword"
|
|
class="col-md-4 col-lg-3 col-form-label">Current
|
|
Password</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="password" type="password" class="form-control"
|
|
id="currentPassword">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="newPassword"
|
|
class="col-md-4 col-lg-3 col-form-label">New Password</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="newpassword" type="password"
|
|
class="form-control" id="newPassword">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label for="renewPassword"
|
|
class="col-md-4 col-lg-3 col-form-label">Re-enter New
|
|
Password</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="renewpassword" type="password"
|
|
class="form-control" id="renewPassword">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn btn-primary">Change
|
|
Password</button>
|
|
</div>
|
|
</form><!-- End Change Password Form -->
|
|
|
|
</div>
|
|
|
|
</div><!-- End Bordered Tabs -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</div>
|
|
{{-- ./col-md-12 --}}
|
|
</div>
|
|
{{-- ./row justify-content-center --}}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
{{-- ./container-fluid" --}}
|
|
</section>
|
|
{{-- ./content --}}
|
|
</div>
|
|
{{-- ./content-wrapper --}}
|
|
@endsection
|
|
|
|
|
|
<div class="card card-primary">
|
|
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col-sm">
|
|
<div class="user-panel mt-3 pb-3 mb-3">
|
|
|
|
<div class="image d-flex justify-content-center align-items-center">
|
|
|
|
<label for="input-file" class="imgProfile-hover">
|
|
<img src="{{ asset('/img/avatar5.png') }}" class="img-circle elevation-2 imgProfile"
|
|
alt="User Image">
|
|
|
|
{{-- Parte de baixo para colocar o 'Escolher arquivo' --}}
|
|
{{-- <div class="input-group input-file">
|
|
<input type="text" class="form-control"
|
|
placeholder="Escolha um arquivo" readonly>
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-secondary btn-choose" type="button">Escolher
|
|
arquivo</button>
|
|
</span>
|
|
</div> --}}
|
|
|
|
</label>
|
|
{{-- <input type="file" id="input-file" class="d-none"> --}}
|
|
</div>
|
|
<div class="text-center">
|
|
<h5>{{ $user->userType->type }} :: {{ $user->name }} </h5>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="info text-center">
|
|
{{-- <p class="d-block" style="font-size: 2rem;">{{ $tipo_usuario }}</p> --}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="row">
|
|
<div class="col-sm form-group align-self-center">
|
|
<p>Nome: <input class="form-control" type="text" name=""
|
|
value="{{ $user->name }}"></p>
|
|
</div>
|
|
|
|
<div class="col-sm form-group align-self-center">
|
|
<p>Email: <input class="form-control" type="text" name=""
|
|
value="{{ $user->email }}"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm form-group align-self-center">
|
|
<p>Telemovel: <input class="form-control" type="text" name=""
|
|
value="{{ $user->user_phone }}"></p>
|
|
</div>
|
|
|
|
<div class="col-sm form-group align-self-center">
|
|
<p>NIF: <input class="form-control" type="text" name=""
|
|
value="{{ $user->user_nif }}"></p>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- <div class="row">
|
|
<div class="col-sm form-group align-self-center">
|
|
<p>Senha : <input class="form-control" type="password" ></p>
|
|
</div>
|
|
|
|
<div class="col-sm form-group align-self-center">
|
|
<p>Confirmar Senha : <input class="form-control" type="password" ></p>
|
|
</div>
|
|
</div> --}}
|
|
|
|
<div class="row">
|
|
<div class="col-sm form-group align-self-center">
|
|
{{-- <p>Nova Senha: <input class="form-control" type="text" name=""></p> --}}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
|
|
<div class="card-footer">
|
|
<div class="float-right">
|
|
<button type="submit" class="btn btn-primary">Guardar</button>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ route('logout') }}">
|
|
@csrf
|
|
<button type="submit" class="btn btn-danger">Logout</button>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|