Files
freeu-project/resources/views/Admin/permissions/user_groups/create.blade.php
Ritikesh yadav c661166e1d first commit
2024-03-28 14:52:40 +05:30

181 lines
7.1 KiB
PHP

@extends('Admin.layouts.master')
@section('content')
<!--end::Head-->
<!--begin::Body-->
<!-- <head>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/css/toastr.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<style>
.error {
color: #FF0000;
}
</style>
</head> -->
<!-- <body data-kt-name="metronic" id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="false" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default"> -->
<!--begin::Theme mode setup on page load-->
<!--end::Theme mode setup on page load-->
<!--begin::App-->
<!-- <div class="d-flex flex-column flex-root app-root" id="kt_app_root"> -->
<!--begin::Page-->
<!-- <div class="app-page flex-column flex-column-fluid" id="kt_app_page"> -->
<!--begin::Header-->
<!--end::Header-->
<!--begin::Wrapper-->
<!-- <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper"> -->
<!--begin::sidebar-->
<!--end::sidebar-->
<!--begin::Main-->
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
<!--begin::Content wrapper-->
<div class="d-flex flex-column flex-column-fluid">
<div id="kt_app_content_container" class="app-container container-xxl">
<div class="row max-w-100 mt-10 index_table">
<div class="top_header d-flex justify-content-between">
<p class='fs-2 fw-bold'>Add Details</p>
</div>
{{-- @include('includes.messages') --}}
{{--
@if (session('message'))
<div class="alert alert-success">
{{ session('message') }}
</div>
@endif
@if (session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif --}}
<div id="validation-errors"></div>
<div class="dataTable_area my-5 mb-0">
<!--begin::Card-->
<div class="card">
<div class="modal-body scroll-y px-10 px-lg-10 pt-10 pb-10">
<!--begin:Form-->
<form method="POST" id="addPrincipalGroupForm" action="{{ route('admin.user_groups.store') }}" class="form py-5 pb-0" method="post" enctype="multipart/form-data">
{{ csrf_field() }}
<div class="row">
<div class="col-md-12 fv-row mb-7">
<label class="required fs-6 fw-semibold mb-2">Principal Group
Name</label>
<input id="group_name" type="text" name="name" value="{{ old('name') }}" placeholder="Enter Group Name" class="@error('name') is-invalid @enderror form-control form-control-solid" />
@error('name')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}
</div>
@enderror
</div>
</div>
<div class="submit_btn d-flex justify-content-center mt-8">
<button type="submit" class="btn btn-light-dark" id="save_faq">Save</button>
</div>
</form>
<!--end:Form-->
</div>
<!--end::Card-->
</div>
</div>
</div>
</div>
<!--end::Content wrapper-->
</div>
<!--end:::Main-->
</div>
<!--end::Wrapper-->
<!-- </div> -->
<!--end::Page-->
<!-- </div> -->
<!--end::App-->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js"></script>
<script>
$(document).ready(function() {
toastr.options.timeOut = 10000;
@if(Session::has('error'))
toastr.error('{{ Session::get('
error ') }}');
@elseif(Session::has('message'))
toastr.success('{{ Session::get('
message ') }}');
@endif
});
</script> -->
<!-- </body> -->
<!--end::Body-->
@endsection
@section('scripts')
<script>
$("#addPrincipalGroupForm").validate({
ignore: [],
debug: false,
rules: {
name: {
required: true,
},
},
messages: {
name: {
required: "Please enter principal group name",
},
},
submitHandler: function (form) {
var formData = new FormData(form);
// $("#save_btn").text("Please wait...");
// $("#save_btn").attr("disabled", true);
$.ajax({
url: "/prinicipal-groups-store",
type: "POST",
data: formData,
processData: false,
contentType: false,
dataType: "json",
success: function (result) {
if (result.status == 200) {
toastr.success(result.message);
setTimeout(() => {
location.replace('/prinicipal-groups');
}, 1000);
}
if(result.status == 400){
toastr.warning(result.message);
}
},
});
},
});
</script>
@endsection
<!-- <script src="https://code.jquery.com/jquery-3.5.1.js"></script> -->