@extends('layouts.digitar')
@section('title', 'Settings')
@section('content')
    <style rel="stylesheet">
        .container-titles {
            display: flex;
            width: "100%";
            height: auto;
            padding: 20px;
        }

        .title-user {
            padding: 10px;
            font-size: 16px;
            color: white;
            background-color: black;
        }
    </style>
    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-12">
                <ul class="nav nav-pills" style="margin-bottom: 10px">
                </ul>
            </div>
        </div>
        <div class="row">

            <h5 class="title-user">{{ Auth::user()->name }}</h5>

            <div class="form-group col-sm-6 col-lg-4">
                <div class="checkbox">
                    <label>{!! Form::checkbox('Tela em lista', 1, $user->module_active, ['onclick' => 'toggle()']) !!}
                        Tela em Lista</label>
                </div>
            </div>


        </div>
    </div>
    <script>
        function toggle() {
            const url = `/profile/settings/toggle/` + {{ auth()->user()->id }};
            console.log(url);
            $.ajax({
                url: url,
                method: 'GET'
            }).success((data) => {

                data = JSON.parse(data);
                console.log(data);

                if (data === true) {
                    toastr.success("Modo salvo com sucesso!!");

                } else {
                    toastr.error("Erro ao salvar modo!!");
                }
            });
        }
    </script>
@endsection