Viewing file:  add.blade.php (6.34 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('admin.layouts.app')
@push('styles')
<style>
input.error {
border-color: #f00 !important;
}
small.required {
color:#f00;
}
</style>
@endpush
@section('content')
<div class="header bg-primary pb-6">
<div class="container-fluid">
<div class="alert alert-success alert-dismissible fade hide global-alert-message submit_success_alert" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<h6 class="h2 text-black d-inline-block mb-country">Store </h6>
<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
<li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i class="fas fa-home"></i></a></li>
<li class="breadcrumb-item"><a href="{{ route('setting') }}">Store </a></li>
<li class="breadcrumb-item">Add</li>
</ol>
</nav>
</div>
<div class="col-lg-6 col-5 text-right">
<a href="{{ route('order.add') }}" class="btn btn-sm btn-neutral">New</a>
{{-- <a href="#" class="btn btn-sm btn-neutral">Filters</a>--}}
</div>
</div>
</div>
</div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
<div class="row">
<div class="col-xl-12 order-xl-1">
<div class="card bg-secondary shadow">
<div class="card-header bg-white border-0">
<div class="row align-items-center">
<h3 class="mb-0">{{ __('Add') }}</h3>
</div>
</div>
<div class="card-body">
<form id="submit-form" method="post" action="{{ route('setting.store') }}" autocomplete="off">
@csrf
@method('post')
<h6 class="heading-small text-muted mb-4">{{ __('Add Store') }}</h6>
@include('admin.setting.tabs.tablist')
<div class="tab-content tab-validate" style="margin-top:20px;">
@include('admin.setting.tabs.store')
@include('admin.setting.tabs.general')
@include('admin.setting.tabs.image')
@include('admin.setting.tabs.mail')
</div>
<div class="pl-lg-4 row">
<div class="text-center">
<button type="submit" class="btn btn-success mt-4">{{ __('Save') }}</button>
<a href="{{ route('setting') }}" type="button" class="btn btn-danger mt-4">{{ __('Cancel') }}</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.1/jquery.validate.min.js"></script>
<script>
var storeObj = {
config_store_name : 'required'
}
$("#submit-form").submit(function(event) {
event.preventDefault();
validateFormData($(this));
// $(this).append('productData',productData)
let url = $(this).attr('action')
let method = $(this).attr('method')
var formData = new FormData(document.getElementById('submit-form'));
$.ajax({
url: url,
processData: false,
contentType: false,
type: method,
data: formData,
success: function (response) {
if(response.code == 200 ) {
$('.submit_success_alert').removeClass('hide').addClass('show')
$('.submit_success_alert button').before(response.msg)
setTimeout(function (){
window.location.href = response.route
},3000)
}
else {
alert('Something went wrong!.Please try again')
}
}
})
})
function validateFormData (form) {
form.validate({
ignore: [],
errorPlacement: function() {},
submitHandler: function() {
},
invalidHandler: function() {
setTimeout(function() {
$('.nav-tabs a small.required').remove();
var validatePane = $('.tab-content.tab-validate .tab-pane:has(input.error)').each(function() {
var id = $(this).attr('id');
$('.nav-tabs').find('a[href^="#' + id + '"]').append(' <small class="required">***</small>');
});
// $('.tab-content.tab-validate .tab-pane:has(select.error)').each(function() {
// var id = $(this).attr('id');
// $('.nav-tabs').find('a[href^="#' + id + '"]').append(' <small class="required">***</small>');
// });
});
},
rules: {
customer_id: 'required',
firstname: 'required',
lastname: 'required',
email: {
required: true,
email: true
},
telephone: 'required',
...storeObj,
}
});
};
</script>
@endpush
|