@extends('layouts.app', [
    'class' => 'profile edit',
])

@section('content')

    @include('partials._page-title', [
        'title' => 'Editar perfil',
        'desc' => 'Preencha as informações necessárias',
    ])

    <div class="panel-body">

        <form method="POST" enctype="multipart/form-data" class='default-form' action="{{ route('profile.update') }}" data-parsley-validate>

            @include('partials._alert')
            @csrf

            <input type="hidden" name="id" value="{{ $user->id }}">
            <input type="hidden" name="_method" value="put">

            <div class='form-content'>
                <div class="picture">

                    @include('partials._photo-uploader', [
                        'name' => 'profile_picture',
                        'accept' => '.png, .jpeg, jpg',
                        'image' => isset($user->profile_url) ? url("users/$user->id/profile/picture") : false,
                    ])

                </div>

                <div class="information">

                    <div class="row">

                        <div class="form-group col-sm-6">
                            <label>Nome</label>
                            <input class="form-control" type="text" name="name" autofocus="autofocus"
                                value="{{ $user->name ?? old('name') }}" placeholder="Nome do usuário" required="required">
                        </div>

                        <div class="form-group col-sm-6">
                            <label>Status</label>
                            <select class="form-select" name='is_active' required='required'>
                                <option value='1' {{ gettype($user->is_active) == 'boolean' && $user->is_active == true ? 'selected' : '' }}> Ativo</option>
                                <option value='0' {{ gettype($user->is_active) == 'boolean' && $user->is_active == false ? 'selected' : '' }}> Inativo</option>
                            </select>

                        </div>

                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label>E-mail</label>
                            <input class="form-control" type="email" name="email" autofocus="autofocus"
                                value="{{ $user->email ?? old('email') }}" placeholder="exemplo@email.com"
                                required="required">
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label>Senha</label>
                            <input class="form-control" type="password" name="password" autofocus="autofocus"
                                value="{{ old('password') }}" placeholder="Senha"
                                >
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label>Confirmar Senha</label>
                            <input class="form-control" type="password" name="c_password" autofocus="autofocus" value="{{ old('c_password') }}" placeholder="Senha">
                        </div>
                    </div>
                    
                </div>

            </div>
            
            <div class="actions mt-3">

                <div class="form-group col-sm-4 btn-group">
                    <a href="{{ url()->previous() }}" class="btn btn-light">Voltar</a>
                    <button type="submit" class="btn btn-primary">Atualizar</button>
                </div>

                @if($user->isAdmin())
                    @if(!$user->uses_two_factor_auth)
                    
                        <a type="button" href="{{ route('2fa.setup.mail') }}" class="btn btn-primary enable-2f">
                            <i class="fa fa-lock" aria-hidden="true"></i>
                            Ativar autenticação em duas etapas
                        </a>

                    @else

                        <a type="button" href="{{ route('2fa.setup.mail') }}" class="btn btn-primary enable-2f">
                            <i class="fa fa-unlock-alt" aria-hidden="true"></i>
                            Desativar autenticação em duas etapas
                        </a>

                    @endif
                @endif

            </div>

        </form>

        <div class="row">

            <div class="remove-user">
                <span>Deletar Conta</span>
                <span>Esta ação é irreversível</span>
                <button type="submit" class="btn btn-danger btn-remove-user">Deletar minha conta</button>
            </div>

        </div>

    </div>
@endsection