Viewing file:  create.blade.php (6.79 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title')
{{trans('customer.new_gateway')}}
@endsection
@section('extra-css')
<style>
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
height: 270px;
overflow-y: scroll;
margin-left: 7.5px;
margin-right: 7.5px;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">@lang('admin.gateways')</h2>
<a class="btn btn-info float-right"
href="{{route('customer.gateway.index')}}">@lang('admin.form.button.back')</a>
</div>
<!-- /.card-header -->
<!-- form start -->
<form method="post" role="form" id="planForm" action="{{route('customer.gateway.store')}}">
@csrf
<div class="card-body">
@include('customer.gateway.form')
</div>
<!-- /.card-body -->
<div class="card-footer text-right">
<button type="submit" class="btn btn-primary">@lang('admin.form.button.submit')</button>
</div>
</form>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<!-- Gateway Prefill modal -->
<div class="modal fade" id="gateway-prefill-modal">
<div class="modal-dialog">
<form method="POST" action="{{route('customer.gateway.prefill.store')}}" id="gateway-prefill-modal-form">
@csrf
<div class="modal-content">
<div class="modal-header p-2">
<h4 class="modal-title">{{trans('customer.configure')}}</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="gatewayPrefillCustomInput"></div>
</div>
<div class="modal-footer p-2">
<button id="gateway-prefill-modal-confirm-btn" type="submit"
class="btn btn-primary btn-sm">{{trans('customer.confirm')}}</button>
<button type="button" class="btn btn-secondary btn-sm"
data-dismiss="modal">{{trans('customer.cancel')}}</button>
</div>
</div>
<!-- /.modal-content -->
</form>
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('js/autocomplete.js')}}"></script>
<script>
"use strict";
let number = 0;
$(document).on('click', '.addMore', function (e) {
number++
let html = '';
html = `
<div class="row" id="addedSection_${number}">
<div class="form-group col-4 col-md-4 pt-2">
<input type="text" class="form-control" placeholder="Enter Key" name="key[]">
</div>
<div class="form-group col-6 col-md-7 pt-2">
<input type="text" class="form-control" placeholder="Enter Key Value" name="value[]">
</div>
<div class="col-md-1 col-2 pt-2"><button type="button" class="btn btn-sm btn-danger deleteRow" data-id="${number}"><i class="fa fa-minus "></i></button></div>
</div>`;
$('#addMoreSection').append(html);
});
$(document).on('click', '.deleteRow', function (e) {
const num = $(this).attr('data-id');
number--
$('#addedSection_' + num).remove()
})
let hNumber = 0;
$(document).on('click', '.addMoreHeaders', function (e) {
hNumber++
let html = '';
html = `
<div class="form-group col-4 col-md-4 pt-2 header_sec_${hNumber}">
<input type="text" class="form-control" placeholder="Enter Key" name="header_key[]">
</div>
<div class="form-group col-6 col-md-7 pt-2 header_sec_${hNumber}">
<input type="text" class="form-control" placeholder="Enter Key Value" name="header_value[]">
</div>
<div class="col-md-1 col-2 pt-2 header_sec_${hNumber}"><button type="button" class="btn btn-sm btn-danger deleteHeaderRow" data-id="${hNumber}"><i class="fa fa-minus "></i></button></div>`;
$('#addHeaders').append(html);
});
$(document).on('click', '.deleteHeaderRow', function (e) {
const num = $(this).attr('data-id');
hNumber--
$('.header_sec_' + num).remove()
})
$('#offDay').select2({
placeholder: 'Select an offday',
multiple: true
})
$('.message_limit').on('keyup or paste', function (e){
let message_limit = $(this).val();
$('#message_limit').text(message_limit?message_limit:'0');
});
$('.minutes').on('keyup or paste', function (e){
let minute_limit = $(this).val()
$('#minutes').text(minute_limit?minute_limit:'0');
});
autocomplete(document.getElementById("gatewayName"), @json($gatewayPrefill));
</script>
@endsection
|