@extends('layouts.entreprise_base')

@section('content')
<div class="container mx-auto max-w-md mt-10 p-6 bg-white shadow-lg rounded-lg">
    <h2 class="text-2xl font-semibold text-center mb-6">Modifier votre mot de passe</h2>
    <form method="POST" action="{{ route('password.update') }}">
        @csrf
        {{-- <div class="block">
            <x-label for="email" value="{{ __('Email') }}" />
            <!-- Champ email amélioré en lecture seule -->
            <x-input id="email" class="block mt-1 w-full bg-gray-100 text-gray-700 border border-gray-300 rounded-md shadow-sm p-3 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 cursor-not-allowed" type="email" name="email" :value="old('email', $email)" required autofocus autocomplete="username" readonly />
        </div> --}}
        <div class="mb-4">
            <label for="password" class="block text-sm font-medium text-gray-700">Nouveau mot de passe</label>
            <input type="password" name="password" id="password" required
                class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
        </div>
        <div class="mb-4">
            <label for="password_confirmation" class="block text-sm font-medium text-gray-700">Confirmez le mot de passe</label>
            <input type="password" name="password_confirmation" id="password_confirmation" required
                class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
        </div>
        <button type="submit"
            class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-md transition">
            Changer le mot de passe
        </button>
    </form>
</div>
@endsection