@extends('layouts.auth.app')

@section('title', 'Settlement Revocation')

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

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

@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

<!-- Search Form -->
<div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden mb-6">
    <div class="px-6 py-4 border-b border-gray-200">
        <h3 class="text-lg font-semibold text-gray-900">Search Bill</h3>
    </div>
    <div class="px-6 py-4">
        <form method="POST" action="{{ route('settlement-revocation.index') }}">
            @csrf
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                <div>
                    <label for="BillRefNo" class="block text-sm font-medium text-gray-700 mb-1">
                        Bill Reference No <span class="text-red-500">*</span>
                    </label>
                    <input type="text" id="BillRefNo" name="BillRefNo" value="{{ old('BillRefNo', $billRefNo ?? '') }}"
                        class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teal-500 focus:border-teal-500"
                        placeholder="Enter Bill Reference Number" required>
                </div>
            </div>
            <div class="flex justify-end">
                <button type="submit"
                    class="px-6 py-2 text-sm font-medium text-white bg-teal-600 rounded-lg hover:bg-teal-700 transition-colors">
                    Open Bill
                </button>
            </div>
        </form>
    </div>
</div>
@endsection