@extends('layouts.app')

@section('title', 'Mudar senha')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 45px; margin-left: 8px; width: 100%;}
</style>
<header class="page-header">
    <h2>Usuários</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><span>Mudar senha</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="panel panel-default">
        <div class="panel-body justify-content-center">
            <form action="{{ route('altera.senha.usuario') }}" method="post">@csrf
                <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">

                <div class="row form-group">
                    <div class="col-md-4 col-md-offset-4">
                        <label for="senha">Nova senha</label>
                        <input type="password" name="senha" id="senha" class="form-control" autocomplete="new-password" minlength="6" required>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col-md-4 col-md-offset-4">
                        <label for="confirma_senha">Confirme a senha</label>
                        <input type="password" name="confirma_senha" id="confirma_senha" class="form-control" autocomplete="new-password" minlength="6" required>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col-md-4 col-md-offset-4 text-right">
                        <a type="button" href="{{ route("dashboard") }}" class="btn btn-danger btn-sm">
                            <i class="fa fa-times fa-fw"></i>
                            Cancelar
                        </a>
                        <button type="submit" class="btn btn-success btn-sm">
                            <i class="fa fa-check fa-fw"></i>
                            Salvar
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    @if(session('message'))
        getMessage("{{ session('titulo') }}", "{{ session('message') }}", "{{ session('tipo') }}");
    @endif
</script>
@endsection