@extends('admin.layout')
@section('titre', 'Envoyer un mail')
@section('contenu')
    <a href="{{ route('admin.fiche', [$produit->cle(), $adhesion->pk_adhesion]) }}" class="small text-decoration-none"><i class="fa-solid fa-arrow-left"></i> Retour à la fiche</a>
    <h1 class="admin-titre my-3">Envoi d'un mail à {!! $adhesion->client?->prenom !!} {!! $adhesion->client?->nom !!}</h1>
    <form method="POST" action="{{ route('admin.email.envoyer', [$produit->cle(), $adhesion->pk_adhesion, $type]) }}" enctype="multipart/form-data" class="card shadow-sm">
        @csrf
        <div class="card-body row g-3">
            <div class="col-md-6">
                <label class="form-label small" for="destinataire">Destinataire</label>
                <input type="email" class="form-control" id="destinataire" name="destinataire" value="{{ old('destinataire', $destinataire) }}" list="destinataires" required>
                @if ($type === 'attestation')
                    <datalist id="destinataires">
                        <option value="{{ $destinataire }}">
                        @foreach (\App\Http\Controllers\Admin\EmailController::DESTINATAIRES_ATTESTATION as $email => $libelle)<option value="{{ $email }}">{{ $libelle }}</option>@endforeach
                    </datalist>
                    <div class="form-text">Plateformes : Hiflow, Gustave Auto, Activ Convoi, Pop Valet (liste proposée en saisissant).</div>
                @endif
            </div>
            <div class="col-md-6"><label class="form-label small" for="copie">Copie</label><input type="email" class="form-control" id="copie" name="copie" value="{{ old('copie', $copie) }}"></div>
            <div class="col-12"><label class="form-label small" for="sujet">Sujet</label><input class="form-control" id="sujet" name="sujet" value="{{ old('sujet', $sujet) }}" required></div>
            <div class="col-12"><label class="form-label small" for="message">Message</label><textarea class="form-control font-monospace small" id="message" name="message" rows="16" required>{{ old('message', $contenu) }}</textarea><div class="form-text">Le HTML est accepté ; les retours à la ligne sont conservés.</div></div>
            @if ($type === 'attestation')
                <div class="col-12 small"><i class="fa-regular fa-file-pdf"></i> Pièce jointe : {{ $produit->cle() === 'convoyeurs' ? "attestation" : 'certificat' }} du contrat (générée automatiquement)</div>
            @else
                <div class="col-md-6"><label class="form-label small">Pièce jointe 1</label><input type="file" class="form-control" name="pj1"></div>
                <div class="col-md-6"><label class="form-label small">Pièce jointe 2</label><input type="file" class="form-control" name="pj2"></div>
            @endif
        </div>
        <div class="card-footer bg-white d-flex gap-2">
            <button class="btn btn-success"><i class="fa-solid fa-paper-plane me-1"></i> Envoyer</button>
            <button type="button" class="btn btn-outline-secondary" onclick="apercu()">Aperçu</button>
        </div>
    </form>
@endsection
@push('scripts')
<script>
    function apercu() {
        const f = window.open('', '_blank');
        f.document.write('<meta charset="utf-8"><div style="font-family:Arial;font-size:13px">' + document.getElementById('message').value.replace(/\n/g, '<br>') + '</div>');
        f.document.close();
    }
</script>
@endpush