@@ -1064,7 +1064,10 @@ defmodule AlgoraWeb.Org.JobLive do
10641064 < div >
10651065 < div class = "flex items-center gap-1 text-base text-foreground " >
10661066 < . link navigate = { User . url ( @ user ) } class = "font-semibold hover:underline " >
1067- { @ user . name } { Algora.Misc.CountryEmojis . get ( @ user . country ) }
1067+ { @ user . name }
1068+ < span :if = { @ user . country } >
1069+ { Algora.Misc.CountryEmojis . get ( @ user . country ) }
1070+ </ span >
10681071 </ . link >
10691072 </ div >
10701073 < div
@@ -1419,7 +1422,9 @@ defmodule AlgoraWeb.Org.JobLive do
14191422 < div >
14201423 < div class = "flex items-center gap-1 text-base text-foreground " >
14211424 < span class = "font-semibold " > { @ selected_developer . name } </ span >
1422- { Algora.Misc.CountryEmojis . get ( @ selected_developer . country ) }
1425+ < span :if = { @ selected_developer . country } >
1426+ { Algora.Misc.CountryEmojis . get ( @ selected_developer . country ) }
1427+ </ span >
14231428 </ div >
14241429
14251430 < div
@@ -1537,14 +1542,62 @@ defmodule AlgoraWeb.Org.JobLive do
15371542 ~H"""
15381543 < . drawer show = { @ show_payment_drawer } on_cancel = { JS . push ( "close_payment_drawer" ) } direction = "right " >
15391544 < . drawer_header >
1540- < . drawer_title > Activate Subscription</ . drawer_title >
1545+ < . drawer_title > Annual Hiring Subscription</ . drawer_title >
15411546 < . drawer_description >
1542- Choose your preferred payment method
1547+ Source, screen, interview and onboard with Algora
15431548 </ . drawer_description >
15441549 </ . drawer_header >
15451550
1546- < . drawer_content :if = { @ current_org . subscription_price } class = "mt-4 " >
1547- < . form for = { @ payment_form } phx-submit = "process_payment " >
1551+ < . drawer_content :if = { @ current_org . subscription_price } >
1552+ < ul class = "space-y-3 text-sm " >
1553+ < li class = "flex items-center gap-2 " >
1554+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1555+ < . icon name = "tabler-speakerphone " class = "size-4 text-success-300 " />
1556+ </ div >
1557+ < span >
1558+ < span class = "font-semibold text-success-300 " > Reach 50K+ devs</ span >
1559+ < br class = "md:hidden " /> with unlimited job postings
1560+ </ span >
1561+ </ li >
1562+ < li class = "flex items-center gap-2 " >
1563+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1564+ < . icon name = "tabler-lock-open " class = "size-4 text-success-300 " />
1565+ </ div >
1566+ < span >
1567+ < span class = "font-semibold text-success-300 " > Access top 1% users</ span >
1568+ < br class = "md:hidden " /> matching your preferences
1569+ </ span >
1570+ </ li >
1571+ < li class = "flex items-center gap-2 " >
1572+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1573+ < . icon name = "tabler-wand " class = "size-4 text-success-300 " />
1574+ </ div >
1575+ < span >
1576+ < span class = "font-semibold text-success-300 " > Auto-rank applicants</ span >
1577+ < br class = "md:hidden " /> for OSS contribution history
1578+ </ span >
1579+ </ li >
1580+ < li class = "flex items-center gap-2 " >
1581+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1582+ < . icon name = "tabler-currency-dollar " class = "size-4 text-success-300 " />
1583+ </ div >
1584+ < span >
1585+ < span class = "font-semibold text-success-300 " > Trial top candidates</ span >
1586+ < br class = "md:hidden " /> using contracts and bounties
1587+ </ span >
1588+ </ li >
1589+ < li class = "flex items-center gap-2 " >
1590+ < div class = "shrink-0 flex items-center justify-center rounded-full bg-success-300/10 size-6 border border-success-300/20 " >
1591+ < . icon name = "tabler-moneybag " class = "size-4 text-success-300 " />
1592+ </ div >
1593+ < span >
1594+ < span class = "font-semibold text-success-300 " > 0% placement fee</ span >
1595+ < br class = "md:hidden " /> for successful hires
1596+ </ span >
1597+ </ li >
1598+ </ ul >
1599+
1600+ < . form for = { @ payment_form } phx-submit = "process_payment " class = "mt-4 " >
15481601 < div class = "space-y-6 " >
15491602 < div class = "grid grid-cols-2 gap-4 " phx-update = "ignore " id = "payment-form-tabs " >
15501603 <%= for { label , value } <- [ { "Stripe" , "stripe" } , { "Wire Transfer" , "wire" } ] do %>
0 commit comments