ok
Mini Shell
@extends('layouts.back-end.app')
@section('title', \App\CPU\translate('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="">
{{\App\CPU\translate('Withdrawal_Methods')}}
</h2>
<button class="btn btn--primary" id="add-more-field">
<i class="tio-add"></i> {{\App\CPU\translate('Add_Fields')}}
</button>
</div>
</div>
<!-- End Page Title -->
<div class="row">
<div class="col-md-12">
<form action="{{route('admin.sellers.withdraw-method.store')}}" method="POST">
@csrf
<div class="card card-body">
<div class="form-floating">
<input type="text" class="form-control" name="method_name" id="method_name"
placeholder="Select method name" value="" required>
<label>{{\App\CPU\translate('method_name')}} *</label>
</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-6 col-12">
<select class="form-control js-select" name="field_type[]" required>
<option value="" selected disabled>{{\App\CPU\translate('Input Field Type')}} *</option>
<option value="string">{{\App\CPU\translate('String')}}</option>
<option value="number">{{\App\CPU\translate('Number')}}</option>
<option value="date">{{\App\CPU\translate('Date')}}</option>
<option value="password">{{\App\CPU\translate('Password')}}</option>
<option value="email">{{\App\CPU\translate('Email')}}</option>
<option value="phone">{{\App\CPU\translate('Phone')}}</option>
</select>
</div>
<div class="col-md-6 col-12">
<div class="form-floating">
<input type="text" class="form-control" name="field_name[]"
placeholder="Select field name" value="" required>
<label>{{\App\CPU\translate('field_name')}} *</label>
</div>
</div>
<div class="col-md-6 col-12">
<div class="form-floating">
<input type="text" class="form-control" name="placeholder_text[]"
placeholder="Select placeholder text" value="" required>
<label>{{\App\CPU\translate('placeholder_text')}} *</label>
</div>
</div>
<div class="col-md-6 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">
{{\App\CPU\translate('This_field_required')}}
</label>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex my-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="1" name="is_default" id="flexCheckDefaultMethod">
<label class="form-check-label" for="flexCheckDefaultMethod">
{{\App\CPU\translate('default_method')}}
</label>
</div>
</div>
<!-- BUTTON -->
<div class="d-flex justify-content-end">
<button type="reset" class="btn btn--secondary mx-2">{{\App\CPU\translate('Reset')}}</button>
<button type="submit" class="btn btn--primary demo_check">{{\App\CPU\translate('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-6 col-12">
<select class="form-control js-select" name="field_type[]" required>
<option value="" selected disabled>{{\App\CPU\translate('Input Field Type')}} *</option>
<option value="string">{{\App\CPU\translate('String')}}</option>
<option value="number">{{\App\CPU\translate('Number')}}</option>
<option value="date">{{\App\CPU\translate('Date')}}</option>
<option value="password">{{\App\CPU\translate('Password')}}</option>
<option value="email">{{\App\CPU\translate('Email')}}</option>
<option value="phone">{{\App\CPU\translate('Phone')}}</option>
</select>
</div>
<div class="col-md-6 col-12">
<div class="form-floating">
<input type="text" class="form-control" name="field_name[]"
placeholder="Select field name" value="" required>
<label>{{\App\CPU\translate('field_name')}} *</label>
</div>
</div>
<div class="col-md-6 col-12">
<div class="form-floating">
<input type="text" class="form-control" name="placeholder_text[]"
placeholder="Select placeholder text" value="" required>
<label>{{\App\CPU\translate('placeholder_text')}} *</label>
</div>
</div>
<div class="col-md-6 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}">
{{\App\CPU\translate('This_field_required')}}
</label>
</div>
</div>
<div class="col-md-12 d-flex justify-content-end">
<span class="btn btn-danger" onclick="remove_field(${counter})">
<i class="tio-delete"></i>
{{\App\CPU\translate('Remove')}}
</span>
</div>
</div>
</div>`
);
$(".js-select").select2();
counter++;
} else {
Swal.fire({
title: '{{\App\CPU\translate('Reached maximum')}}',
confirmButtonText: '{{\App\CPU\translate('ok')}}',
});
}
})
$('form').on('reset', function (event) {
if(counter > 1) {
$('#custom-field-section').html("");
$('#method_name').val("");
}
counter = 1;
})
});
</script>
@endpush
Zerion Mini Shell 1.0