@extends('layouts.app')

@section('content')
    <header class="page-header">
        <div>
            <h1>{{ $organization->name }}</h1>
            <p>{{ $organization->city }} @if($organization->country) - {{ $organization->country }} @endif</p>
        </div>
        <div class="actions">
            @if($organization->bestEmail())
                <a class="primary small" href="mailto:{{ $organization->bestEmail() }}">Envoyer un mail</a>
            @endif
            <a class="secondary small" href="{{ route('organizations.edit', $organization) }}">Modifier</a>
            <form method="post" action="{{ route('organizations.destroy', $organization) }}" onsubmit="return confirm('Supprimer cette fiche ?')">
                @csrf
                @method('delete')
                <button class="danger small">Supprimer</button>
            </form>
        </div>
    </header>

    <section class="two-columns">
        <article class="panel">
            <h2>Fiche</h2>
            <dl class="details">
                <dt>Type</dt><dd>{{ $organization->organizer_types ?: 'À compléter' }}</dd>
                <dt>Esthétiques</dt><dd>{{ $organization->aesthetics ?: 'À compléter' }}</dd>
                <dt>Formats</dt><dd>{{ $organization->formats ?: 'À compléter' }}</dd>
                <dt>Périodes</dt><dd>{{ $organization->periods ?: 'À compléter' }}</dd>
                <dt>Email</dt><dd>{{ $organization->bestEmail() ?: 'À vérifier' }}</dd>
                <dt>Contact</dt><dd>{{ $organization->contactLabel() }}</dd>
                <dt>Téléphone</dt><dd>{{ $organization->contact_phone ?: $organization->phone ?: 'À vérifier' }}</dd>
                <dt>Site</dt><dd>@if($organization->website)<a href="{{ $organization->website }}" target="_blank" rel="noopener">{{ $organization->website }}</a>@else À vérifier @endif</dd>
                <dt>Adresse</dt><dd>{{ $organization->address }} {{ $organization->postal_code }} {{ $organization->city }}</dd>
            </dl>
        </article>

        <article class="panel">
            <h2>Suivi</h2>
            <dl class="details">
                <dt>Statut</dt><dd>{{ $organization->commercial_status }}</dd>
                <dt>Priorité</dt><dd>{{ $organization->priority }}</dd>
                <dt>Relance</dt><dd>{{ $organization->follow_up_at ?: 'Non prévue' }}</dd>
                <dt>Notes</dt><dd>{{ $organization->notes ?: 'Aucune note' }}</dd>
            </dl>
        </article>
    </section>

    <section class="panel">
        <h2>Carte</h2>
        <div id="organizer-map"></div>
    </section>

    <section class="two-columns">
        <article class="panel">
            <h2>Ajouter une action</h2>
            <form method="post" action="{{ route('organizations.actions.store', $organization) }}" class="form-grid">
                @csrf
                <label>Date<input type="date" name="happened_at" value="{{ now()->format('Y-m-d') }}" required></label>
                <label>Type
                    <select name="type" required>
                        <option>Email</option>
                        <option>Téléphone</option>
                        <option>Rencontre</option>
                        <option>Autre</option>
                    </select>
                </label>
                <label>Prochaine action<input name="next_action"></label>
                <label>Date de relance<input type="date" name="follow_up_at"></label>
                <label class="full">Résumé<textarea name="summary" rows="4" required></textarea></label>
                <button class="primary">Ajouter</button>
            </form>
        </article>

        <article class="panel">
            <h2>Historique</h2>
            @forelse($organization->actions as $action)
                <div class="compact-row">
                    <strong>{{ $action->happened_at }}</strong>
                    <span>{{ $action->type }}</span>
                    <p>{{ $action->summary }}</p>
                </div>
            @empty
                <p class="muted">Aucune action enregistrée.</p>
            @endforelse
        </article>
    </section>
@endsection

@push('scripts')
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
const currentId = {{ $organization->id }};
const markers = @json($markers);
const current = markers.find(marker => marker.id === currentId);
const map = L.map('organizer-map').setView(current ? [current.latitude, current.longitude] : [46.7, 2.5], current ? 10 : 6);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18 }).addTo(map);
markers.forEach(marker => {
    const pin = L.circleMarker([marker.latitude, marker.longitude], {
        radius: marker.id === currentId ? 8 : 5,
        color: marker.id === currentId ? '#c7352a' : '#0f6b5f',
        fillOpacity: 0.8
    }).addTo(map);
    pin.bindPopup(`<strong>${marker.name}</strong><br>${marker.city || ''}`);
});
</script>
@endpush