@extends('layouts.admin')

@section('content')

<div class="container-fluid">

    <div class="admin-page-header">
        <div>
            <h2><i class="fas fa-users me-2" style="color: var(--admin-accent);"></i> Members Newsletter</h2>
            <small>Internal church members list. Export to send members-only updates via your email provider.</small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.newsletter.compose', ['list' => 'members']) }}" class="btn btn-admin-primary btn-sm">
                <i class="fas fa-paper-plane me-1"></i> Send Email
            </a>
            <a href="{{ route('admin.newsletter.members.export') }}" class="btn btn-admin-secondary btn-sm">
                <i class="fas fa-download me-1"></i> Export
            </a>
        </div>
    </div>

    @include('partials.alerts')

    <div class="row g-3 mb-4">
        <!-- Add single member -->
        <div class="col-lg-6">
            <div class="admin-form-card h-100">
                <div class="card-header"><i class="fas fa-user-plus me-2"></i> Add a Member</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.newsletter.members.store') }}">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">Name <span class="text-muted">(optional)</span></label>
                            <input type="text" name="name" class="form-control" placeholder="Member name" value="{{ old('name') }}">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Email</label>
                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="member@example.com" value="{{ old('email') }}" required>
                            @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <button class="btn btn-admin-primary"><i class="fas fa-plus me-1"></i> Add Member</button>
                    </form>
                </div>
            </div>
        </div>

        <!-- Import members -->
        <div class="col-lg-6">
            <div class="admin-form-card h-100">
                <div class="card-header"><i class="fas fa-file-import me-2"></i> Import Members</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.newsletter.members.import') }}" enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">Spreadsheet file</label>
                            <input type="file" name="file" class="form-control @error('file') is-invalid @enderror" accept=".xlsx,.xls,.csv" required>
                            @error('file')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            <small class="text-muted d-block mt-2">
                                Upload a <strong>.xlsx</strong> or <strong>.csv</strong> with an email column (and optional name column). Duplicates are skipped.
                            </small>
                        </div>
                        <button class="btn btn-admin-secondary"><i class="fas fa-upload me-1"></i> Import</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @include('partials.admin-filter', [
        'action' => route('admin.newsletter.members'),
        'q' => $q,
        'searchPlaceholder' => 'Search members by name or email…',
        'active' => $q !== '',
    ])

    @if($members->count() > 0)
        <div class="admin-info-box mb-3">
            <p class="mb-0"><strong>Total Members:</strong> {{ $members->total() }}</p>
        </div>

        <div class="admin-table">
            <table class="table table-striped table-hover mb-0">
                <thead class="admin-table-head">
                    <tr>
                        <th><i class="fas fa-user me-1"></i> Name</th>
                        <th><i class="fas fa-envelope me-1"></i> Email</th>
                        <th><i class="fas fa-calendar me-1"></i> Added</th>
                        <th><i class="fas fa-cogs me-1"></i> Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($members as $member)
                        <tr>
                            <td class="fw-semibold">{{ $member->name ?: '—' }}</td>
                            <td>{{ $member->email }}</td>
                            <td class="text-muted small">{{ $member->created_at->format('d M Y') }}</td>
                            <td>
                                @include('partials.admin-actions', ['actions' => [
                                    ['type' => 'copy', 'label' => 'Copy email', 'icon' => 'fa-copy', 'value' => $member->email, 'done' => 'Email copied: '.$member->email],
                                    ['type' => 'form', 'label' => 'Remove', 'icon' => 'fa-trash', 'url' => route('admin.newsletter.members.delete', $member->id), 'method' => 'DELETE', 'danger' => true,
                                        'confirm' => ['title' => 'Remove Member?', 'message' => 'This will remove the member from the members newsletter.', 'confirmText' => 'Yes, Remove']],
                                ]])
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-center mt-3">
            {{ $members->links() }}
        </div>
    @else
        <div class="admin-empty-state">
            <div class="empty-icon"><i class="fas fa-users"></i></div>
            <h4>No Members Yet</h4>
            <p class="text-muted mb-4">Add members individually or import a spreadsheet to build your members list.</p>
        </div>
    @endif

</div>

@endsection