@extends('layout.app')

@section('title', 'Secondary Password')
@section('page-title', 'Verification Required')

@section('content')
    <div class="row">
        <div class="col-md-6 offset-md-3">
            <div class="card">
                <div class="card-header pb-0">
                    <h6 class="mb-0">Restricted Access</h6>
                </div>
                <div class="card-body">
                    <p class="text-muted mb-4">This section requires a secondary password verification for security.</p>

                    @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>Error!</strong>
                            @foreach ($errors->all() as $error)
                                <div>{{ $error }}</div>
                            @endforeach
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif

                    <form method="POST" action="{{ request()->url() }}">
                        @csrf

                        <input type="hidden" name="intended_path" value="{{ request()->url() }}">

                        <div class="mb-3">
                            <label for="secondary_password" class="form-label">Enter Secondary Password</label>
                            <input type="password" class="form-control @error('secondary_password') is-invalid @enderror"
                                id="secondary_password" name="secondary_password" placeholder="Enter password" required
                                autofocus>
                            @error('secondary_password')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="d-grid gap-2">
                            <button type="submit" class="btn btn-primary">Verify</button>
                            <a href="{{ route('bills.index') }}" class="btn btn-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection