@extends('layouts.app')
@section('header')
<div class="header" style="padding:20px;">
<h5 style="font-weight: 600;"><i class="fa-solid fa-magnifying-glass"></i> IPRS Identity Search </h5>
</div>
@endsection

@section('content')

    <div class="row">
        <div class="col-sm-6">
    <form method="POST" action="{{url('/')}}/iprs-search">
        @csrf 
        <div class="form-group">
            <label for="identifier">National ID Number:</label>
            <input type="text" id="identifier" name="identifier" 
                   value="{{ old('identifier', $identifier ?? '') }}" 
                   placeholder="Enter 8-10 digit ID number" required class="form-control">
            @error('identifier')
                <div class="error" style="margin-top: 5px;">{{ $message }}</div>
            @enderror
        </div>

        <button type="submit" class="btn btn-sm btn-warning">Search IPRS Database</button>
    </form>


    <!-- Display API-Level Errors -->
    @if (isset($errorMessage) && $errorMessage)
        <div class="error">
            <strong>Search Failed:</strong> {{ $errorMessage }}
        </div>
    @endif

    <!-- Display Search Results -->
    @if (isset($result) && $result)
        <div class="success-box mt-2">
            <strong>Search Successful!</strong> Details for ID <code>{{ $identifier }}</code> found.
        </div>

        <table class="result-table table table-bordered mt-3">
            <tbody>
                <tr><th>Full Name</th><td>{{ $result['first_name'] ?? '' }} {{ $result['middle_name'] ?? '' }} {{ $result['last_name'] ?? '' }}</td></tr>
                <!-- <tr><th>ID Number</th><td>{{ $result['id_number'] ?? '' }}</td></tr> -->
                <tr><th>Identification type</th><td>{{ $result['identification_type'] ?? '' }}</td></tr>
                <tr><th>Gender</th><td>{{ $result['gender'] ?? '' }}</td></tr>
                <tr><th>Date of Birth</th><td>{{ \Carbon\Carbon::parse($result['date_of_birth'])->format('d M, Y') ?? '' }}</td></tr>
                <tr><th>Citizenship</th><td>{{ $result['citizenship'] ?? '' }}</td></tr>
                <tr><th>Place of Birth</th><td>{{ $result['place_of_birth'] ?? '' }}</td></tr>
                
                <tr><th>Serial Number</th><td>{{ $result['id_serial'] ?? '' }}</td></tr>
                <tr><th>County</th><td>{{ $result['county'] ?? ''}}</td></tr>
                <tr><th>Sub County</th><td>{{ $result['sub_county'] ?? ''}}</td></tr>
                <tr><th>Ward</th><td>{{ $result['ward'] ?? ''}}</td></tr>
                <tr><th>Village</th><td>{{ $result['village_estate'] ?? ''}}</td></tr>
                
                <!-- Display Images if available (Base64 data needs to be pre-fixed with mime type) -->
                @if ($result['photo'] ?? null)
                <tr>
                    <th>Photo</th>
                    <td>
                        
                            <img src="data:image/png;base64,{{ $result['photo'] }}" alt="Photo" class="result-image">
                    </td>
                </tr>
                @else
                            
                @endif
                @if ($result['signature'] ?? null)
                <tr>
                    <th>Signature</th>
                    <td>
                            <img src="data:image/png;base64,{{ $result['signature'] }}" alt="Signature" class="result-image">
                    </td>
                </tr>
                @else
                            
                @endif

                <!-- Fingerprint data is typically not displayed directly -->
            </tbody>
        </table>
    @endif
        </div>
    </div>
@endsection