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

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

<div class="card card-flush" id="details-card">
    <div class="card-header flex-column align-items-center d-flex pt-13 pb-5 border-bottom-0">
        <x-organization.main-image :organization=$organization />
        <h2 class="card-title text-center">{{ $organization->title }}</h2>
        <div class="d-flex flex-wrap justify-content-center">
            @foreach ($organization->organizationTypes as $organizationType)
                <div class="badge badge-lg {{ $organizationType->color->class() }} me-2 mb-2 px-4 py-3">
                    {{ $organizationType->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('organization.update-details.edit', ['id' => $organization->id]) }}"
                data-loaded-assets={{ json_encode(Assets::loaded()) }}>
                Modifier
            </button>
        </div>
        <div class="separator"></div>
        <div id="collapse_details" class="show">
            @php
                $contactInfoSet = $organization->contactInfoSet;
                $address = $organization->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 ($organization->instagram || $organization->facebook || $organization->twitter)
                        <dt>Réseaux sociaux</dt>
                        <dd>
                            @if ($organization->facebook)
                                <a class="d-block" href="{{ $organization->facebook->url }}"
                                    target="_blank">{{ $organization->facebook->url }}</a>
                            @endif
                            @if ($organization->instagram)
                                <a class="d-block" href="{{ $organization->instagram->url }}"
                                    target="_blank">{{ $organization->instagram->url }}</a>
                            @endif
                            @if ($organization->twitter)
                                <a class="d-block" href="{{ $organization->twitter->url }}"
                                    target="_blank">{{ $organization->twitter->url }}</a>
                            @endif
                        </dd>
                    @endif
                    @if ($organization->website)
                        <dt>Site Internet</dt>
                        <dd>
                            <a href="{{ $organization->website->url }}"
                                target="_blank">{{ $organization->website->path }}</a>
                        </dd>
                    @endif
                </dl>
            @endif
        </div>
    </div>
</div>