@extends('admin.layouts.master')

@section('title', 'Test Email')

@section('content')
    @include('admin.partials.page-header', [
        'title' => 'Test Email',
        'crumbs' => [
            ['label' => 'Test Email'],
        ],
    ])

    <div class="row">
        <div class="col-lg-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-3">Mail status</h5>
                    @if ($mailConfigured)
                        <span class="badge bg-success-subtle text-success mb-2">Sender.net configured</span>
                    @else
                        <span class="badge bg-danger-subtle text-danger mb-2">Not configured</span>
                        <p class="small text-muted mb-0 mt-2">
                            Add <code>TOM_SENDER_API_TOKEN</code> in <code>.env</code> to send emails.
                        </p>
                    @endif
                    <hr>
                    <p class="mb-1 small text-muted">From</p>
                    <p class="mb-0"><code>{{ $fromEmail ?: '—' }}</code></p>
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-3">Send test email</h5>

                    <form method="POST" action="{{ route('admin.test-email.send') }}" id="testEmailForm">
                        @csrf

                        <div class="mb-3">
                            <label class="form-label">Subject <span class="text-danger">*</span></label>
                            <input type="text" name="subject" class="form-control @error('subject') is-invalid @enderror"
                                   value="{{ old('subject', 'Tree of Memories — Test Email') }}" maxlength="200" required>
                            @error('subject')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Message <span class="text-danger">*</span></label>
                            <textarea name="message" rows="6" class="form-control @error('message') is-invalid @enderror"
                                      maxlength="5000" required placeholder="Write your test message here…">{{ old('message', 'This is a test email from Tree of Memories admin. If you received this, email delivery is working.') }}</textarea>
                            @error('message')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Send to <span class="text-danger">*</span></label>
                            <select name="recipient_type" id="recipient_type" class="form-select" required>
                                <option value="user" @selected(old('recipient_type', 'user') === 'user')>Select user</option>
                                <option value="custom" @selected(old('recipient_type') === 'custom')>Custom email address</option>
                            </select>
                        </div>

                        <div class="mb-3 tom-recipient-field" data-for="user">
                            <label class="form-label">User <span class="text-danger">*</span></label>
                            <select name="user_id" id="user_id" class="form-select @error('user_id') is-invalid @enderror">
                                <option value="">Select user</option>
                                @foreach ($users as $user)
                                    @php
                                        $label = $user->user_name ?: ($user->funeral_home_name ?: 'User #'.$user->id);
                                        $roleLabel = match ((int) $user->role) {
                                            1 => 'Admin',
                                            2 => 'Funeral Home',
                                            99 => 'App User',
                                            default => 'User',
                                        };
                                    @endphp
                                    <option value="{{ $user->id }}" @selected((string) old('user_id') === (string) $user->id)>
                                        {{ $label }} — {{ $user->email }} ({{ $roleLabel }})
                                    </option>
                                @endforeach
                            </select>
                            @error('user_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="mb-3 tom-recipient-field" data-for="custom" style="display:none;">
                            <label class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" name="custom_email" class="form-control @error('custom_email') is-invalid @enderror"
                                   value="{{ old('custom_email') }}" placeholder="name@example.com">
                            @error('custom_email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="mb-3 tom-recipient-field" data-for="custom" style="display:none;">
                            <label class="form-label">Name (optional)</label>
                            <input type="text" name="custom_name" class="form-control"
                                   value="{{ old('custom_name') }}" maxlength="120" placeholder="Recipient name">
                        </div>

                        <button type="submit" class="btn btn-primary" @disabled(! $mailConfigured)>
                            <i class="ti ti-send me-1"></i> Send Test Email
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
(function () {
    function toggleRecipient() {
        var type = $('#recipient_type').val();
        $('.tom-recipient-field').hide();
        $('.tom-recipient-field[data-for="'+type+'"]').show();
    }
    $('#recipient_type').on('change', toggleRecipient);
    toggleRecipient();
})();
</script>
@endpush