{{-- <x-guest-layout>
    <x-auth-card>
        <x-slot name="logo">
            <a href="/">
                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
            </a>
        </x-slot>

        <!-- Validation Errors -->
        <x-auth-validation-errors class="mb-4" :errors="$errors" />

        <form method="POST" action="{{ route('password.update') }}">
            @csrf

            <!-- Password Reset Token -->
            <input type="hidden" name="token" value="{{ $request->route('token') }}">

            <!-- Email Address -->
            <div>
                <x-label for="email" :value="__('Email')" />

                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus />
            </div>

            <!-- Password -->
            <div class="mt-4">
                <x-label for="password" :value="__('Password')" />

                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required />
            </div>

            <!-- Confirm Password -->
            <div class="mt-4">
                <x-label for="password_confirmation" :value="__('Confirm Password')" />

                <x-input id="password_confirmation" class="block mt-1 w-full"
                                    type="password"
                                    name="password_confirmation" required />
            </div>

            <div class="flex items-center justify-end mt-4">
                <x-button>
                    {{ __('Reset Password') }}
                </x-button>
            </div>
        </form>
    </x-auth-card>
</x-guest-layout> --}}


@extends('layouts._includes.site.Header')
@section('titulo', 'SGPEU')
@section('conteudo')

<div class="modal-body customer-box">
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        Coloque o seu email da conta!
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
</div>
<style>
    .crop {
        width: 250px;
        height: 200px;
        position: relative;
        overflow: hidden;
        border-radius: 100%;
    }

    img {
        display: inline;
        margin: 0 auto;
        height: 90%;
        width: auto;
    }

</style>
<div id="overviews" class="section wb">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                <div class="post-media wow fadeIn">
                    <div class="crop">
                        <img src="{{ asset('/site/img/user-create.png') }}" alt="post">
                    </div>
                </div>
            </div>

            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                <div class="tab-content">
                    <div class="tab-pane active" id="Login">
                        <form method="POST" action="{{ route('password.update') }}" role="form" class="form-horizontal">
                            @csrf
                            <x-auth-session-status class="mb-4" :status="session('status')" />

                            <!-- Validation Errors -->
                            <x-auth-validation-errors class="mb-4" :errors="$errors" />
                            <input type="hidden" name="token" value="{{ $request->route('token') }}">

                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" placeholder="E-mail" class="form-control input" name="email"
                                        id="email">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="password" placeholder="Nova palavra pass" class="form-control input"
                                        name="password" id="password">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input value="" id="password_confirmation" type="password"
                                        class="form-control @error('password_confirmation') is-invalid @enderror"
                                        name="password_confirmation" placeholder="Confirmar a palavra pass "
                                        value="" required>

                                    @error('password_confirmation')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                                <div class="col-sm-12">
                                    <button type="submit" class="btn btn-light btn-radius btn-brd grd1">
                                        Salvar
                                    </button>

                                </div>

                        </form>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>


    <script src="{{ asset('/js/sweetalert2.all.min.js') }}"></script>


    @if (session('inscrito.cadastrar.true'))
        <script>
            Swal.fire(
                'Inscrição realizada com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('inscrito.cadastrar.false'))
        <script>
            Swal.fire(
                'Erro ao realizar inscrição!',
                '',
                'error'
            )
        </script>
    @endif
@endsection