176 lines
11 KiB
PHP
176 lines
11 KiB
PHP
@extends('layouts.admin')
|
|
@push('title', get_phrase('Create bootcamp'))
|
|
|
|
@section('content')
|
|
<div class="row mb-5">
|
|
<div class="col-lg-12">
|
|
<div class="ol-card radius-8px">
|
|
<div class="ol-card-body my-3 py-4 px-20px">
|
|
<div class="d-flex align-items-center justify-content-between gap-3 flex-wrap flex-md-nowrap">
|
|
<h4 class="title fs-16px">
|
|
<i class="fi-rr-settings-sliders me-2"></i>
|
|
{{ get_phrase('Add new Bootcamp') }}
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ol-card p-3">
|
|
<div class="ol-card-body">
|
|
<form action="{{ route('admin.bootcamp.store') }}" method="post" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="row">
|
|
<div class="col-md-6 pb-2">
|
|
<div class="eForm-layouts">
|
|
<div class="fpb-7 mb-3">
|
|
<label class="form-label ol-form-label"
|
|
for="title">{{ get_phrase('Title') }}<span
|
|
class="text-danger ms-1">*</span></label>
|
|
<input type="text" name = "title" class="form-control ol-form-control"
|
|
placeholder="{{ get_phrase('Enter Bootcamp Title') }}" required>
|
|
</div>
|
|
<div class="fpb-7 mb-3">
|
|
<label class="form-label ol-form-label"
|
|
for="short_description">{{ get_phrase('Short Description') }}</label>
|
|
<textarea name="short_description" placeholder="{{ get_phrase('Enter Short Description') }}"
|
|
class="form-control ol-form-control" rows="5"></textarea>
|
|
</div>
|
|
<div class="fpb-7 mb-3">
|
|
<label class="form-label ol-form-label"
|
|
for="description">{{ get_phrase('Description') }}</label>
|
|
<textarea name="description" placeholder="{{ get_phrase('Enter Description') }}"
|
|
class="form-control ol-form-control text_editor"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="eForm-layouts">
|
|
<div class="fpb-7 mb-3">
|
|
<label for="category_id"
|
|
class="form-label ol-form-label">{{ get_phrase('Category') }}<span
|
|
class="text-danger ms-1">*</span></label>
|
|
<select class="ol-select2" name="category_id" id="category_id" required>
|
|
<option value="">{{ get_phrase('Select a category') }}</option>
|
|
@foreach (App\Models\BootcampCategory::orderBy('title', 'asc')->get() as $category)
|
|
<option value="{{ $category->id }}"> {{ $category->title }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div class="fpb-7 mb-3">
|
|
<label
|
|
class="form-label ol-form-label col-sm-2 col-form-label w-100">{{ get_phrase('Pricing type') }}<span
|
|
class="text-danger ms-1">*</span></label>
|
|
|
|
<div class="eRadios">
|
|
<div class="d-flex gap-3">
|
|
<div class="form-check">
|
|
<input type="radio" name="is_paid" value="1"
|
|
class="form-check-input eRadioSuccess" id="paid"
|
|
onchange="$('#paid-section').slideDown(200)" checked>
|
|
<label for="paid"
|
|
class="form-check-label">{{ get_phrase('Paid') }}</label>
|
|
</div>
|
|
|
|
<div class="form-check">
|
|
<input type="radio" name="is_paid" value="0"
|
|
class="form-check-input eRadioSuccess" id="free"
|
|
onchange="$('#paid-section').slideUp(200)">
|
|
<label for="free"
|
|
class="form-check-label">{{ get_phrase('Free') }}</label>
|
|
</div>
|
|
</div>
|
|
<div class="paid-section" id="paid-section">
|
|
<div class="fpb-7 mb-3">
|
|
<label for="price"
|
|
class="form-label ol-form-label">{{ get_phrase('Price') }}
|
|
<small>({{ currency() }})</small><span
|
|
class="text-danger ms-1">*</span></label>
|
|
|
|
<input type="number" name="price"
|
|
class="form-control ol-form-control" id="price"
|
|
min="1" step=".01"
|
|
placeholder="{{ get_phrase('Enter your bootcamp price') }} ({{ currency() }})">
|
|
</div>
|
|
|
|
<div class="fpb-7 mb-3">
|
|
<div class="form-check">
|
|
<input type="checkbox" name="discount_flag" value="1"
|
|
class="form-check-input eRadioSuccess" id="discount_flag">
|
|
<label for="discount_flag"
|
|
class="form-check-label">{{ get_phrase('Check if this bootcamp has discount') }}</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fpb-7 mb-3">
|
|
<label for="discounted_price"
|
|
class="form-label ol-form-label">{{ get_phrase('Discounted price') }}</label>
|
|
|
|
<input type="number" name="discounted_price"
|
|
class="form-control ol-form-control" id="discounted_price"
|
|
min="1" step=".01"
|
|
placeholder="{{ get_phrase('Enter your discount price') }} ({{ currency() }})">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="fpb-7 mb-3">
|
|
<label for="thumbnail"
|
|
class="form-label ol-form-label">{{ get_phrase('Thumbnail') }}</label>
|
|
<input type="file" name="thumbnail" class="form-control ol-form-control"
|
|
id="thumbnail" accept="image/*" />
|
|
</div>
|
|
<div class="fpb-7">
|
|
<label class="form-label ol-form-label"
|
|
for="publish_date">{{ get_phrase('Publish Date') }}</label>
|
|
<input type="date" name="publish_date" id="publish_date" class="form-control ol-form-control">
|
|
</div>
|
|
</div>
|
|
<div class="pt-2">
|
|
<button type="submit"
|
|
class="btn ol-btn-primary float-end">{{ get_phrase('Submit') }}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('js')
|
|
<script>
|
|
"Use strict";
|
|
|
|
//Start progress
|
|
var totalSteps = $('#v-pills-tab .nav-link').length
|
|
var progressVal = 100 / totalSteps;
|
|
$(function() {
|
|
var pValPerItem = progressVal;
|
|
$('#courseFormProgress .progress-bar').attr('aria-valuemin', 0);
|
|
$('#courseFormProgress .progress-bar').attr('aria-valuemax', pValPerItem);
|
|
$('#courseFormProgress .progress-bar').attr('aria-valuenow', pValPerItem);
|
|
$('#courseFormProgress .progress-bar').width(pValPerItem + '%');
|
|
$('#courseFormProgress .progress-bar').text("Step 1 out of " + totalSteps);
|
|
});
|
|
|
|
$("#v-pills-tab .nav-link").click(function() {
|
|
var currentStep = $("#v-pills-tab .nav-link").index(this) + 1;
|
|
var pValPerItem = currentStep * progressVal;
|
|
$('#courseFormProgress .progress-bar').attr('aria-valuemin', 0);
|
|
$('#courseFormProgress .progress-bar').attr('aria-valuemax', pValPerItem);
|
|
$('#courseFormProgress .progress-bar').attr('aria-valuenow', pValPerItem);
|
|
$('#courseFormProgress .progress-bar').width(pValPerItem + '%');
|
|
$('#courseFormProgress .progress-bar').text("Step " + currentStep + " out of " + totalSteps);
|
|
|
|
if (currentStep == totalSteps) {
|
|
$('#courseFormProgress .progress-bar').text("{{ get_phrase('Finish!') }}");
|
|
$('#courseFormProgress .progress-bar').addClass('bg-success');
|
|
} else {
|
|
$('#courseFormProgress .progress-bar').removeClass('bg-success');
|
|
}
|
|
});
|
|
//End progress
|
|
</script>
|
|
@endpush
|