@extends('layouts.site')

@section('title', 'Maintenance Request')

@section('content')
<div class="container mx-auto px-4 py-8 max-w-md">
    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="text-center mb-6">
            <h1 class="text-2xl font-bold text-gray-800 mb-2">Maintenance Request</h1>
            <p class="text-gray-600">Enter your tenant ID to get started</p>
        </div>

        <form action="{{ route('maintenance.verify') }}" method="POST">
            @csrf
            <div class="mb-4">
                <label for="tenant_id" class="block text-sm font-medium text-gray-700 mb-2">
                    Tenant ID
                </label>
                <input 
                    type="text" 
                    id="tenant_id" 
                    name="tenant_id" 
                    value="{{ old('tenant_id') }}"
                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('tenant_id') border-red-500 @enderror"
                    placeholder="Enter your tenant ID"
                    required
                >
                @error('tenant_id')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
                <p class="mt-2 text-sm text-gray-500">
                    Don’t know your Tenant ID? Ask your landlord/manager or check your latest rent receipt.
                </p>
            </div>

            <button 
                type="submit" 
                class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200"
            >
                Continue
            </button>
        </form>

        {{-- <div class="mt-6 text-center">
            <a href="{{ route('maintenance.tenant-requests') }}" class="text-blue-600 hover:text-blue-800 text-sm">
                View my maintenance requests
            </a>
        </div> --}}
    </div>
</div>

@endsection