You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
188 lines
10 KiB
188 lines
10 KiB
@extends('layouts.admin.app')
|
|
|
|
@section('title', translate('messages.Withdrawal_Methods'))
|
|
|
|
@push('css_or_js')
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="content container-fluid">
|
|
<!-- Page Title -->
|
|
<div class="mb-3">
|
|
<div class="page-title-wrap d-flex justify-content-between flex-wrap align-items-center gap-3 mb-3">
|
|
<h2 class="page-title">
|
|
{{-- <img width="20" src="{{asset('/public/assets/back-end/img/withdraw-icon.png')}}" alt=""> --}}
|
|
{{ translate('messages.Withdrawal_Methods')}}
|
|
</h2>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- End Page Title -->
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<form action="{{route('admin.business-settings.withdraw-method.store')}}" method="POST">
|
|
@csrf
|
|
<div class="card card-body">
|
|
<div class="form-floating">
|
|
<label>{{ translate('messages.method_name')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<div class="d-flex justify-content-end">
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="checkbox" value="1" name="is_default" id="flexCheckDefaultMethod">
|
|
<label class="form-check-label" for="flexCheckDefaultMethod">
|
|
{{ translate('messages.default_method')}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="form-control d-flex" name="method_name" id="method_name"
|
|
placeholder=" {{ translate('messages.Ex: Bank')}}" value="" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<!-- HERE CUSTOM FIELDS WILL BE ADDED -->
|
|
<div id="custom-field-section">
|
|
<div class="card card-body">
|
|
<div class="row gy-4 align-items-center">
|
|
<div class="col-md-3 col-12">
|
|
<label>{{ translate('messages.Input Field Type')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<select class="form-control js-select js-select2-custom" name="field_type[]" required>
|
|
{{-- <option value="" selected disabled>{{ translate('messages.Input Field Type')}} *</option> --}}
|
|
<option value="string">{{ translate('messages.Text')}}</option>
|
|
<option value="number">{{ translate('messages.Number')}}</option>
|
|
<option value="date">{{ translate('messages.Date')}}</option>
|
|
<option value="email">{{ translate('messages.Email')}}</option>
|
|
<option value="phone">{{ translate('messages.Phone')}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3 col-12">
|
|
<div class="form-floating">
|
|
<label>{{ translate('messages.field_name')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="field_name[]"
|
|
placeholder="{{ translate('messages.Ex: Account_name')}} " value="" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-12">
|
|
<div class="form-floating">
|
|
<label>{{ translate('messages.placeholder_text')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="placeholder_text[]"
|
|
placeholder="{{ translate('messages.Ex: John Doe')}} " value="" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-12">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="1" name="is_required[0]" id="flexCheckDefault__0" checked>
|
|
<label class="form-check-label" for="flexCheckDefault__0">
|
|
{{ translate('messages.Is_required_')}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- BUTTON -->
|
|
<button class="btn btn--primary mt-3" id="add-more-field">
|
|
<i class="tio-add"></i> {{ translate('messages.Add_Fields')}}
|
|
</button>
|
|
<div class="d-flex justify-content-end">
|
|
<button type="reset" class="btn btn--secondary mx-2">{{ translate('messages.Reset')}}</button>
|
|
<button type="submit" class="btn btn--primary demo_check">{{ translate('messages.Submit')}}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
|
|
@push('script_2')
|
|
<script>
|
|
function remove_field(fieldRowId) {
|
|
$( `#field-row--${fieldRowId}` ).remove();
|
|
counter--;
|
|
}
|
|
|
|
jQuery(document).ready(function ($) {
|
|
counter = 1;
|
|
|
|
$('#add-more-field').on('click', function (event) {
|
|
if(counter < 15) {
|
|
event.preventDefault();
|
|
|
|
$('#custom-field-section').append(
|
|
`<div class="card card-body mt-3" id="field-row--${counter}">
|
|
<div class="row gy-4 align-items-center">
|
|
<div class="col-md-3 col-12">
|
|
<label>{{ translate('messages.Input Field Type')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<select class="form-control js-select js-select2-custom" name="field_type[]" required>
|
|
|
|
<option value="string">{{ translate('messages.Text')}}</option>
|
|
<option value="number">{{ translate('messages.Number')}}</option>
|
|
<option value="date">{{ translate('messages.Date')}}</option>
|
|
<option value="email">{{ translate('messages.Email')}}</option>
|
|
<option value="phone">{{ translate('messages.Phone')}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3 col-12">
|
|
<div class="form-floating">
|
|
<label>{{ translate('messages.field_name')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="field_name[]"
|
|
placeholder="{{ translate('messages.Ex: Bank')}}" value="" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-12">
|
|
<div class="form-floating">
|
|
<label>{{ translate('messages.placeholder_text')}} <span
|
|
class="input-label-secondary text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="placeholder_text[]"
|
|
placeholder="{{ translate('messages.Ex: John Doe')}}" value="" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-12">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="1" name="is_required[${counter}]" id="flexCheckDefault__${counter}" checked>
|
|
<label class="form-check-label" for="flexCheckDefault__${counter}">
|
|
{{ translate('messages.Is_required_')}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1">
|
|
<span class="btn btn-danger" onclick="remove_field(${counter})">
|
|
<i class="tio-delete"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
);
|
|
|
|
$(".js-select").select2();
|
|
|
|
counter++;
|
|
} else {
|
|
Swal.fire({
|
|
title: '{{ translate('messages.Reached maximum')}}',
|
|
confirmButtonText: '{{ translate('messages.ok')}}',
|
|
});
|
|
}
|
|
})
|
|
|
|
$('form').on('reset', function (event) {
|
|
if(counter > 1) {
|
|
$('#custom-field-section').html("");
|
|
$('#method_name').val("");
|
|
}
|
|
|
|
counter = 1;
|
|
})
|
|
});
|
|
</script>
|
|
@endpush
|
|
|