@extends('layouts.digitar')
@section('content')
    <style rel="stylesheet">
        .list-group-item {
            display: flex;
            justify-content: space-between;
        }
    </style>
    <div class="the-box rounded" style="margin-top: 20px;">
        <div class="row" style="margin-bottom: 10px;">

            <div class="col-md-4">

                <ul class="list-group">
                    <li class="list-group-item active" aria-current="true">Apresentação de documentos e projeto de lei</li>
                    <li class="list-group-item">Modo Lista <input name="active" id="active" class="switch"
                            data-on-text="Sim" data-off-text="Não" data-off-color="danger" data-on-color="success"
                            data-size="normal" type="checkbox" onchange="toggle()" 
                            {!! \App\Models\User::where('id', auth()->user()->id)->first()->module_active > 0 ? 'checked' : '' !!}>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <script>
        function toggle() {
            console.log('teste');
            const url = `/profile/update/module/` + {{ auth()->user()->id }};

            $.ajax({
                url: url,
                method: 'POST'
            }).success((data) => {

                data = JSON.parse(data);

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

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