@extends('ged.layout')
@section('title', 'Nouveau message')
@section('page_title', 'Nouveau message')

@section('content')
<div class="ged-page-header">
    <h1><i class="fas fa-pen"></i> Nouveau message</h1>
    <a href="{{ route('ged.messages.inbox') }}" class="ged-btn ged-btn-outline">
        <i class="fas fa-arrow-left"></i> Retour
    </a>
</div>

<div class="ged-card" style="max-width:700px">
    <form method="POST" action="{{ route('ged.messages.send') }}">
        @csrf
        <div class="ged-form-group">
            <label>Destinataire *</label>
            <select name="receiver_id" class="ged-form-control" required>
                <option value="">Choisir un utilisateur...</option>
                @foreach($users as $user)
                <option value="{{ $user->id }}" {{ request('to') == $user->id ? 'selected' : '' }}>
                    {{ $user->name }} ({{ $user->role }})
                </option>
                @endforeach
            </select>
        </div>
        <div class="ged-form-group">
            <label>Objet *</label>
            <input type="text" name="subject" class="ged-form-control" required placeholder="Objet du message" value="{{ old('subject') }}">
        </div>
        <div class="ged-form-group">
            <label>Message *</label>
            <textarea name="body" class="ged-form-control" required rows="8" placeholder="Votre message...">{{ old('body') }}</textarea>
        </div>
        <div class="ged-form-group">
            <label>Joindre un document <span style="color:var(--gray-400);font-weight:400">(optionnel)</span></label>
            <select name="document_id" class="ged-form-control">
                <option value="">— Aucun document —</option>
                @foreach(\App\Models\Document::orderBy('name')->get() as $doc)
                <option value="{{ $doc->id }}" {{ request('doc') == $doc->id ? 'selected' : '' }}>
                    {{ $doc->name }} ({{ strtoupper($doc->extension) }})
                </option>
                @endforeach
            </select>
        </div>
        <div style="display:flex;gap:8px">
            <button type="submit" class="ged-btn ged-btn-primary"><i class="fas fa-paper-plane"></i> Envoyer</button>
            <a href="{{ route('ged.messages.inbox') }}" class="ged-btn ged-btn-outline">Annuler</a>
        </div>
    </form>
</div>
@endsection