@extends('Admin.Layout.master')
@section('content')
    <div class="col-sm-10 col-sm-offset-1 resetWrapper">
        <form class="setupForm" method="post">
            <div class="row resetInner">
                {{-- language setup--}}
                <div class="col-md-12 borderSetup">
                    <h3><i class="fa fa-language"></i>{{_t('settings.language_setup')}}</h3>
                    @foreach($languages as $language)
                        <div class="col-sm-3">
                            <div class="pretty p-default">
                                <input type="checkbox" name="languages[]" value="{{ $language->id }}" @if(LaravelLocalization::getDefaultLocale() == $language->code) disabled="disabled" @endif @if(!$language->deleted_at) checked @endif/>
                                <div class="state">
                                    <label>{{ $language->name }}</label>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <input type="hidden" name="uncheckedLanguageIds">
                </div>
                {{-- currency setup--}}
                <div class="col-md-12 borderSetup">
                    <h3><i class="fa fa-money"></i>{{_t('settings.currency_setup')}}</h3>
                    @foreach($currencies as $currency)
                        <div class="col-sm-3">
                            <div class="pretty p-default">
                                <input type="checkbox" name="currencies[]" value="{{ $currency->id }}" @if(app('currency')->config()['default'] == $currency->code) disabled="disabled" @endif @if(!$currency->deleted_at) checked @endif/>
                                <div class="state">
                                    <label>{{ $currency->name }}</label>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <input type="hidden" name="uncheckedCurrencyIds">
                </div>
                <div class="col-sm-12">
                    <button type="button" class="btn primaryButton submitSetup 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>
        .borderSetup{
            /*border: 1px solid #454F5D;*/
            padding: 15px;
            margin-bottom: 10px;
        }
    </style>
    <script>
        $(function () {
            Ladda.bind('.ladda-button');

            $('.submitSetup').click(function () {
                let errorWrapper = $('.errorWrapper').slideUp().empty();
                let languageIds = [];
                let currencyIds = [];
                $("input[name='languages[]']:not(:checked)").each(function () {
                    languageIds.push($(this).val());
                    $('input[name=uncheckedLanguageIds]').val(languageIds.join(', '));
                });
                $("input[name='currencies[]']:not(:checked)").each(function () {
                    currencyIds.push($(this).val());
                    $('input[name=uncheckedCurrencyIds]').val(currencyIds.join(', '));
                });
                $.post('{{ route('admin.setup.saveSetUp') }}', $('.setupForm').serialize(), function () {
                    Ladda.stopAll();
                    toastr.success("{{_t('settings.System_Reset_Successfully')}}");
                    location.reload()
                }).fail(function (response) {
                    let errorWrapper = $('.errorWrapper').slideUp().empty();
                    Ladda.stopAll();
                    let errors = response.responseJSON;
console.log(errors);
                    for (let key in errors)
                        errorWrapper.append('<div class="error">' + errors[key] + '</div>');

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