@php
    $loadedAssets = json_decode($alreadyLoadedAssets ?? '[]', true);

    foreach ($loadedAssets as $asset) {
        Assets::markAsLoaded($asset);
    }
@endphp

<div class="card" id="details-card">
    @if ($person->is_dead)
        <div class="card-header justify-content-end ribbon ribbon-start">
            <div class="ribbon-label bg-dark">Décédé(e)</div>
        </div>
    @endif
    <div class="card-header flex-column align-items-center d-flex pt-13 pb-5 border-bottom-0">
        <x-person.main-image :person=$person />
        <h2 class="card-title fs-3 text-gray-800 mb-5">{{ $person->fullname }}
        </h2>
        <div class="d-flex flex-wrap justify-content-center">
            @foreach ($person->roles as $role)
                <div class="badge badge-lg {{ $role->color->class() }} me-2 mb-2 px-4 py-3">{{ $role->name }}
                </div>
            @endforeach
        </div>
    </div>
    <div class="card-body">
        <div class="d-flex flex-stack fs-4 py-3">
            <div class="fw-bold rotate collapsible" data-toggle="collapse" href="#collapse_details" role="button"
                aria-expanded="true" aria-controls="collapse_details">
                Détails
                <span class="ms-2 rotate-180">
                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->
                    <span class="svg-icon svg-icon-3">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z"
                                fill="currentColor"></path>
                        </svg>
                    </span>
                    <!--end::Svg Icon-->
                </span>
            </div>
            <button type="button" class="btn btn-sm btn-light-primary" data-action="open-modal-form"
                data-modal-route="{{ route('person.update-details.edit', ['id' => $person->id]) }}"
                data-loaded-assets={{ json_encode(Assets::loaded()) }}>
                Modifier
            </button>
        </div>
        <div class="separator"></div>
        <div id="collapse_details" class="show">
            @php
                $contactInfoSet = $person->contactInfoSet;
                $address = $person->addresses->first();
            @endphp
            @if ($contactInfoSet || $address)
                <dl class="card-deflist py-7">
                    @if (optional($contactInfoSet)->email)
                        <dt>Email</dt>
                        <dd>
                            @foreach ($contactInfoSet->emails as $email)
                                <a href="mailto:{{ $email }}">{{ $email }}</a>
                                @if (!$loop->last)
                                    <br />
                                @endif
                            @endforeach
                        </dd>
                    @endif
                    @if (optional($contactInfoSet)->mobile or optional($contactInfoSet)->telephone)
                        <dt>Téléphones</dt>
                        <dd>
                            @if ($contactInfoSet->mobile)
                                {{ $contactInfoSet->mobile }}
                            @endif
                            @if ($contactInfoSet->mobile && $contactInfoSet->telephone)
                                <br />
                            @endif
                            @if ($contactInfoSet->telephone)
                                {{ $contactInfoSet->telephone }}
                            @endif
                        </dd>
                    @endif
                    @if ($address)
                        <dt>Adresse
                            @if ($address->is_main)
                                <div class="badge badge-warning">ADM</div>
                            @endif
                        </dt>
                        <dd>{{ $address->streetAddress }}
                            <br>{{ $address->postal_code }}
                            {{ $address->locality }}
                            @if ($address->country_id)
                                <br />{{ $address->country->name }}
                            @endif
                        </dd>
                    @endif
                    @if ($person->instagram || $person->facebook || $person->twitter)
                        <dt>Réseaux sociaux</dt>
                        <dd>
                            @if ($person->facebook)
                                <a class="d-block" href="{{ $person->facebook->url }}"
                                    target="_blank">{{ $person->facebook->url }}</a>
                            @endif
                            @if ($person->instagram)
                                <a class="d-block" href="{{ $person->instagram->url }}"
                                    target="_blank">{{ $person->instagram->url }}</a>
                            @endif
                            @if ($person->twitter)
                                <a class="d-block" href="{{ $person->twitter->url }}"
                                    target="_blank">{{ $person->twitter->url }}</a>
                            @endif
                        </dd>
                    @endif
                    @if ($person->website)
                        <dt>Site Internet</dt>
                        <dd>
                            <a href="{{ $person->website->url }}" target="_blank">{{ $person->website->path }}</a>
                        </dd>
                    @endif
                </dl>
            @endif
        </div>
    </div>
</div>