@extends("app.layout.base")

@section("title")
    Account
@endsection

@section("content")
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <main>
        <h1 class="text-center sde-blue mt-0">Konto</h1>
        <h4 class="mt-0">Navn: {{ Auth::user()->name_first . " " . Auth::user()->name_last }}</h4>
        <h4 class="mt-0">Email: {{ Auth::user()->email }}</h4>
        <h4 class="mt-0">Telefon Nr.: {{ Auth::user()->phone }}</h4>
        {!! session()->get('success#credentialschanged') !!}
        <a class="btn text-center btn-sde-blue mt-1" href="{{ route("users.accountedit") }}">Rediger Oplysninger</a>
        <a class="btn text-center btn-sde-blue mt-1" href="{{ route("users.accounteditpass") }}">Ændre Password</a>

            <label for="langu">Sprog / Languages:</label>
            <select name="langName" id="lang">
                @if(request()->cookie('languagesSetting') == "dk")
                    <option selected name="langDK" value="dk">Dansk</option>
                @else
                    <option name="langDK" value="dk">Dansk</option>
                @endif
                @if(request()->cookie('languagesSetting') == "en")
                    <option selected name="langEN" value="en">English</option>
                @else
                    <option name="langEN" value="en">English</option>
                @endif

            </select>
    </main>

    <script>
        $(document).ready(function (){
            $('#lang').change(function () {
                $value = $('#lang').find(":selected").val();
                $.ajax({
                    type: 'get',
                    url: '{{route('users.setLanguages')}}',
                    data: {'lang':$value},
                    success:function (data) {
                       console.log($value);
                        location.reload();
                    },
                    error:function (data) {
                        console.log(data);
                    }
                });
            })
        })
    </script>



@endsection