@extends('layouts.app')

@section('title', 'Login')

@section('content')
    <div class="min-h-custom justify-items-center pt-8 font-dunkin-sans-book">
        <div class="bg-cream-custom rounded-2xl p-4 flex flex-col justify-center items-center space-y-4 px-8">
            <img src="{{ asset(config('constants.logo_image_path')) }}" width="200" class="img-fluid" alt="">
            @if (count($errors->all()))
                <div class="bg-red-300 p-4 rounded-2xl">
                    @foreach ($errors->all() as $error)
                        <p>{{ $error }}</p>
                    @endforeach
                </div>
            @endif
            <form action="{{ url('change-password') }}" method="post" class="flex flex-col items-center space-y-4">
                @csrf
                <div class="flex flex-col items-center">
                    <label for="username">Nueva Contraseña:</label>
                    <input type="password" name="password" class="rounded-md px-2 py-1" required>
                </div>
                <div class="flex flex-col items-center">
                    <label for="password_confirmation">Confirmar Nueva Contraseña:</label>
                    <input type="password" name="password_confirmation" class="rounded-md px-2 py-1" required>
                </div>
                <button class="btn-purple-custom" type="submit">Cambiar Contraseña</button>
            </form>
            <p class="text-sm">
                <span class="bold"> © {{ date('Y') }} DONUCOL S.A.</span>
                Todos los derechos reservados. PBX: +571 2100200
            </p>
        </div>
    </div>
@endsection