name : host-public-page.blade.php <div> <div class="my-12 text-3xl text-center"> {{ $user->name }} </div> <div class="max-w-4xl mx-auto"> @if ( $user->profile_photo_path != null ) <div class="mb-8 mx-auto h-36 w-36 rounded-full overflow-hidden"> <img src="{{ Storage::url( $user->profile_photo_path ) }}" class="object-cover" alt=""> </div> @endif <div class="mt-6 mb-12"> @if ( $user->UserMeta->show_total == true ) <div class="mb-6 text-center uppercase"> Amount Raised </div> <div class="mb-12 text-6xl text-center text-mp-blue-green font-display"> ${{ App\Models\Gift::where('user_id', '=', $user->id )->where('created_at', '>', date('Y').'-01-01')->sum('gift_total') }} </div> @endif <div class="mb-12"> <div class="text-center"> <a href="/catalog" class="inline-block px-4 py-3 text-2xl text-white bg-mp-blue-green">Shop the Giving Catalog</a> </div> </div> <div class="mb-12"> <div class="text-center font-display text-mp-navy text-xl"> <a href="/" class="hover:text-mp-coral">Learn more about Housing Hope Nashville, a unique fundraiser for The Mary Parrish Center</a> </div> </div> @php if ( $user->UserMeta->goal ){ $hostGoalProgress = ( App\Models\Gift::where('user_id', '=', $user->id )->where('created_at', '>', date('Y').'-01-01')->sum('gift_total') / $user->UserMeta->goal ) * 100; } @endphp @if ( $user->UserMeta->show_goal == true ) <div class="mb-8"> <div class="relative pt-1"> <div class="mt-6 mb-4 text-xl text-center"> Please help me reach my goal of raising <span class="text-green-700 font-bold">${{ $user->UserMeta->goal }}</span> for The Mary Parrish Center </div> <div class="overflow-hidden h-4 mb-4 text-xs flex rounded-full bg-gray-200"> <div style="width:@php echo $hostGoalProgress @endphp%" class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-mp-blue-green"></div> </div> <div class="flex items-center justify-between"> <div> <span class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-white bg-mp-blue-green"> Progress Toward My Goal </span> </div> <div class="text-right"> <span class="text-xs font-semibold inline-block text-mp-blue-green"> @php echo number_format($hostGoalProgress, 0) @endphp% </span> </div> </div> </div> </div> @endif </div> @if ( $user->UserMeta->show_rationale === 1 ) <div class="mb-16 bg-white rounded-md"> <div class="mb-8 text-3xl text-center">Why I'm supporting Housing Hope</div> <p class="text-xl"> {!! nl2br(e( $user->UserMeta->rationale )) !!} </p> </div> @endif </div> <div id="mpc" class="bg-mp-coral py-16"> <div class="container mx-auto px-4 lg:px-0"> <img src="/storage/primary/mp_green_logo.png" class="mx-auto w-64 mb-8" alt=""> <div class="mb-4 text-3xl lg:text-4xl text-center text-navy font-display italic leading-tight">About The Mary Parrish Center</div> <p class="mb-12 max-w-4xl mx-auto text-xl lg:text-2xl text-white text-center leading-tight">The Mary Parrish Center provides vital services that help survivors through <b>the stages of rebuilding</b> their lives following interpersonal violence.</p> <div class="mx-auto p-6 grid gap-6 lg:gap-12 max-w-4xl lg:p-0 lg:grid-cols-3"> <div class="px-3 py-4 bg-mp-navy rounded shadow-lg"> <div class="my-6 text-center text-2xl text-mp-coral font-display italic">Gain independence from abusers</div> <p class="mb-4 text-white text-center">We provide transitional housing to survivors of interpersonal violence including domestic violence, dating violence, sexual assault, stalking, and/or human trafficking.</p> </div> <div class="px-3 py-4 bg-white rounded shadow-lg"> <div class="my-6 text-center text-2xl text-mp-coral font-display italic">Become self-sufficient</div> <p class="mb-4 text-mp-navy text-center">We help survivors rebuild their lives through a wide range of flexible and optional support services, including clinical therapy, emergency financial assistance, housing advocacy, enrichment activities, case management and financial advocacy.</p> </div> <div class="px-3 py-4 bg-mp-navy rounded shadow-lg"> <div class="my-6 text-center text-2xl text-mp-coral font-display italic">Secure permanent housing</div> <p class="mb-4 text-white text-center">We assist survivors in finding permanent housing for themselves and their families.</p> </div> </div> <div class="text-center"> <a href="https://www.maryparrish.org" target="_blank"><button class="mt-12 px-4 py-4 border-2 border-solid hover:border-white hover:bg-white border-mp-navy text-xl text-mp-navy hover:text-mp-coral rounded">Visit our website for more information</button></a> </div> </div> </div> </div>