<p class="text-info" style="text-align: center;">Last updated: 23 jun 2023</p>
<div class="row">
    <div class="col-4">
        <div class="row">
            <div class="col-10">
                <div class="left-inner-container"></div>
            </div>
            <div class="col-2">
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
            </div>
        </div>
    </div>

    <div class="col-4">
        <x-adminlte-card style="width: 55%;margin: auto;">
            <img class="card-img-top"
                 src="{{ asset('../images/passport-photo.jpg') }}" alt="Card image cap">
        </x-adminlte-card>

        <x-adminlte-card style="width: 70%;margin: 44px auto 0 auto;">
        </x-adminlte-card>
    </div>

    <div class="col-4">
        <div class="row">
            <div class="col-2">
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
                <div class="finger-print-container">
                    <img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
                </div>
            </div>
            <div class="col-10">
                <div class="right-inner-container"></div>
            </div>
        </div>
    </div>

    <style>
        .left-inner-container{
            background-image: url('{{ asset('images/fingerprints/lefthand.png') }}');
            background-size: 100%;
            border: 1px solid #524848;
            height: 30rem;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #b5b5b5;
            border-radius: 10px;
        }
        .right-inner-container{
            background-image: url('{{ asset('images/fingerprints/righthand.png') }}');
            background-size: 100%;
            border: 1px solid #524848;
            height: 30rem;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #b5b5b5;
            border-radius: 10px;
        }
        .finger-print-container{
            border: 1px solid black;
            height: 18%;
            border-radius: 5px;
            margin-bottom: 2%;
            text-align: center;
        }
        .finger-print-container > img{
           width: 60%;
        }
    </style>
</div>

