관리-도구
편집 파일: profile.blade.php
@extends('layouts.apps') @section('content') <!--start main wrapper--> <main class="main-wrapper"> <div class="main-content"> <!--breadcrumb--> <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> <div class="breadcrumb-title pe-3">Components</div> <div class="ps-3"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a> </li> <li class="breadcrumb-item active" aria-current="page">Settings</li> </ol> </nav> </div> <div class="ms-auto"> <div class="btn-group"> </div> </div> </div> <!--end breadcrumb--> <div class="card rounded-4"> <div class="card-body p-4"> <div class="position-relative mb-5"> <img src="{{ asset('admin/assets/images/ak.png') }}" width="100" class="img-fluid rounded-4 shadow" alt=""> <div class="profile-avatar position-absolute top-100 start-50 translate-middle"> <img src="{{ asset('admin/assets/images/ak.png') }}" width="200" class="img-fluid p-1 " width="170" height="170" alt=""> </div> </div> <div class="profile-info pt-5 d-flex align-items-center justify-content-between"> <div class=""> <h3>{{$admin->name}}</h3> <p class="mb-0">{{$admin->role}}<br> {{$admin->email}} </p> </div> <div class=""> <!-- Edit Password Button --> <a href="javascript:;" class="btn btn-grd-primary rounded-5 px-4" data-bs-toggle="modal" data-bs-target="#editPasswordModal"> <i class="bi bi-chat me-2"></i>Edit Password </a> <!-- Password Edit Modal --> <div class="modal fade" id="editPasswordModal" tabindex="-1" aria-labelledby="editPasswordModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content rounded-4 shadow"> <div class="modal-header"> <h5 class="modal-title" id="editPasswordModalLabel">Change Password</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form method="POST" action="{{ route('admin.updatePassword') }}"> @csrf <div class="modal-body"> <div class="mb-3"> <label class="form-label">Current Password</label> <input type="password" name="current_password" class="form-control" required> </div> <div class="mb-3"> <label class="form-label">New Password</label> <input type="password" name="new_password" class="form-control" required> </div> <div class="mb-3"> <label class="form-label">Confirm New Password</label> <input type="password" name="new_password_confirmation" class="form-control" required> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-grd-primary rounded-5 px-4">Update</button> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 col-xl-8"> <div class="card rounded-4 border-top border-4 border-primary border-gradient-1"> <div class="card-body p-4"> <div class="d-flex align-items-start justify-content-between mb-3"> <div class=""> <h5 class="mb-0 fw-bold">Edit Profile</h5> </div> <div class="dropdown"> </div> </div> <form class="row g-4" method="POST" action="{{ route('admin.profile.update') }}"> @csrf @method('PUT') <!-- Login email from users table --> <div class="col-md-12"> <label for="login_email" class="form-label">Username/Email (Login Credential)</label> <input type="email" class="form-control" id="login_email" name="login_email" value="{{ $admin->email }}"> </div> <!-- Address from address table --> <div class="col-md-12"> <label for="address" class="form-label">Address</label> <input type="text" class="form-control" id="address" name="address" value="{{ $address->address }}"> </div> <div class="col-md-12"> <label for="phone" class="form-label">Phone</label> <input type="text" class="form-control" id="phone" name="phone" value="{{ $address->phone }}"> </div> <div class="col-md-12"> <label for="email" class="form-label">Contact Email</label> <input type="email" class="form-control" id="email" name="email" value="{{ $address->email }}"> </div> <div class="col-md-12"> <label for="tag" class="form-label">Tag</label> <textarea name="tag" class="form-control" id="tag">{{ $address->tag }}</textarea> </div> <div class="col-md-12"> <div class="d-md-flex d-grid align-items-center gap-3"> <button type="submit" class="btn btn-grd-primary px-4">Update Profile</button> <button type="reset" class="btn btn-light px-4">Reset</button> </div> </div> </form> </div> </div> </div> <div class="col-12 col-xl-4"> <div class="card rounded-4"> <div class="card-body"> <div class="d-flex align-items-start justify-content-between mb-3"> <div> <h5 class="mb-0 fw-bold">Accounts</h5> </div> <div class="dropdown"> <a href="javascript:;" class="dropdown-toggle-nocaret options dropdown-toggle" data-bs-toggle="dropdown"> <span class="material-icons-outlined fs-5">more_vert</span> </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="javascript:;">Action</a></li> <li><a class="dropdown-item" href="javascript:;">Another action</a></li> <li><a class="dropdown-item" href="javascript:;">Something else here</a></li> </ul> </div> </div> <form method="POST" action="{{ route('admin.socials.update') }}"> @csrf <div class="account-list d-flex flex-column gap-4"> @foreach($socials as $social) <div class="account-list-item d-flex align-items-center gap-3"> <img src="{{ asset('assets/images/apps/' . strtolower($social->platform) . '.png') }}" width="35" alt=""> <div class="flex-grow-1"> <h6 class="mb-1">{{ $social->platform }}</h6> <!-- Editable input for URL --> <input type="url" name="socials[{{ $social->platform }}]" value="{{ $social->url ?? '' }}" class="form-control form-control-sm" placeholder="Enter {{ $social->platform }} link"> </div> </div> @endforeach </div> <button type="submit" class="btn btn-grd-primary mt-3">Save</button> </form> </div> </div> </div> </div><!--end row--> </div> </main> <!--end main wrapper--> <!--start overlay--> <div class="overlay btn-toggle"></div> <!--end overlay--> @endsection