@extends('layouts.app')

@section('content')
<div class="container d-flex justify-content-center align-items-center" style="height: 80vh;">
    <div class="card shadow p-4" style="width: 100%; max-width: 500px;">
        <h4 class="mb-3 text-center">Request Chat Password</h4>
        <p class="text-muted text-center small">Secure your chats with a password. Send a request to the admin.</p>
        
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        
        @if(session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        <form action="{{ route('chat.store_request') }}" method="POST">
            @csrf
            
            <div class="text-center">
                <button type="submit" class="btn btn-dark w-100">Send Request</button>
            </div>
        </form>
        
        <div class="mt-3 text-center">
             <a href="{{ url('/') }}" class="small">Cancel</a>
        </div>
    </div>
</div>
@endsection