@extends('layouts.admin')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">
        {{ tr('accounts_viewers') }}
    </h2>

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li><i class="ri-home-4-line fs-16 me-2 text-primary"></i></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ tr('home') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.accounts_viewer.index') }}">{{ tr('accounts_viewers') }}</a></li>
            <li class="breadcrumb-item active">{{ tr('accounts_viewer_details') }}</li>
        </ol>
    </nav>
</div>
@endsection

@section('content')

<div class="row justify-content-start">
    <div class="col-xl-12">

        <div class="detail-container">

            <h4 class="mb-4 d-flex align-items-center">
                <i class="ri-file-list-3-line text-primary fs-22 me-2"></i>
                {{ tr('accounts_viewer_details') }}
            </h4>

            <div class="row">
                @php

                    $fields = [
                        ['unique_id', 'ri-hashtag', $accounts_viewer->unique_id],
                        ['name', 'ri-bank-card-line', $accounts_viewer->name],
                        ['email' , 'ri-currency-line', $accounts_viewer->email],
                    ];
                @endphp

                @foreach ($fields as $f)
                    @if(filled($f[2]))
                
                        <div class="col-md-4 detail-row">
                            <div class="detail-label">
                                <i class="{{ $f[1] }}"></i> {{ tr($f[0]) }}
                            </div>
                            <div class="detail-value">{{ $f[2] ?: tr('na') }}</div>
                        </div>
                    @endif
                @endforeach

                <div class="col-md-4 detail-row">
                    <div class="detail-label">
                        <i class="ri-shield-check-line"></i> {{ tr('status') }}
                    </div>
                    <div class="detail-value">
                            <span class="badge {{ $accounts_viewer->status ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }}">
                                   {{ $accounts_viewer->status ? tr('active') : tr('deactivated') }}
                            </span>
                    </div>
                </div>

                <div class="col-md-4 detail-row">
                    <div class="detail-label">
                        <i class="ri-time-line"></i> {{ tr('created_at') }}
                    </div>
                    <div class="detail-value">
                        {{ common_date($accounts_viewer->created_at, auth('admin')->user()->timezone ?? DEFAULT_TIMEZONE, 'd M Y h:i A') }}
                    </div>
                </div>

                <div class="col-md-4 detail-row">
                    <div class="detail-label">
                        <i class="ri-refresh-line"></i> {{ tr('updated_at') }}
                    </div>
                    <div class="detail-value">
                        {{ common_date($accounts_viewer->updated_at, auth('admin')->user()->timezone ?? DEFAULT_TIMEZONE, 'd M Y h:i A') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection