Your IP : 216.73.217.77
@extends('layouts.app')
@section('title', $app_setting['name'] . ' | ' .__('Instructor Edit'))
@section('content')
<!-- ****Body-Section***** -->
<div class="app-main-outer">
<div class="app-main-inner">
<div class="page-title-actions px-3 d-flex">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('Dashboard') }}</a></li>
<li class="breadcrumb-item"><a href="{{ route('instructor.index') }}">{{ __('Instructor') }}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ __('Edit') }}</li>
</ol>
</nav>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<h3 class="m-0 p-0">
{{ __('Edit Instructor') }}</h3>
</div>
</div>
</div>
</div>
<form action="{{ route('instructor.update', $instructor->id) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="row">
<div class="col-md-12 mt-2">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<label class="form-label">{{ __('Name') }} <span class="text-danger fw-bold">*</span> </label>
<input type="text" name="name"
value="{{ old('name') ?? $instructor->user->name }}" maxlength="50"
id="instructorName" onchange="countNameChar()" class="form-control"
placeholder="{{ __('Enter user name') }}">
<div class="mt-2">
<strong>{{ __('Characters') }}: <span id="charCountName">0</span>/50</strong>
</div>
@error('name')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="col-md-4">
<label class="form-label">{{ __('Email') }} <span class="text-danger fw-bold">*</span> </label>
<input type="email" name="email"
value="{{ old('email') ?? $instructor->user->email }}" class="form-control"
placeholder="{{ __('Enter user email') }}">
@error('email')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="col-md-4">
<label class="form-label">{{ __('Phone') }} <span class="text-danger fw-bold">*</span> </label>
<input type="text" name="phone"
value="{{ old('phone') ?? $instructor->user->phone ? $instructor->user->phone : '01'.rand(100000000, 999999999) }}" class="form-control"
placeholder="{{ __('Enter user phone') }}">
@error('phone')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 my-3">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-12 mb-3">
<label for="titleInput" class="form-label">{{ __('Instructor Title') }}</label>
<input type="text" id="instructorTitle" name="title"
value="{{ old('title') ?? $instructor->title }}" maxlength="60"
onchange="updateCharCount()" class="form-control" id="titleInput"
placeholder="{{ __('Enter instructor title') }}">
<div class="mt-2">
<strong>{{ __('Characters') }}: <span id="charCount">0</span>/60</strong>
</div>
@error('title')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="col-md-12">
<label for="aboutInput" class="form-label">{{ __('Instructor About') }}</label>
<textarea name="about" rows="14" class="form-control" id="aboutInput" placeholder="{{ __('Enter about text') }}">{{ old('about') ?? $instructor->about }}</textarea>
@error('about')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<div class="mb-3" style="width: 100%; height: 220px">
<img id="courseImagePreview"
src="{{ $instructor->user->profilePicturePath }}"
class="w-100 h-100" style="border-radius:1rem; object-fit: contain">
</div>
<h4 class="form-label">{{ __('Profile Picture') }} (JPG, JPEG, PNG)*</h4>
<label for="formFileImage" class="w-100 border rounded-3">
<div class="d-flex justify-content-center align-items-center gap-2 p-3"
style="width: 160px; background-color: #EDEEF1">
<span>{{ __('Choose a file') }}</span>
<img src="/assets/images/media/file-plus.svg">
</div>
</label>
<input name="profile_picture" class="form-control form-control-lg"
id="formFileImage" type="file" hidden
onchange="document.getElementById('courseImagePreview').src = window.URL.createObjectURL(this.files[0])" />
@error('profile_picture')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
<div class="col-md-12 mt-5">
<div class="row">
<div class="col-md-6">
<label class="form-label">{{ __('Password') }} <span
class="text-danger fw-bold">*</span>
</label>
<input type="password" name="password" class="form-control"
placeholder="{{ __('Enter user password') }}">
@error('password')
<span class="text-danger">{{ $message }}</span>
<p class="text-info mt-2 fw-bold">
{{ __('Please follow these rules when creating a new password') }}:
</p>
<ul class="text-warning">
<li>{{ __('Your password must be at least 8 characters long') }}.</li>
<li>{{ __('At least one uppercase letter') }} (A-Z).</li>
<li>{{ __('At least one lowercase letter') }} (a-z).</li>
<li>{{ __('At least one numeric digit') }} (0-9).</li>
<li>{{ __('At least one special character') }} (e.g., !@#$%^&*).</li>
</ul>
@enderror
</div>
<div class="col-md-6">
<label class="form-label">{{ __('Confirm Password') }} <span
class="text-danger fw-bold">*</span></label>
<input type="password" name="password_confirmation" class="form-control"
placeholder="{{ __('Enter user password again') }}">
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<label class="form-label">Add Signature</label>
<label for="uploadSignature" class="additionThumbnail"
style="width: 100%; height: 150px; object-fit: fill">
<img src="{{ $instructor->signaturePath ?? asset('enrollment/upload.png') }}" id="attribute38preview0"
alt="" width="100%" height="100%"
style="object-fit: contain">
<button onclick="" id="removeAttribute38Thumbnail0" type="button"
class="delete btn btn-sm btn-outline-danger circleIcon"
style="display: none">
<img src="http://pcbuilderbd.test/assets/icons-admin/trash.svg"
loading="lazy" alt="trash">
</button>
</label>
<input id="uploadSignature" accept="image/*" type="file" name="signature"
class="d-none"
onchange="document.getElementById('attribute38preview0').src = window.URL.createObjectURL(this.files[0])">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-5">
<div class="card">
<div class="card-body">
<div class="row align-items-center">
<div class="col-md-6 d-flex align-items-center gap-3">
<div class="form-check">
<input id="featuredInput" name="is_featured"
@if (old('is_featured') ?? $instructor->is_featured) checked @endif class="form-check-input"
type="checkbox">
<label for="featuredInput" class="form-check-label">
{{ __('Feature on Homepage') }}
</label>
</div>
<div class="form-check">
<input id="activeInput" name="is_active"
@if (old('is_active') ?? $instructor->user->is_active) checked @endif class="form-check-input"
type="checkbox">
<label for="activeInput" class="form-check-label">
{{ __('Verify Account by Default') }}
</label>
</div>
</div>
<div class="col-md-6 d-flex justify-content-end">
<button type="submit"
class="btn btn-primary px-5 py-2">{{ __('Update') }}</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- ****End-Body-Section**** -->
</div>
</div>
@endsection
@push('scripts')
{{-- instructor title char count --}}
<script>
// Wait for the DOM to fully load before adding the event listener
document.addEventListener('DOMContentLoaded', function() {
// Get references to the input field and character count display
const titleInput = document.getElementById('instructorTitle');
const charCountDisplay = document.getElementById('charCount');
// Function to update the character count
charCountDisplay.textContent = titleInput.value.length;
function updateCharCount() {
charCountDisplay.textContent = titleInput.value.length;
}
// Attach the event listener to update count in real time
titleInput.addEventListener('input', updateCharCount);
});
</script>
{{-- instructor name char count --}}
<script>
// Wait for the DOM to fully load before adding the event listener
document.addEventListener('DOMContentLoaded', function() {
// Get references to the input field and character count display
const titleInput = document.getElementById('instructorName');
const charCountDisplay = document.getElementById('charCountName');
// Function to update the character count
charCountDisplay.textContent = titleInput.value.length;
function countNameChar() {
charCountDisplay.textContent = titleInput.value.length;
}
// Attach the event listener to update count in real time
titleInput.addEventListener('input', countNameChar);
});
</script>
@endpush