@extends('Admin.Layout.master')
@section('content')
    <div class="row localisationSettingsWrapper">
        <div class="col-sm-4 SettingsLeft">
            <div class="row providTitle">
                <h3> {{ _t('settings.localisation') }}</h3>
            </div>
            <div class="row provideEdit-line">
                <div class="col-sm-9">
                    <label>{{ _t('settings.language') }}</label>
                </div>
                <div class="col-sm-3">
                    <button class="btn primaryButton localisation-tab" data-id="Languages">
                        <i class="fa fa-edit"></i>
                    </button>
                </div>
            </div>
            <div class="row provideEdit-line">
                <div class="col-sm-9">
                    <label>{{ _t('settings.currency') }}</label>
                </div>
                <div class="col-sm-3">
                    <button class="btn primaryButton localisation-tab" data-id="editCurrency">
                        <i class="fa fa-edit"></i>
                    </button>
                </div>
            </div>
            <div class="row provideEdit-line">
                <div class="col-sm-9">
                    <label>{{ _t('settings.country') }}</label>
                </div>
                <div class="col-sm-3">
                    <button class="btn primaryButton localisation-tab" data-id="Country">
                        <i class="fa fa-edit"></i>
                    </button>
                </div>
            </div>
            <div class="row provideEdit-line">
                <div class="col-sm-9">
                    <label>{{ _t('settings.state') }}</label>
                </div>
                <div class="col-sm-3">
                    <button class="btn primaryButton localisation-tab" data-id="States">
                        <i class="fa fa-edit"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="settingsWrapper"></div>
        </div>
    </div>
    <script>

        $(function () {
            $.post("{{ route('localisation.getLanguages') }}", function (response) {
                $(".settingsWrapper").html(response);
                $('.settingsWrapper').show();
            });
        });

        $('.localisation-tab').click(function () {
            simulateLoading('.settingsWrapper');
            var slug = $(this).attr('data-id');
            loadLocalisation(slug);
        });

        function loadLocalisation(slug) {
            $.post("{{ route('localisation.manage') }}", {slug: slug}, function (response) {
                $(".settingsWrapper").html(response);
                $('.settingsWrapper').show();
            });
        }
    </script>
    <style>
     /*   .page-content {
            background: #eee;
        }*/

        @media (max-width: 767px) {
            .settingsWrapper {
                margin-top: 10px !important;
            }
        }
    </style>
@endsection