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

@extends('layouts.admin') 

@section('title') 
  {{ tr('profile') }} 
@endsection

@section('content-header') 
<span class="menu-title"> {{ tr('profile') }}</span> 
@endsection 

@section('breadcrumb')
<li class="breadcrumb-item active"> {{ tr('profile') }} </li> 
@endsection 

@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
	<div id="kt_content_container" class="container-xxl">
		<div class="card mb-5 mb-xl-10">
			<div class="card-body pt-9 pb-0">
				<div class="d-flex flex-wrap flex-sm-nowrap mb-3">
					<div class="me-7 mb-4">
						<div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative"> 
							<img src="{{ $admin->picture }}" alt="image" />
						</div>
					</div>
					<div class="flex-grow-1">
						<div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
							<div class="d-flex flex-column">
								<div class="d-flex align-items-center mb-2"> <a class="text-gray-900 text-hover-primary fs-2 fw-bolder me-1">{{ $admin->name }}</a>
									<a> <i class="las la-crown text-danger fs-2x"></i> </a>
								</div>
								<div class="d-flex flex-wrap fw-bold fs-6 mb-4 pe-2">
									<a class="d-flex align-items-center text-gray-400 text-hover-primary mb-2"> 
										<i class="fas fa-envelope-open-text fs-2"> &nbsp; </i> {{ $admin->email }} 
									</a>
								</div>
								<div class="d-flex flex-wrap fw-bold fs-6 mb-4 pe-2">
									<p class="d-flex align-items-center text-gray-400 text-hover-primary mb-2"> 
										<i class="fas fa-comment-alt fs-2"> &nbsp; </i> {{ $admin->about }} 
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder">
					<li class="nav-item mt-2"> 
						<a class="nav-link text-active-primary ms-0 me-10 py-5 active" href="{{ route('admin.profile') }}">{{ tr('update_profile') }}</a> 
					</li>
					<li class="nav-item mt-2"> 
						<a class="nav-link text-active-primary ms-0 me-10 py-5" href="{{ route('admin.show_change_password') }}">{{ tr('change_password') }}</a> 
					</li>
				</ul>
			</div>
		</div>
		<div class="card mb-5 mb-xl-10">
			<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
				<div class="card-title m-0">
					<h3 class="fw-bolder m-0"> {{ tr('profile_details') }} </h3> 
				</div>
			</div>
			<div id="kt_account_settings_profile_details" class="collapse show">

				<form id="kt_account_profile_details_form" class="form" method="POST" enctype="multipart/form-data" action="{{ route('admin.update_profile') }}"> 
					@csrf
					<input type="hidden" name="admin_id" value="{{ Auth::guard('admin')->user()->id }}">
					<div class="card-body border-top p-9">
						<div class="row mb-6">
							<label class="col-lg-4 col-form-label fw-bold fs-6">{{ tr('avatar') }}</label>
							<div class="col-lg-8">
								<input class="form-control" type="file" name="picture" placeholder="{{ tr('image_validate') }}" id="mainFile" />
								<div class="form-text"> {{ tr('image_validate') }} </div>
								@if($admin->picture)
                                    <img class="img img-thumbnail m-b-20 admin-profile-img" src="{{$admin->picture}}" alt="{{$admin->name}}" id="imgPreview" /> 
                                @endif
							</div>
						</div>
						<div class="row mb-6">
							<label class="col-lg-4 col-form-label required fw-bold fs-6">{{ tr('name') }}</label>
							<div class="col-lg-8">
								<div class="row">
									<div class="col-lg-6 fv-row">
										<input type="text" name="name" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="First name" value="{{ $admin->name ? $admin->name : tr('na') }}" required title="{{ tr('name') }}" /> 
									</div>
								</div>
							</div>
						</div>
						<div class="row mb-6">
							<label class="col-lg-4 col-form-label required fw-bold fs-6">{{ tr('email') }}</label>
							<div class="col-lg-8 fv-row">
								<input type="text" name="email" class="form-control form-control-lg form-control-solid" placeholder="Company name" value="{{ $admin->email ? $admin->email : tr('na') }}" required title="{{ tr('email') }}"/> 
							</div>
						</div>
						<div class="row mb-6">
							<label class="col-lg-4 col-form-label fw-bold fs-6"> 
								<span class="">{{ tr('about') }}</span> 
								<span class="text-muted fs-8">({{ tr('max_characters', 3000) }})</span> 
							</label>
							<div class="col-lg-8 fv-row">
								<textarea class="form-control form-control-lg form-control-solid" rows="10" maxlength="3000" name="about" title="{{ tr('about') }}">{{ $admin->about }}</textarea>
							</div>
						</div>
					</div>
					<div class="card-footer d-flex justify-content-end py-6 px-9"> 
						<a href="{{ route('admin.profile') }}" class="btn btn-warning btn-active-light-primary me-2 fs-4">
							<i class="las la-times-circle fs-2x"></i>{{ tr('cancel') }}
						</a>
						<button type="submit" class="btn btn-primary fs-4"  {{ Setting::get( 'is_demo_control_enabled') ? 'disabled' : ''}}>
							<i class="las la-check-circle fs-2x"></i>{{ tr('submit') }}
						</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div></div></div>

<script type="text/javascript">
    mainFile.onchange = e => {
        const [file] = mainFile.files;
        if(file) {
            imgPreview.src = URL.createObjectURL(file)
        }
    }
</script>

@endsection