master_template/resources/views/crud/generated/menuitems/create.blade.php

130 lines
6.6 KiB
PHP
Raw Normal View History

2024-06-10 12:21:58 +00:00
@extends('backend.template')
@section('content')
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0">Add New Menu</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
<li class="breadcrumb-item active">Add New Menu</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<form action="{{route('menuitems.store')}}" id="storeCustomForm" method="POST">
@csrf
<div class="row">
<div class="col-xl-9">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-lg-12">{{createText("title","title","Display Title")}}</div>
<div class="col-lg-3">{{createCustomSelect('tbl_menulocations', 'title', 'menulocation_id', ($menulocation)?$menulocation:'', 'Menu Location','menulocations_id', 'form-control select2','status<>-1')}}</div>
<div class="col-lg-3">{{createCustomSelectFromArray($menuTypes,"Menu Type","type")}}</div>
<div class="col-lg-3">{{createCustomSelect('tbl_menuitems', 'title', 'menu_id', '', 'Sub Menu of (Ignore if it is going as root)','parent_menu', 'form-control select2','status<>-1')}}</div>
<div class="col-lg-3" id="ref-container">{{createText("ref","ref","# or Start from / or http:// or https://")}}</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3">
<div class="card">
<div class="card-header">
<h4 class="card-title mb-0">Target</h4>
</div>
<div class="card-body">
{{createCustomSelectFromArray(array(['display'=>'Self','value'=>"_SELF"],['display'=>'New Tab','value'=>"_BLANK"]),"","target","_SELF")}}
</div>
<div class="card-footer">
<?php createButton("btn-primary btn-store", "", "Submit"); ?>
<?php createButton("btn-danger btn-cancel", "", "Cancel", route('menuitems.index')); ?>
</div>
</div>
</div>
<div class="col-xl-12">
<div class="card">
<div class="card-header">
<h2>Menu Items</h2>
</div>
<div class="card-body">
@include("crud.generated.menuitems.list",[$data=$TableData])
</div>
</div>
</div>
</div>
</form>
@endsection
@push("js")
<script>
var firstLevelSelect = document.getElementById('type');
var secondLevelContainer = document.getElementById('ref-container');
function showRef() {
var selectedOption = firstLevelSelect.value;
var menuTypes = <?php echo json_encode($menuTypes); ?>;
var selectedMenuType = menuTypes.find(function(menuType) {
return menuType.value === selectedOption;
});
secondLevelContainer.innerHTML = '';
if (selectedOption == '') {
var label = document.createElement('label');
label.setAttribute('for', 'ref');
label.className = 'form-label col-form-label';
label.textContent = '# or Start from / or http:// or https://';
secondLevelContainer.appendChild(label);
// Create an input element
var secondLevelInput = document.createElement('input');
secondLevelInput.type = 'text';
secondLevelInput.name = 'ref';
secondLevelInput.className = 'form-control';
secondLevelContainer.appendChild(secondLevelInput);
} else {
var label = document.createElement('label');
label.setAttribute('for', 'ref');
label.className = 'form-label col-form-label';
label.textContent = 'Ref (Select Reference)';
secondLevelContainer.appendChild(label);
// Create a select element
var secondLevelSelect = document.createElement('select');
secondLevelSelect.name = 'ref';
secondLevelSelect.className = 'form-select form-control';
secondLevelContainer.appendChild(secondLevelSelect);
// Add the default option
var defaultOption = document.createElement('option');
defaultOption.value = '';
defaultOption.textContent = 'Select Option';
secondLevelSelect.appendChild(defaultOption);
if (selectedMenuType && selectedMenuType.values) {
var values = JSON.parse(selectedMenuType.values);
values.forEach(function(value) {
var option = document.createElement('option');
option.value = value.value;
option.textContent = value.display;
secondLevelSelect.appendChild(option);
});
}
}
}
firstLevelSelect.addEventListener('change', function() {
showRef();
});
</script>
@endpush