@extends('layouts.master')
@section('content')
    <style>
        input[type="checkbox"] {
            height: 22px;
            width: 22px;
        }
    </style>


    <div class="container-xxl flex-grow-1 container-p-y">

        {{-- @dd($record); --}}
        <div class="card container" style="display: grid;height: 100%;">
            <h3 class="" style="margin-top: 10px;">Attendee Detail</h3>
            <div class="table-responsive text-nowrap container" style="display: inline-table !important;">
                <table class="display table " style="height: 100%;">

                    <tbody>
                        <tr>
                            <th>Attendee Face</th>
                            <td>
                                <img src="data:image/png;base64, {{ $record['face_image'] ?? '' }}" alt="Red dot" style="height: 100px; width: 100px;" />
                            </td>
                        </tr>

                        <tr>
                            <th>Name</th>
                            <td>
                                {{ $record['attendee_name'] ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <th>Attendee Id</th>
                            <td>
                                {{ $record['local_id'] ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>
                                {{ $record['attendee_email'] ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>
                                {{ $record['attendee_phone_number'] ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <th>Address</th>
                            <td>
                                {{ $record['attendee_address'] ?? '' }}
                            </td>
                        </tr>

                        <tr>
                            <th>Camera </th>
                            <td>
                                {{ $record['camera']['cameraname'] ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <th>Region</th>
                            <td>
                                {{ $record['region']['region'] ?? '' }}
                            </td>
                        </tr>

                    </tbody>
                </table>
                <div class="d-flex justify-content-end ">

                    <a href="{{ route('faces.all') }}" class="btn btn-secondary btn-sm">View All Faces</a>
                </div>
            </div>
        </div>
        <div class="row" style=" text-align: center; display: block; margin-top: 100px; margin-bottom: 65px; ">
            {{-- <a href="" class="btn btn-secondary" style="width: 150px;margin-right: 50px;">Back</a> --}}
            {{-- <a href="" class="btn btn-primary" style="width: 150px;">Next</a> --}}
        </div>


    </div>



    <!-- testing -->
@endSection
