@extends('admin.layouts.masterlayout')

@section('content')

<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>

<div class="content-wrapper">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <div class="welcome-text">
                <h4>Add App Setting</h4>
                <span class="ml-1">Configuration</span>
            </div>
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{route('Setting.app')}}">App Settings</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">Add</a></li>
            </ol>
        </div>
    </div>

    <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">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <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>

                            <div class="form-group text-center">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <button class="btn btn-gray" type="button"onclick="window.location.reload()">Cancel</button>
                                <button class="btn btn-gray" type="reset" id="reset_btn">Reset</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $(document).on("click", "#cancel_btn", function(){
            let href = $(".breadcrumb-item.active a").attr("href");
            window.location = href;
        });
    });
</script>

@endsection