@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page title="Compose email" subtitle="Send an internal message to a CHM ERP user." icon="bx bx-edit">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :href="route('application.email.index')">Email</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">Compose</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <div class="card">
            <div class="card-body">
                <form method="POST" action="{{ route('application.email.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">To</label>
                        <select name="to_user_id" class="form-select" required>
                            <option value="">Select recipient…</option>
                            @foreach($users as $user)
                                <option value="{{ $user->id }}" @selected(old('to_user_id', $replyTo ?? null) == $user->id)>
                                    {{ $user->name }} ({{ $user->email }})
                                </option>
                            @endforeach
                        </select>
                        @error('to_user_id')<div class="text-danger small">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Subject</label>
                        <input type="text" name="subject" class="form-control" value="{{ old('subject', $replySubject ?? '') }}" required maxlength="255">
                        @error('subject')<div class="text-danger small">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Message</label>
                        <textarea name="body" class="form-control" rows="8" required maxlength="10000">{{ old('body') }}</textarea>
                        @error('body')<div class="text-danger small">{{ $message }}</div>@enderror
                    </div>
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary"><i class="bx bx-send"></i> Send</button>
                        <a href="{{ route('application.email.index') }}" class="btn btn-outline-secondary">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </x-chm.layout.page>
</div>

@endsection