@php
    //dd($record->getMedia);
@endphp
@extends('admin.master')
@section('content')
 <!-- Common Plugins -->
 <link href="assets/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

 <!-- Lightbox-->
 <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet">

 <!-- Custom Css-->
 <link href="assets/scss/style.css" rel="stylesheet">
    <section class="main-content">
        <div class="row">
            <div class="col-md-6">
                <div class='widget white-bg friends-group clearfix'>
                    <strong class="text-muted">Account Holder Name</strong>
                    <p>{{ $record->card_holder_name }}</p>
                    <strong class="text-muted">Account Number</strong>
                    <p>{{ $record->account_number }}</p>
                    <strong class="text-muted">Routing Number </strong>
                    <p>{{ $record->routing_number }}</p>
                    <strong class="text-muted">SSN</strong>
                    <p>{{ $record->ssn }}</p>
                    <strong class="text-muted">Mobile Number</strong>
                    <p>{{ $record->mobile_no  }}</p>
                    <strong class="text-muted">Date of Birth</strong>
                    <p>{{ $record->date_of_birth }}</p>

                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                <div class="card-header card-default">
                        Account Holder Media
                    </div>
                    <div class="card-body">
                        <strong class="text-muted">Identity Image Font</strong>
                        <div style="margin:10px 0;width:200px; height: 100px;">
                            <img style="width:100%;height:100%;object-fit:contain;" src="{{ Storage::url($record->image_front) }}">
                        </div>
                        <strong class="text-muted">Identity Image Back</strong>
                        <div style="margin:10px 0;width:200px; height: 100px;">
                            <img style="width:100%;height:100%;object-fit:contain;" src="{{ Storage::url($record->image_back) }}">
                        </div>
                        {{-- <div class="lightboxGallery">
                            @foreach ($record->getMedia as $r)
                                <a href="{{ $r->file_url }}" title="Unsplash Images" data-lightbox="gallery"><img src="{{ $r->file_url }}" alt=""></a>
                            @endforeach

                        </div> --}}
                    </div>
                </div>
            </div>
        </div>

        @include('admin.footer')
    </section>
     <!-- Common Plugins -->
     <script src="assets/lib/jquery/dist/jquery.min.js"></script>
     <script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
     <script src="assets/lib/pace/pace.min.js"></script>
     <script src="assets/lib/jasny-bootstrap/js/jasny-bootstrap.min.js"></script>
     <script src="assets/lib/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="assets/lib/nano-scroll/jquery.nanoscroller.min.js"></script>
     <script src="assets/lib/metisMenu/metisMenu.min.js"></script>
     <script src="assets/js/custom.js"></script>

     <!-- Lightbox -->
     <script src="assets/lib/lightbox2/dist/js/lightbox.min.js"></script>
@endsection