@php
    $admin = auth('admin')->user();
    $referral_commission = get_setting('referral_commission');
@endphp
@extends('admin.layouts.app')
@section('content')
    <div class="row">
        <div class="col-md-12 mb-3">
            <div class="row">
                <div class="col-12 col-xl-8 mb-4 mb-xl-0">
                    <h3 class="font-weight-bold">Settings</h3>
                </div>
            </div>
        </div>
    </div>
    @include('admin.settings.tab')

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card rounded-0">
                <div class="card-body">
                    @if ($admin->roles == 'admin')
                        <form action="{{ route('admin.setting.update') }}" method="post" class="edit-form"
                            enctype="multipart/form-data">
                            @csrf

                            <div class="row mb-4">
                                <div class="col-sm-4 mb-3">
                                    <label class="">Commission Amount</label>
                                    <input type="hidden" name="types[]" value="referral_commission">
                                    <input type="number" name="referral_commission" value="{{ $referral_commission }}"
                                        class="form-control" required>
                                </div>


                            </div>


                            <button type="submit" class="btn btn-primary mr-2 submitBtn">Submit</button>
                        </form>
                    @else
                        <div class="text-center ">
                            <h5>You have no access</h5>
                        </div>
                    @endif

                </div>

            </div>
        </div>
    </div>
@endsection

@section('javascript')
    <script src="{{ asset('plugins/jquery.validate.js') }}"></script>
    <script type="text/javascript">
        $(".edit-form").validate({
            submitHandler: function(form) {
                var loadingText = '<i class="fa fa-circle-notch fa-spin"></i> Saving..';
                $('.edit-form  .submitBtn').html(loadingText).prop('disabled', true);
                return true;
            }
        });
    </script>
@endsection