@extends('admin.layouts.masterlayout')
@section('styles')

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css">
@endsection
@section('content')
<div class="main-content">

    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <h4 class="card-title">Add Setting</h4>
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        <form id="app-setting-form" class="form-horizontal" action="{{ route('Setting.addapp') }}" method="post">
                            {{ csrf_field() }}

                            <div class="row g-3 my-3">
                                <div class="col-md-6">
                                    <label for="name_key">Name Key <span class="required">*</span></label>
                                    <input id="name_key" required value="{{ old('name_key') }}" name="name_key" class="form-control" type="text">
                                    <div class="error-message help-inline">{{ $errors->first('name_key') }}</div>
                                </div>

                                <div class="col-md-6">
                                    <label for="caption">Caption</label>
                                    <input id="caption" value="{{ old('caption') }}" name="caption" class="form-control" type="text">
                                    <div class="error-message help-inline">{{ $errors->first('caption') }}</div>
                                </div>
                            </div>

                            <div class="row g-3 my-3">
                                <div class="col-md-6">
                                    <label for="description">Description</label>
                                    <input id="description" value="{{ old('description') }}" name="description" class="form-control" type="text">
                                    <div class="error-message help-inline">{{ $errors->first('description') }}</div>
                                </div>

                                <div class="col-md-6">
                                    <label for="min_amt">Minimum Amount</label>
                                    <input id="min_amt" value="{{ old('min_amt', 0) }}" name="min_amt" class="form-control" type="number" min="0">
                                    <div class="error-message help-inline">{{ $errors->first('min_amt') }}</div>
                                </div>
                            </div>

                            <div class="row g-3 my-3">
                                <div class="col-md-6">
                                    <label for="max_amt">Maximum Amount</label>
                                    <input id="max_amt" value="{{ old('max_amt', 0) }}" name="max_amt" class="form-control" type="number" min="0">
                                    <div class="error-message help-inline">{{ $errors->first('max_amt') }}</div>
                                </div>

                                <div class="col-md-6">
                                    <label for="per_day_limit">Per Day Limit</label>
                                    <input id="per_day_limit" value="{{ old('per_day_limit', 0) }}" name="per_day_limit" class="form-control" type="number" min="0">
                                    <div class="error-message help-inline">{{ $errors->first('per_day_limit') }}</div>
                                </div>
                            </div>

                            <div class="row g-3 my-3">
                                <div class="col-md-6">
                                    <label for="status">Status <span class="required">*</span></label>
                                    <select id="status" name="status" class="form-control">
                                        <option value="1" {{ old('status') == "1" ? 'selected' : '' }}>Active</option>
                                        <option value="0" {{ old('status') == "0" ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                    <div class="error-message help-inline">{{ $errors->first('status') }}</div>
                                </div>
                            </div>

                            <div class="col-12 pt-4">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <button class="btn btn-danger" type="button"onclick="window.location.reload()">Cancel</button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')


<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="{{asset('new_theme/assets/plugins/select2/js/select2-custom.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(document).on("click", "#cancel_btn", function(){
            window.location.reload();
        });
    });
</script>

@endsection