Viewing File: /home/ubuntu/btcthrottle-backend/resources/views/admin/account/profile.blade.php

@extends('layouts.admin')
@section('title', tr('profile'))
@section('content-header', tr('profile'))
@section('breadcrumbs')
<li class="breadcrumb-item active">
   <a href="{{route('admin.profile')}}">{{ tr('profile') }}</a>
</li>
@endsection
@section('content')
<div class="row">
   <div class="col-md-12">
      <div class="card mb-4">
         <h5 class="card-header">{{tr('profile_details')}}</h5>
         <form method="POST" id="updateProfileForm" action="{{route('admin.update_profile')}}" enctype="multipart/form-data">

         <div class="card-body">
               @csrf
               <div class="d-flex align-items-start align-items-sm-center gap-4">
                  <img src="{{$admin->picture ? : asset('images/placeholder.png')}}" alt="user-avatar" class="d-block w-px-100 h-px-100 rounded" id="adminPicture" />
                  <div class="button-wrapper">
                     <label for="upload" class="btn btn-primary me-2 mb-3" tabindex="0">
                     <span class="d-none d-sm-block">{{tr('upload')}}</span>
                     <i class="ti ti-upload d-block d-sm-none"></i>
                     <input type="file" id="upload" class="account-file-input" name="picture" hidden accept=".png, .jpg, .jpeg"/>
                     </label>
                     <div class="text-muted">{{tr('admin_profile_allowed_extentions')}}</div>
                  </div>
               </div>
         </div>
         <hr class="my-0">
         <div class="card-body">
         <div class="row">
         <div class="mb-3 col-md-6">
         <label for="name" class="form-label">{{tr('name')}} *</label>
         <input class="form-control @error('name') is-invalid @enderror" type="text" id="name" name="name" value="{{old('name', auth('admin')->user()->name)}}" />
         </div>
         <div class="mb-3 col-md-6">
         <label for="email" class="form-label">{{tr('email')}} *</label>
         <input class="form-control @error('email') is-invalid @enderror" type="email" name="email" id="email" value="{{old('email', auth('admin')->user()->email)}}" />
         </div>
         <div class="row justify-content-end">
         <div class="col col-2">
         <button type="submit" class="btn btn-success w-100">{{tr('submit')}}</button>
         </div>
         <div class="col col-2">
         <a href="{{route('admin.profile')}}" class="btn btn-label-secondary w-100">{{tr('cancel')}}</a>
         </div>
         </div>
         </div>
         </div>
         </form>
      </div>
   </div>
</div>
<div class="col-md-12">
   <div class="card mb-4">
      <h5 class="card-header">{{tr('change_password')}}</h5>
      <div class="card-body">
         <form id="changePasswordForm" method="POST" action="{{route('admin.change_password')}}">
            @csrf
            <div class="row">
               <div class="mb-3 col-md-6 form-password-toggle">
                  <label class="form-label" for="currentPassword">{{tr('current_password')}}</label>
                  <div class="input-group input-group-merge">
                     <input class="form-control @error('old_password') is-invalid @enderror" type="password" name="old_password" id="currentPassword" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
                     <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="mb-3 col-md-6 form-password-toggle">
                  <label class="form-label" for="newPassword">{{tr('new_password')}}</label>
                  <div class="input-group input-group-merge">
                     <input class="form-control @error('password') is-invalid @enderror" type="password" id="newPassword" name="password" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
                     <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
                  </div>
               </div>
               <div class="mb-3 col-md-6 form-password-toggle">
                  <label class="form-label" for="confirmPassword">{{tr('confirm_new_password')}}</label>
                  <div class="input-group input-group-merge">
                     <input class="form-control @error('password') is-invalid @enderror" type="password" name="password_confirmation" id="confirmPassword" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />
                     <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
                  </div>
               </div>
               <div class="col-12 mb-4">
                  <h6>{{tr('password_requirements')}} :</h6>
                  <ul class="ps-3 mb-0">
                     <li class="mb-1">{{tr('min_password_note')}}</li>
                     <li>{{tr('new_password_cannot_be_same_as_old_password_note')}}</li>
                  </ul>
               </div>
               <div class="row justify-content-end">
                  <div class="col col-2">
                     <button type="submit" class="btn btn-warning w-100">{{tr('submit')}}</button>
                  </div>
                  <div class="col col-2">
                     <a href="{{route('admin.profile')}}" class="btn btn-label-secondary w-100">{{tr('cancel')}}</a>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
   document.getElementById("updateProfileForm").addEventListener("submit", function(event) {
   
     const name = document.getElementById("name").value;
   
     if (!name) {
   
         $("#name").addClass("is-invalid").focus();
   
         notifier("{{tr('field_is_required', strtolower(tr('name')))}}", "error");
   
         event.preventDefault();
   
         return true;
   
     }else{
   
       $("#name").removeClass("is-invalid");
   
     }
   
   
   
     const email = document.getElementById("email").value;
   
     if (!email) {
   
         $("#email").addClass("is-invalid").focus();
   
         notifier("{{tr('field_is_required', strtolower(tr('email')))}}", "error");
   
         event.preventDefault();
   
         return true;
   
     }else{
   
       $("#email").removeClass("is-invalid");
   
     }
   
   });
   
   
   
   document.getElementById("changePasswordForm").addEventListener("submit", function(event) {
   
     const currentPassword = document.getElementById("currentPassword").value;
   
     if (!currentPassword) {
   
         $("#currentPassword").addClass("is-invalid").focus();
   
         notifier("{{tr('field_is_required', strtolower(tr('current_password')))}}", "error");
   
         event.preventDefault();
   
         return true;
   
     }else{
   
       $("#currentPassword").removeClass("is-invalid");
   
     }
   
   
   
     const newPassword = document.getElementById("newPassword").value;
   
     if (!newPassword) {
   
         $("#newPassword").addClass("is-invalid").focus();
   
         notifier("{{tr('field_is_required', strtolower(tr('new_password')))}}", "error");
   
         event.preventDefault();
   
         return true;
   
     }else{
   
       $("#newPassword").removeClass("is-invalid");
   
     }
   
   
   
     const confirmPassword = document.getElementById("confirmPassword").value;
   
     if (!confirmPassword) {
   
         $("#confirmPassword").addClass("is-invalid").focus();
   
         notifier("{{tr('field_is_required', strtolower(tr('confirm_new_password')))}}", "error");
   
         event.preventDefault();
   
         return true;
   
     }else{
   
       $("#confirmPassword").removeClass("is-invalid");
   
     }
   
   });
   
   
   
   upload.onchange = e => {
   
         const [file] = upload.files;
   
         if(file) {
   
             adminPicture.src = URL.createObjectURL(file)
   
         }
   
     }
   
</script>
@endsection