@extends($activeTemplate.'layouts.frontend')
@section('content')
    @php
        $breadcrumb = getContent('breadcrumb.content', true);
    @endphp
    <div class="profile-header dark--overlay bg_img" style="background-image: url({{getImage('assets/images/frontend/breadcrumb/'. @$breadcrumb->data_values->background_image, '1920x1440')}});">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="donor-profile">
                        <div class="donor-profile__thumb">
                            <img src="{{getImage('assets/images/donor/'. $donor->image, getFileSize('donor'))}}" alt="@lang('image')">
                        </div>
                        <div class="donor-profile__content">
                            <h3 class="donor-profile__name">{{__($donor->name)}}</h3>
                            <p><i class="las la-map-marker-alt mt-2"></i> @lang('City') : {{__($donor->city?->name)}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="blood-donor-info-area">
                <div class="row justify-content-center">
                    <div class="col-xl-3 col-lg-4">
                        <div class="dono-info-item d-flex align-items-center justify-content-center">
                            <h5 class="text-white me-3"><i class="las la-tint"></i> @lang('Blood Group') : </h5>
                            <p class="text--base">{{__($donor->blood?->name)}}</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 mt-lg-0 mt-3">
                        <div class="dono-info-item d-flex align-items-center justify-content-center">
                            <h5 class="text-white me-3"><i class="las la-clipboard-list"></i> @lang('Total Donate') : </h5>
                            <p class="text--base">{{__($donor->total_donate)}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="pt-100 pb-50 shade--bg">
        <div class="container">
            <div class="row gy-4">
                <div class="col-lg-12">
                    <h3>@lang('Donor Details')</h3>
                    @if($donor->details)
                        <p class="mt-2">{{__($donor->details)}}</p>
                    @endif
                    <div class="mt-4">
                        @php
                            echo showAd('820x213')
                        @endphp
                    </div>
                    <ul class="caption-list-two mt-4">
                        <li>
                            <span class="caption">@lang('Name')</span>
                            <span class="value">{{__($donor->name)}}</span>
                        </li>
                        <li>
                            <span class="caption">@lang('Gender')</span>
                            <span class="value">@if($donor->gender == 1) @lang('Male') @else @lang('Female') @endif</span>
                        </li>
                        @if($donor->birth_date)
                        <li>
                            <span class="caption">@lang('Date of Birth')</span>
                            <span class="value">{{showDateTime($donor->birth_date, 'd M Y')}}</span>
                        </li>
                        <li>
                            <span class="caption">@lang('Age')</span>
                            <span class="value">{{Carbon\Carbon::parse($donor->birth_date)->age}} @lang('Years')</span>
                        </li>
                        @endif
                        @if($donor->email)
                        <li>
                            <span class="caption">@lang('Email')</span>
                            <span class="value">{{__($donor->email)}}</span>
                        </li>
                        @endif
                        @if($donor->phone)
                        <li>
                            <span class="caption">@lang('Phone')</span>
                            <span class="value"><a href="tel:{{__($donor->phone)}}">{{__($donor->phone)}}</a></span>
                        </li>
                        <li>
                            <span class="caption">@lang('Call Now')</span>
                            <span class="value"><a href="tel:{{__($donor->phone)}}" class="btn btn-sm btn--base"><i class="las la-phone"></i> @lang('Call Now')</a></span>
                        </li>
                        @endif
                        @if($donor->profession)
                        <li>
                            <span class="caption">@lang('Profession')</span>
                            <span class="value">{{__($donor->profession)}}</span>
                        </li>
                        @endif
                    </ul>

                    <div class="mt-4">
                        @php
                            echo showAd('820x213')
                        @endphp
                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection
