@section('offcanvas-title',__('lang_v1.more_info'))

@section('offcanvas-end')
    <ul class="list-group">
        @php
            $custom_labels = json_decode(session('business.custom_labels'), true);
             $numbers= [1,2,3,4,5,6,7,8,9,10]
        @endphp
        @if(!empty($contact->custom_field1))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_1'] ?? __('lang_v1.contact_custom_field1') }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field1 }}
            </p></li>
        @endif

        @if(!empty($contact->custom_field2))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_2'] ?? __('lang_v1.contact_custom_field2') }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field2 }}
            </p></li>
        @endif

        @if(!empty($contact->custom_field3))
            <li class="list-group-item " aria-current="true">
                <strong>{{ $custom_labels['contact']['custom_field_3'] ?? __('lang_v1.contact_custom_field3') }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field3 }}
            </p></li>
        @endif

        @if(!empty($contact->custom_field4))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_4'] ?? __('lang_v1.contact_custom_field4') }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field4 }}
            </p></li>
        @endif

        @if(!empty($contact->custom_field5))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_5'] ?? __('lang_v1.custom_field', ['number' => 5]) }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field5 }}
            </p></li>
        @endif

        @if(!empty($contact->custom_field6))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_6'] ?? __('lang_v1.custom_field', ['number' => 6]) }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field6 }}
            </p></li>
        @endif

        @if(!empty($contact->custom_field7))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_7'] ?? __('lang_v1.custom_field', ['number' => 7]) }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field7 }}
            </p></li>
        @endif
        @if(!empty($contact->custom_field8))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_8'] ?? __('lang_v1.custom_field', ['number' => 8]) }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field8 }}
            </p></li>
        @endif
        @if(!empty($contact->custom_field9))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_9'] ?? __('lang_v1.custom_field', ['number' => 9]) }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field9 }}
            </p>
            </li>
        @endif

        @if(!empty($contact->custom_field10))
            <li class="list-group-item " aria-current="true">
            <strong>{{ $custom_labels['contact']['custom_field_10'] ?? __('lang_v1.custom_field', ['number' => 10]) }}</strong>
            <p class="text-muted">
                {{ $contact->custom_field10 }}
            </p>
            </li>
        @endif

        <li class="list-group-item " aria-current="true">
        <strong>  @lang('contact.tax_no')</strong>
        <p class="text-muted">
            {{ $contact->tax_number }}
        </p></li>
        @if($contact->pay_term_number)
            <li class="list-group-item " aria-current="true">
            <strong>   @lang('contact.pay_term') </strong>
            <p class="text-muted">
                {{  $contact->pay_term_number  . ' ' . __('lang_v1.' . $contact->pay_term_type) }}
            </p></li>
        @endif


    </ul>
@stop

<div class="card mb-6" >
    <div class="user-profile-header-banner"  >
        <img src="{{asset('assets/img/pages/profile-banner.png')}}" alt="Banner image" class="rounded-top">
    </div>
    <div class="user-profile-header d-flex flex-column flex-sm-row text-sm-start text-center mb-5">
        <div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">
         <img  src="{{ asset('assets/admin/imgs/not-selected.jpg') }}" class="d-block h-auto ms-0 ms-sm-5 rounded-4 user-profile-img">
        </div>
        <div class="flex-grow-1 mt-4 mt-sm-12">
            <li class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-6">
                <li class="user-profile-info">
                    <h4 class="mb-4">{{ $contact->name }}</h4>
                    <ul class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4">
                        <li class="list-inline-item">
                            <i class="ri-building-line me-2 ri-24px "  data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('business.business_name')}}"></i><span class="fw-medium">
                                {{$contact->supplier_business_name ?? ' '}}</span>
                        </li>
                        <li class="list-inline-item">
                            <i class="ri-map-pin-line me-2 ri-24px "  data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('business.address')}}"></i><span class="fw-medium">{{ $contact->address ?? ' '}}</span>
                        </li>
                        <li class="list-inline-item">
                            <i class="ri-phone-fill me-2 ri-24px " data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('contact.mobile')}}"></i><span class="fw-medium"> {{ $contact->mobile}}</span>
                        </li>
                        <li class="list-inline-item">
                            <i class="ri-phone-fill me-2 ri-24px " data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('contact.alternate_contact_number')}}"></i><span class="fw-medium"> {{ $contact->alternate_number}}</span>
                        </li>
                        <li class="list-inline-item">
                            <i class="ri-calendar-event-fill me-2 ri-24px " data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('lang_v1.dob')}}"></i><span class="fw-medium"> {{ @format_date($contact->dob) }}</span>
                        </li>

                        <li class="list-inline-item">
                            <button class=" btn-label-primary btn-sm" type="button" data-bs-toggle="offcanvas"  data-bs-placement="top" title="{{__('lang_v1.more_info')}}" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd"><i class="ri-external-link-line"></i></button>
                        </li>
                        @if( $contact->type == 'supplier' || $contact->type == 'both')
                        <li class="list-inline-item">
                                @if(($contact->total_purchase - $contact->purchase_paid) > 0)
                                    <a href="{{action([\App\Http\Controllers\TransactionPaymentController::class, 'getPayContactDue'], [$contact->id])}}?type=purchase" class="pay_purchase_due tw-dw-btn tw-dw-btn-primary tw-text-white tw-dw-btn-sm pull-right"><i class="fas fa-money-bill-alt" aria-hidden="true"></i> @lang("contact.pay_due_amount")</a>
                                @endif
                            </li>
                        @endif
                        <li class="list-inline-item hide">
                            <button type="button" class="btn btn-label-primary" data-toggle="modal" data-target="#add_discount_modal">@lang('lang_v1.add_discount')</button>
                        </li>
                    </ul>

        </div>

   </div>

</div>

<span id="view_contact_page"></span>