@extends('layouts.auth.app')

@section('title', 'Revise a Bill')

@section('content')
<div class="mb-6">
    <h2 class="text-xl font-semibold text-gray-900">Operation Manager - Revise a Bill</h2>
</div>

@if(session('error'))
    <div class="mb-4 p-4 bg-red-50 border border-red-200 text-red-700 rounded-lg">
        {{ session('error') }}
    </div>
@endif

@if($errors->any())
    <div class="mb-4 p-4 bg-red-50 border border-red-200 text-red-700 rounded-lg">
        <ul class="list-disc list-inside">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden max-w-2xl mx-auto">
    <div class="px-6 py-4 border-b border-gray-200">
        <h3 class="text-lg font-semibold text-gray-900">Enter Bill Reference Number</h3>
    </div>
    <div class="px-6 py-6">
        <form method="POST" action="{{ route('revise-bill-summary.process-lookup') }}">
            @csrf
            <div class="mb-4">
                <label for="BillRefNo" class="block text-sm font-medium text-gray-700 mb-2">
                    Bill Ref No <span class="text-red-500">*</span>
                </label>
                <input type="text"
                    id="BillRefNo"
                    name="BillRefNo"
                    value="{{ old('BillRefNo') }}"
                    class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500 text-lg"
                    placeholder="Enter Bill Ref No (e.g., AB00032 or SB00123)"
                    required
                    autofocus>
                <p class="mt-2 text-sm text-gray-500">
                    Enter an Assessment Bill reference (starts with AB) or Service Bill reference (starts with SB)
                </p>
            </div>

            <div class="flex items-center justify-between">
                <a href="{{ route('revise-bill-summary.index') }}"
                    class="text-sm text-gray-600 hover:text-teal-600">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
                    </svg>
                    Back to Summary Report
                </a>
                <button type="submit"
                    class="px-6 py-3 text-sm font-medium text-white bg-teal-600 rounded-lg hover:bg-teal-700 transition-colors">
                    Open Bill
                </button>
            </div>
        </form>
    </div>
</div>

<div class="mt-6 max-w-2xl mx-auto">
    <div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
        <div class="flex">
            <div class="flex-shrink-0">
                <svg class="h-5 w-5 text-blue-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3">
                <h3 class="text-sm font-medium text-blue-800">Information</h3>
                <div class="mt-2 text-sm text-blue-700">
                    <p>This page allows you to quickly access a specific bill for revision.</p>
                    <ul class="list-disc list-inside mt-2 space-y-1">
                        <li>Assessment Bills start with <strong>AB</strong> (e.g., AB00032)</li>
                        <li>Service Bills start with <strong>SB</strong> (e.g., SB00123)</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection