@extends('layouts/fullLayoutMaster')

@section('title', 'Reset Password')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/page-auth.css')) }}">
@endsection

@section('content')
    <div class="auth-wrapper auth-v1 px-2">
        <div class="auth-inner py-2">
            <!-- Reset Password -->
            <div class="card mb-0">
                <div class="card-body">
                    <a href="javascript:void(0);" class="brand-logo">
                        <img src="{{ asset('images/logo/symbol.png') }}" alt="Logo PacsMed" width="35" height="24">
                        <h2 class="brand-text text-primary ml-1">PacsMed</h2>
                    </a>
                    <h4 class="card-title mb-1">Alteração de Senha 🔒</h4>
                    <p class="card-text mb-2">Olá <strong>{{Auth::user()->name ? Auth::user()->name : 'usuário'}}</strong>, será necessário alterar a sua senha no primeiro acesso tudo bem!</p>
                    <div class="small">- Sua senha deve conter no mínimo <strong>7 caractéres</strong>!</div>
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form class="auth-reset-password-form mt-2" action="{{ route('changePassword') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <div class="d-flex justify-content-between">
                                <label for="reset-password-new">Nova Senha</label>
                            </div>
                            <div class="input-group input-group-merge form-password-toggle">
                                <input
                                        type="password"
                                        class="form-control form-control-merge"
                                        id="reset-password-new"
                                        name="reset-password-new"
                                        placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
                                        aria-describedby="reset-password-new"
                                        tabindex="1"
                                        autofocus
                                        required
                                />
                                <div class="input-group-append">
                                    <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="d-flex justify-content-between">
                                <label for="reset-password-confirm">Confirmar Senha</label>
                            </div>
                            <div class="input-group input-group-merge form-password-toggle">
                                <input
                                        type="password"
                                        class="form-control form-control-merge"
                                        id="reset-password-confirm"
                                        name="reset-password-confirm"
                                        placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
                                        aria-describedby="reset-password-confirm"
                                        tabindex="2"
                                        required
                                />
                                <div class="input-group-append">
                                    <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-primary btn-block" tabindex="3">Alterar Senha</button>
                    </form>
                    <p class="text-center mt-2">
                        <a href="{{ route('logout') }}"> <i data-feather="chevron-left"></i> Voltar ao login </a>
                    </p>
                </div>
            </div>
            <!-- /Reset Password  -->
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{asset(mix('vendors/js/forms/validation/jquery.validate.min.js'))}}"></script>
@endsection

@section('page-script')
    <script src="{{asset(mix('js/scripts/pages/page-auth-reset-password.js'))}}"></script>
@endsection