1+ <div class =" details-wrapper" ...attributes>
2+ {{! ACCOUNT DETAILS }}
3+ <ContentPanel @title =" Account Details" @open ={{ true }} @wrapperClass =" bordered-top" >
4+ <div class =" grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs dark:text-gray-100" >
5+
6+ <div class =" col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1" >
7+ Account Information
8+ </div >
9+
10+ <div class =" field-info-container" >
11+ <div class =" field-name" >Account Name</div >
12+ <div class =" field-value" >{{ n-a @resource.name }} </div >
13+ </div >
14+
15+ <div class =" field-info-container" >
16+ <div class =" field-name" >Account Code</div >
17+ <div class =" field-value font-mono" >{{ n-a @resource.code }} </div >
18+ </div >
19+
20+ <div class =" field-info-container" >
21+ <div class =" field-name" >Type</div >
22+ <div class =" field-value" >{{ n-a (titleize @resource.type )}} </div >
23+ </div >
24+
25+ <div class =" field-info-container" >
26+ <div class =" field-name" >Status</div >
27+ <div class =" field-value" >
28+ <Badge @status ={{ @resource.status }} >{{ titleize @resource.status }} </Badge >
29+ </div >
30+ </div >
31+
32+ <div class =" field-info-container" >
33+ <div class =" field-name" >Currency</div >
34+ <div class =" field-value" >{{ n-a @resource.currency }} </div >
35+ </div >
36+
37+ {{ #if @resource.description }}
38+ <div class =" field-info-container col-span-2" >
39+ <div class =" field-name" >Description</div >
40+ <div class =" field-value" >{{ @resource.description }} </div >
41+ </div >
42+ {{ /if }}
43+
44+ <div class =" col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3" >
45+ Balance
46+ </div >
47+
48+ <div class =" field-info-container" >
49+ <div class =" field-name" >Current Balance</div >
50+ <div class =" field-value text-xl font-bold text-gray-900 dark:text-white" >{{ format-currency @resource.balance @resource.currency }} </div >
51+ </div >
52+
53+ </div >
54+ </ContentPanel >
55+
56+ {{! RECORD INFO }}
57+ <ContentPanel @title =" Record Info" @open ={{ true }} @wrapperClass =" bordered-top" >
58+ <div class =" grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs dark:text-gray-100" >
59+
60+ <div class =" field-info-container" >
61+ <div class =" field-name" >Internal ID</div >
62+ <div class =" field-value font-mono" >{{ n-a @resource.public_id }} </div >
63+ </div >
64+
65+ <div class =" field-info-container" >
66+ <div class =" field-name" >Created</div >
67+ <div class =" field-value" >{{ n-a @resource.createdAt }} </div >
68+ </div >
69+
70+ <div class =" field-info-container" >
71+ <div class =" field-name" >Last Updated</div >
72+ <div class =" field-value" >{{ n-a @resource.updatedAt }} </div >
73+ </div >
74+
75+ </div >
76+ </ContentPanel >
77+ <Spacer @height =" 200px" />
78+ </div >
0 commit comments