{{-- Bulk-action dialogs of the Contacts list (rendered inside the crmGrid scope). --}}
<x-modal name="contact-assign" title="Assign contacts" maxWidth="lg">
    <form method="POST" action="{{ route('contacts.assign') }}" id="contact-assign-form" class="space-y-5" x-data="{ target: 'telecaller' }">
        @csrf
        @include('crm.partials.saved-view-selection')
        <div class="grid grid-cols-2 gap-2 rounded-xl bg-ink-100/70 p-1 dark:bg-ink-800/60">
            <label class="cursor-pointer rounded-lg px-3 py-2 text-center text-sm font-medium transition" :class="target === 'telecaller' ? 'bg-white shadow-sm dark:bg-ink-900' : 'text-ink-500'">
                <input type="radio" name="target" value="telecaller" x-model="target" class="sr-only"> Telecaller task
            </label>
            <label class="cursor-pointer rounded-lg px-3 py-2 text-center text-sm font-medium transition" :class="target === 'doctor' ? 'bg-white shadow-sm dark:bg-ink-900' : 'text-ink-500'">
                <input type="radio" name="target" value="doctor" x-model="target" class="sr-only"> Doctor module task
            </label>
        </div>
        <p class="text-sm text-ink-500">
            <span class="font-semibold text-ink-900 dark:text-white" x-text="count.toLocaleString()"></span> contact(s).
            <span x-show="target === 'doctor'">Contacts that already have a doctor task are skipped.</span>
            <span x-show="target === 'telecaller'">A user's existing task for the same contact is reset to Not Started.</span>
        </p>

        <template x-if="target === 'telecaller'">
            <div>@include('crm.loan-data.partials.assign-fields', ['prefix' => 'ct'])</div>
        </template>
        <template x-if="target === 'doctor'">
            <div class="grid gap-4 sm:grid-cols-2">
                <div class="sm:col-span-2">
                    <label class="form-label" for="dr_user">Assign to <span class="text-rose-500">*</span></label>
                    <select name="user_id" id="dr_user" class="form-input" required>
                        <option value="">Choose a user…</option>
                        @foreach ($doctorUsers as $u)
                            <option value="{{ $u->id }}">{{ $u->name }} · {{ $u->role->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <x-input name="due_date" type="date" label="Due date" :value="now()->toDateString()" required id="dr_due" />
                <x-select name="owner" label="Owner" :options="\App\Services\Crm\LoanDataAssigner::OWNERS" value="TELECALLER" required id="dr_owner" />
                <x-select name="task_for" label="Task for" :options="$taskFor" value="DR CALLING" placeholder="Choose…" required id="dr_taskfor" />
            </div>
        </template>
    </form>
    <x-slot:footer>
        <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'contact-assign')">Cancel</button>
        <button form="contact-assign-form" class="btn btn-brand"><x-heroicon-m-user-plus class="h-4 w-4" /> Assign</button>
    </x-slot:footer>
</x-modal>

<x-modal name="contact-sms" title="Send bulk SMS" maxWidth="md">
    <form method="POST" action="{{ route('contacts.sms') }}" id="contact-sms-form" class="space-y-3">
        @csrf
        @include('crm.partials.saved-view-selection')
        <p class="text-sm text-ink-600 dark:text-ink-300">Queues the lead message (name, task, vehicle, bank, special request and the telecaller's display name/number) for <span class="font-semibold" x-text="count.toLocaleString()"></span> contact(s). The SMS gateway app sends queued messages; contacts without a valid mobile are skipped.</p>
    </form>
    <x-slot:footer>
        <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'contact-sms')">Cancel</button>
        <button form="contact-sms-form" class="btn btn-brand"><x-heroicon-m-paper-airplane class="h-4 w-4" /> Queue SMS</button>
    </x-slot:footer>
</x-modal>

<x-modal name="contact-dnd" title="Check DND status" maxWidth="md">
    @if ($dndConfigured)
        <form method="POST" action="{{ route('contacts.dnd') }}" id="contact-dnd-form" class="space-y-3">
            @csrf
            @include('crm.partials.saved-view-selection')
            <p class="text-sm text-ink-600 dark:text-ink-300">Looks up each mobile in the TRAI DND registry (max {{ \App\Http\Controllers\Crm\ContactBulkController::DND_MAX }} contacts per check). Numbers the registry cannot answer keep their current status.</p>
            <p x-show="count > {{ \App\Http\Controllers\Crm\ContactBulkController::DND_MAX }}" class="text-sm font-medium text-rose-600">Too many contacts selected — narrow the selection.</p>
        </form>
    @else
        <p class="text-sm text-ink-600 dark:text-ink-300">The DND registry URL is not configured (<code>DND_REGISTRY_URL</code>).</p>
    @endif
    <x-slot:footer>
        <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'contact-dnd')">Close</button>
        @if ($dndConfigured)
            <button form="contact-dnd-form" class="btn btn-brand" :disabled="count > {{ \App\Http\Controllers\Crm\ContactBulkController::DND_MAX }}"><x-heroicon-m-shield-check class="h-4 w-4" /> Check now</button>
        @endif
    </x-slot:footer>
</x-modal>

@if (auth()->user()->isAdmin())
    <x-modal name="contact-delete" title="Delete contacts" maxWidth="md">
        <form method="POST" action="{{ route('contacts.destroy') }}" id="contact-delete-form" x-data="confirmSubmit('Permanently delete the selected contacts? This cannot be undone.')" @submit="submit">
            @csrf @method('DELETE')
            @include('crm.partials.saved-view-selection')
            <div class="flex gap-3 rounded-xl bg-rose-50 p-4 text-sm text-rose-800 dark:bg-rose-500/10 dark:text-rose-300">
                <x-heroicon-o-exclamation-triangle class="h-5 w-5 shrink-0" />
                <p><span class="font-semibold" x-text="count.toLocaleString()"></span> contact(s) will be permanently deleted. Their tasks are kept. This action is logged.</p>
            </div>
        </form>
        <x-slot:footer>
            <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'contact-delete')">Cancel</button>
            <button form="contact-delete-form" class="btn btn-danger"><x-heroicon-m-trash class="h-4 w-4" /> Delete</button>
        </x-slot:footer>
    </x-modal>
@endif