68 lines
2.6 KiB
PHP
68 lines
2.6 KiB
PHP
<style>
|
|
input.daterangepicker {
|
|
width: calc(100% - 2rem);
|
|
}
|
|
|
|
.ol-form-control {
|
|
border: 1px solid var(--borderColor) !important;
|
|
border-radius: 8px !important;
|
|
padding: 10px 15px !important;
|
|
font-weight: 400 !important;
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
color: var(--grayColor) !important;
|
|
transition: .3s !important;
|
|
}
|
|
|
|
.daterangepicker td.active,
|
|
.daterangepicker td.active:hover {
|
|
background-color: #1b84ff !important;
|
|
}
|
|
</style>
|
|
|
|
<form action="{{ route('instructor.bootcamp.module.store') }}" method="post">@csrf
|
|
<input type="hidden" name="bootcamp_id" value="{{ $id }}">
|
|
<div class="fpb7 mb-3">
|
|
<label class="form-label ol-form-label" for="title">{{ get_phrase('Title') }}</label>
|
|
<input class="form-control ol-form-control" type="text" id="title" name="title" required>
|
|
</div>
|
|
|
|
<div class="fpb-7 mb-3">
|
|
<label class="form-label ol-form-label">{{ get_phrase('Module Restriction') }}</label>
|
|
<select class="form-control ol-form-control ol-select2" data-toggle="select2" name="restriction">
|
|
<option value="0">{{ get_phrase('Select an option') }}</option>
|
|
<option value="1">{{ get_phrase('Until start date, keep this module locked.') }}</option>
|
|
<option value="2">{{ get_phrase('Keep this module open only within the selected date range.') }}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="fpb7 mb-2">
|
|
<label class="form-label ol-form-label d-block">{{ get_phrase('Validity') }}</label>
|
|
<input type="text" class="form-control ol-form-control daterangepicker"
|
|
name="validity"value="{{ date('m/d/Y', strtotime('now')) . ' - ' . date('m/d/Y', strtotime('now')) }}"
|
|
required />
|
|
</div>
|
|
|
|
<div class="fpb7 mb-2 mt-5 pt-4">
|
|
<button type="submit" class="btn ol-btn-primary">{{ get_phrase('Add module') }}</button>
|
|
</div>
|
|
</form>
|
|
@push('js')
|
|
<script type="text/javascript">
|
|
function update_date_range() {
|
|
var x = $("#selectedValue").html();
|
|
$("#date_range").val(x);
|
|
}
|
|
</script>
|
|
@endpush
|
|
|
|
{{-- Date range picker --}}
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets/backend/vendors/daterangepicker/daterangepicker.css') }}"
|
|
rel="stylesheet" type="text/css" />
|
|
{{-- Date range picker --}}
|
|
<script src="{{ asset('assets/backend/vendors/daterangepicker/moment.min.js') }}"></script>
|
|
<script src="{{ asset('assets/backend/vendors/daterangepicker/daterangepicker.js') }}"></script>
|
|
|
|
@include('instructor.init')
|