@extends('Admin.Layout.master')
@section('content')
    <div class="col-sm-6 col-sm-offset-3 resetWrapper">
        <form class="resetForm" method="post">
            <div class="row resetInner">
                <h3><i class="fa fa-lock"></i>{{_t('settings.left_menu')}}</h3>
                <div class="col-sm-12">
                    <span class="sampleURL" style="color: gray;">{{_t('settings.sample_url')}}: https://hybridmlm.io</span>
                </div>
                <div class="col-sm-12">
                    <label>{{_t('settings.Enter_url')}}</label>
                    <input type="text" name="url" class="form-control">
                </div>
                <div class="col-sm-12">
                    <button type="button" class="btn green resetLeftMenu ladda-button" data-style="contract">
                        {{_t('settings.Submit')}}
                    </button>
                </div>
                @if (session('errorMsg'))
                    <div class="alert alert-danger alert-dismissible">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        {{ session('errorMsg') }}
                    </div>
                @endif
                <div class="errorWrapper" style="display: none"></div>
            </div>
        </form>
    </div>
    <style></style>
    <script>
        $(function () {
            Ladda.bind('.ladda-button');

            $('.resetLeftMenu').click(function () {
                let errorWrapper = $('.errorWrapper').slideUp().empty();

                $.post('{{ route('system.resetLeftMenu') }}', $('.resetForm').serialize(), function () {
                    Ladda.stopAll();
                    toastr.success("{{_t('settings.leftmenu_reset_successfully')}}");
                }).fail(function (response) {
                    Ladda.stopAll();
                    let errors = response.responseJSON;

                    for (let key in errors)
                        errorWrapper.append('<div class="error">' + errors[key] + '</div>');

                    errorWrapper.slideDown();
                });
            });
        });
    </script>
@endsection