@extends('backend.layouts.app')
@section('content')
<div class="col-md-8 mx-auto">
    <div class="card shadow-none m-2">
        <div class="card-header bg-light align-items-center d-flex">
            <h4 class="card-title mb-0 flex-grow-1 text-center h5">{{translate('Level Point')}}</h4>
        </div><!-- end card header -->
        <div class="card-body">
            <div class="live-preview">
                <form action="{{ route('update.setting') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row gy-4 mb-3">
                        <div class="col-md-1"></div>
                        <div class="col-md-3">
                            <label for="easy_level" class="form-label">{{translate('Easy Point')}}</label>
                        </div>
                        <div class="col-md-6 mx-auto">
                            <input type="hidden" name="types[]" value="easy_level">
                            <input type="text" name="easy_level" id="easy_level" class="form-control" placeholder="{{translate('Easy Point')}}" value="{{get_setting('easy_level')}}">
                        </div>
                    </div>
                    <div class="row gy-4 mb-3">
                        <div class="col-md-1"></div>
                        <div class="col-md-3">
                            <label for="medium_level" class="form-label">{{translate('Medium Point')}}</label>
                        </div>
                        <div class="col-md-6 mx-auto">
                            <input type="hidden" name="types[]" value="medium_level">
                            <input type="text" name="medium_level" id="medium_level" class="form-control" placeholder="{{translate('Medium Point')}}" value="{{get_setting('medium_level')}}">
                        </div>
                    </div>
                    <div class="row gy-4 mb-3">
                        <div class="col-md-1"></div>
                        <div class="col-md-3">
                            <label for="hard_level" class="form-label">{{translate('Hard Point')}}</label>
                        </div>
                        <div class="col-md-6 mx-auto">
                            <input type="hidden" name="types[]" value="hard_level">
                            <input type="text" name="hard_level" id="hard_level" class="form-control" placeholder="{{translate('Hard Point')}}" value="{{get_setting('hard_level')}}">
                        </div>
                    </div>
                    <div class="row gy-4 mt-3">
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <button type="submit" class="btn btn-outline-warning">{{translate('Save')}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@include('backend.modals.delete')
@endsection

@section('script')

<script>
</script>
@endsection