first change
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
<ul class="list-inline hstack mb-0 gap-2">
|
||||
|
||||
<li class="list-inline-item edit" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="bottom" title="Edit">
|
||||
<a href="{{ route('program.edit', $id) }}" class="text-primary d-inline-block edit-item-btn">
|
||||
<i class="ri-pencil-fill fs-16"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="bottom" title="Download">
|
||||
<a href="#" title="Download" class="text-info d-inline-block">
|
||||
<i class="ri-download-line fs-16"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="bottom" title="Remove">
|
||||
<a class="text-danger d-inline-block remove-item-btn" data-bs-toggle="modal"
|
||||
data-link="{{ route('program.destroy', $id) }}" data-id="{{ $id }}">
|
||||
<i class="ri-delete-bin-5-fill fs-16"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -0,0 +1,141 @@
|
||||
{{ html()->form('GET')->route('program.index')->class(['filter-form'])->attributes(['id' => 'filter-form'])->open() }}
|
||||
<div class="sticky-card">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">Filter</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="{{ request()->route()->named('program.index') ? route('program.index') : url('course-finder') }}" class="text-decoration-underline">Clear
|
||||
All</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body m-0 p-0">
|
||||
<div class="p-2">
|
||||
<p class="text-muted text-uppercase fs-11 fw-medium mb-2">By Keyword</p>
|
||||
{{ html()->text('search')->value(request('search'))->placeholder('Search Program')->class('form-control') }}
|
||||
</div>
|
||||
|
||||
<div class="p-2">
|
||||
{{ html()->text('location')->value(request('location'))->placeholder('Search Location')->class('form-control') }}
|
||||
</div>
|
||||
<div class="accordion accordion-flush filter-accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingBrands">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseBrands" aria-expanded="true"
|
||||
aria-controls="flush-collapseBrands">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">By Destination</span>
|
||||
<span class="badge bg-success rounded-pill filter-badge ms-1 align-middle"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseBrands" class="accordion-collapse show collapse"
|
||||
aria-labelledby="flush-headingBrands">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<div class="d-flex flex-column gap-3">
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-11 fw-medium mb-2">By Country</p>
|
||||
{{ html()->select('country_id', $countryOptions)->value(request('country_id'))->placeholder('Select')->class('form-select choices-select countryDropdown') }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-11 fw-medium mb-2">By Institution</p>
|
||||
{{ html()->select('institution_id', $institutionOptions)->value(request('institution_id'))->placeholder('Select')->class('form-select institutionDropdown') }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-11 fw-medium mb-2">By Course Level</p>
|
||||
{{ html()->select('programlevel_id', $programLevelOptions)->value(request('programlevel_id'))->placeholder('Select')->class('form-select choices-select') }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-11 fw-medium mb-2">By Intake</p>
|
||||
{{ html()->select('intake_id', $intakeOptions)->value(request('intake_id'))->placeholder('Select')->class('form-select choices-select') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
</div>
|
||||
|
||||
@php
|
||||
$statusList = config('constants.page_status_options');
|
||||
$hasClass = false;
|
||||
$hasStatus = false;
|
||||
|
||||
if (request()->has('class_id')) {
|
||||
$hasClass = true;
|
||||
}
|
||||
|
||||
if (request()->has('status')) {
|
||||
$hasStatus = true;
|
||||
}
|
||||
|
||||
@endphp
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingClass">
|
||||
<button class="accordion-button {{ $hasClass ?: 'collapsed' }} bg-transparent shadow-none"
|
||||
type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseClass"
|
||||
aria-expanded="{{ $hasClass ? 'true' : 'false' }}" aria-controls="flush-collapseClass">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">By Score</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseClass" class="accordion-collapse {{ $hasClass ? 'show' : '' }} collapse"
|
||||
aria-labelledby="flush-headingClass">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="mb-2">
|
||||
{{ html()->select('test_id', $testOptions)->value(request('test_id'))->placeholder('Select')->class('form-select choices-select') }}
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="formCost d-flex align-items-center gap-2">
|
||||
<input class="form-control form-control-sm" type="text" name="min_score"
|
||||
placeholder="Min score" value="{{ request('min_score') }}" /> <span
|
||||
class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" name="max_score"
|
||||
placeholder="Max score" value="{{ request('max_score') }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingStatus">
|
||||
<button class="accordion-button {{ $hasStatus ?: 'collapsed' }} bg-transparent shadow-none"
|
||||
type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseStatus"
|
||||
aria-expanded="{{ $hasStatus ? 'true' : 'false' }}" aria-controls="flush-collapseStatus">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">By Status</span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseStatus" class="accordion-collapse {{ $hasStatus ? 'show' : '' }} collapse"
|
||||
aria-labelledby="flush-headingStatus">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div>
|
||||
{{ html()->select('status', $statusOptions)->value(request('status'))->placeholder('Select Status')->class('form-select choices-select') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer d-none d-lg-block">
|
||||
<div class="d-flex justify-content-end gap-2">
|
||||
<button type="submit" class="btn btn-success"><i class="ri-filter-2-line align-bottom"></i>
|
||||
Filter</button>
|
||||
<a href="{{ request()->route()->named('program.index') ? route('program.index') : url('course-finder') }}" class="btn btn-danger"><i
|
||||
class="ri-refresh-line align-bottom"></i>
|
||||
Reset</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end row-->
|
||||
{{ html()->form()->close() }}
|
||||
@@ -0,0 +1,415 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Course Information</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-personal" role="button" aria-expanded="true"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-personal">
|
||||
<div class="row gy-3">
|
||||
<div class="col-md-8">
|
||||
{{ html()->label('Title')->class('form-label') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('title')->class('form-control')->placeholder('Enter Program Title')->required() }}
|
||||
{{ html()->div('Please enter program title')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
{{ html()->label('Code')->class('form-label')->for('code') }}
|
||||
{{ html()->text('code')->class('form-control')->placeholder('Enter Program Code') }}
|
||||
{{ html()->div('Please enter code')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
{{ html()->label('Institution')->class('form-label')->for('institution_id') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->select('institution_id', $institutionOptions)->placeholder('Select')->class('form-select choices-select')->required() }}
|
||||
{{ html()->div('Please select institution')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
{{ html()->label('Level')->class('form-label')->for('programlevel_id') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->select('programlevel_id', $programLevelOptions)->placeholder('Select')->class('form-select choices-select')->required() }}
|
||||
{{ html()->div('Please select program level')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
{{ html()->label('Cooperative Program (Co op)')->class('form-label')->for('coop_id') }}
|
||||
{{ html()->select('coop_id', $coopOptions)->placeholder('Select')->class('form-select choices-select') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Description')->class('form-label')->for('description') }}
|
||||
{{ html()->textarea('description')->class('form-control ckeditor-classic') }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Other Information</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-preference" role="button" aria-expanded="true"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-preference">
|
||||
<div class="row gy-3">
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Duration (Year)')->class('form-label')->for('year') }}
|
||||
{{ html()->span('*')->class('text-danger') }}
|
||||
{{ html()->text('year')->class('form-control')->placeholder('Program Duration')->required() }}
|
||||
{{ html()->div('Please enter program duration')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('PSW')->class('form-label')->for('psw') }}
|
||||
{{ html()->text('psw')->class('form-control')->placeholder('Enter PSW') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Fee')->class('form-label')->for('fee') }}
|
||||
{{ html()->text('fee')->class('form-control')->placeholder('Program Fee') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Scholarship')->class('form-label')->for('scholarship') }}
|
||||
{{ html()->text('scholarship')->class('form-control')->placeholder('Scholarship offered') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Open Date')->class('form-label')->for('application_open') }}
|
||||
{{ html()->date('application_open')->class('form-control')->placeholder('Enter application open') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Close Date')->class('form-label')->for('application_deadline') }}
|
||||
{{ html()->date('application_deadline')->class('form-control')->placeholder('Enter application close') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Prospect')->class('form-label')->for('prospects') }}
|
||||
{{ html()->textarea('prospects')->class('form-control') }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Qualification Requirements</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card collapsed align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-preparation" role="button" aria-expanded="false"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-preparation">
|
||||
<div class="table-responsive">
|
||||
<table class="table-borderless table-nowrap table-sm table" id="qualificationTable">
|
||||
<thead class="table-primary text-center">
|
||||
<tr>
|
||||
<th scope="col" width=30%>Level</th>
|
||||
<th scope="col" width=30%>Faculty</th>
|
||||
<th scope="col" width=15%>Score/GPA</th>
|
||||
<th scope="col" width=15%>Year</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if ($editable)
|
||||
@if ($program->level)
|
||||
@forelse ($program->level as $key => $item)
|
||||
@include('coursefinder::program.partials.qualification-form', [
|
||||
'numInc' => $key,
|
||||
'value' => $item,
|
||||
])
|
||||
@empty
|
||||
@endforelse
|
||||
@else
|
||||
@include('coursefinder::program.partials.qualification-form', [
|
||||
'numInc' => 0,
|
||||
])
|
||||
|
||||
@endif
|
||||
@else
|
||||
@include('coursefinder::program.partials.qualification-form', [
|
||||
'numInc' => 0,
|
||||
])
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Proficiency Test Requirements</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card collapsed align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-proficiency" role="button" aria-expanded="false"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-proficiency">
|
||||
<div class="table-responsive">
|
||||
<table class="table-borderless table-nowrap table-sm table" id="proficiency-table">
|
||||
<thead class="table-primary text-center">
|
||||
<tr>
|
||||
<th scope="col" width=30%>Prof Test</th>
|
||||
<th scope="col" width=30%>Min Score</th>
|
||||
<th scope="col" width=30%>Band Score</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if ($editable)
|
||||
@forelse ($program->tests as $key => $item)
|
||||
@include('coursefinder::program.partials.proficiency-form', [
|
||||
'numInc' => $key,
|
||||
'value' => $item,
|
||||
])
|
||||
@empty
|
||||
@include('coursefinder::program.partials.proficiency-form', [
|
||||
'numInc' => 0,
|
||||
])
|
||||
@endforelse
|
||||
@else
|
||||
@include('coursefinder::program.partials.proficiency-form', [
|
||||
'numInc' => 0,
|
||||
])
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
<div class="mb-3 text-end">
|
||||
<a href="{{ route('program.index') }}" class="btn btn-danger w-sm">Cancel</a>
|
||||
<button type="submit" class="btn btn-success w-sm">Save</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Program URL</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse" href="#collapse-url"
|
||||
role="button" aria-expanded="true" aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-url">
|
||||
<div class="col-md-12">
|
||||
{{ html()->textarea('program_url')->class('form-control')->required()->rows(4)->placeholder('https://www.example.com') }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Intake Information</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-followUp" role="button" aria-expanded="true"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-followUp">
|
||||
<div class="d-flex flex-row flex-wrap gap-2">
|
||||
@foreach ($intakeOptions as $index => $item)
|
||||
<div class="form-check form-check-success">
|
||||
{{ html()->checkbox('intakes[]', $editable && in_array($index, $program->intakes) ? true : false)->id('permission_' . $index)->value($index)->class('form-check-input child-checkbox') }}
|
||||
{{ html()->label($item)->for('permission_' . $index)->class('form-check-label ms-1') }}
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
<div class="card bg-white">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Document Requirements</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-documents" role="button" aria-expanded="true"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-documents">
|
||||
<div class="d-flex flex-column flex-wrap gap-2">
|
||||
@foreach ($requiredDocumentOptions as $index => $item)
|
||||
<div class="form-check form-check-info">
|
||||
{{ html()->checkbox('required_documents[]', $editable && in_array($index, $program->required_documents ?? []))->id('doc_' . $index)->value($index)->class('form-check-input child-checkbox') }}
|
||||
{{ html()->label($item)->for('doc_' . $index)->class('form-check-label') }}
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
|
||||
<div class="card bg-white">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Keywords</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse"
|
||||
href="#collapse-documents" role="button" aria-expanded="true"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body show collapse" id="collapse-documents">
|
||||
<div class="d-flex flex-column flex-wrap gap-2">
|
||||
{{ html()->text('keywords')->class('form-control')->attributes([
|
||||
'data-choices' => 'true',
|
||||
'data-choices-removeItem' => 'true',
|
||||
'data-choices-create' => 'true',
|
||||
'multiple' => true,
|
||||
]) }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
let numInc = 0;
|
||||
|
||||
const cloneRow = (element) => {
|
||||
let newRow = $(element).closest('tr').clone();
|
||||
numInc++;
|
||||
newRow.find('input, select').each(function() {
|
||||
let name = $(this).attr('name');
|
||||
name = name.replace(/\[\d+\]/, '[' + numInc + ']');
|
||||
$(this).attr('name', name);
|
||||
});
|
||||
|
||||
newRow.find('input').val('');
|
||||
$(element).parents('table').find('tbody').append(newRow);
|
||||
}
|
||||
|
||||
const removeRow = (element) => {
|
||||
count = $(element).closest('tbody').find('tr').length;
|
||||
console.log(count);
|
||||
|
||||
if (count > 1) {
|
||||
$(element).closest('tr').remove();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,25 @@
|
||||
<tr class="clone-proficiency">
|
||||
<td>
|
||||
{{ html()->select('prof_test_accepted[' . $numInc . '][test_id]', $testOptions)->class('form-select')->placeholder('Select')->value($value->id ?? null)->required() }}
|
||||
{{ html()->div('Please choose test')->class('invalid-feedback') }}
|
||||
|
||||
</td>
|
||||
|
||||
<td class="d-flex flex-column gap-2">
|
||||
{{ html()->text('prof_test_accepted[' . $numInc . '][min_score]')->class('form-control numeric')->value($value->pivot?->min_score ?? null)->placeholder('Min Score') }}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{ html()->text('prof_test_accepted[' . $numInc . '][band_score]')->class('form-control numeric')->value($value->pivot?->band_score ?? null)->placeholder('Band Score') }}
|
||||
</td>
|
||||
|
||||
<td class="align-middle">
|
||||
<div class="hstack gap-2">
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-secondary fw-medium" onclick="cloneRow(this)"><i
|
||||
class="ri-add-fill align-middle"></i></a>
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-danger" onclick="removeRow(this)"><i
|
||||
class="ri-subtract-line align-middle"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -0,0 +1,28 @@
|
||||
<tr class="qualification-level">
|
||||
<td>
|
||||
{{ html()->text('level[' . $numInc . '][level]')->class('form-control')->placeholder('Qualification Level')->value($value->level ?? null)->required() }}
|
||||
{{ html()->div('Please enter level')->class('invalid-feedback') }}
|
||||
|
||||
</td>
|
||||
|
||||
<td class="d-flex flex-column gap-2">
|
||||
{{ html()->text('level[' . $numInc . '][faculty]')->class('form-control')->value($value->faculty ?? null)->placeholder('Faculty') }}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{ html()->text('level[' . $numInc . '][score]')->class('form-control')->value($value->score ?? null)->placeholder('Score') }}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{ html()->text('level[' . $numInc . '][year]')->class('form-control')->value($value->year ?? null)->placeholder('Year') }}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<div class="hstack gap-2">
|
||||
<a href="javascript:void(0)" onclick="cloneRow(this)" class="btn btn-sm btn-secondary fw-medium"><i
|
||||
class="ri-add-fill align-middle"></i></a>
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-danger" onclick="removeRow(this)">
|
||||
<i class="ri-subtract-line align-middle"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
Reference in New Issue
Block a user