@extends("admin.layouts.app")
@section("title", __("admin.domains.title"))
@section("content")

<div class="page-header">
    <h1>{{ __('admin.domains.title') }}</h1>
    <span style="font-size:13px;color:#666;">{{ __('admin.domains.total_count', ['count' => $domains->total()]) }} · <a href="{{ route('admin.domains.searches') }}">{{ __('admin.domain_searches.title') }}</a></span>
</div>

@include('admin.partials.list-filters', ['filters' => $filters, 'action' => route('admin.domains.index')])

<!-- Table -->
@php $canMove = auth('admin')->user()?->hasPermission('manage_domains'); @endphp
@if($canMove)
<style>.admin-bulk-bar select.form-control, .admin-bulk-bar input.form-control{display:inline-block!important;width:auto!important;max-width:100%}</style>
{{-- Bulk actions: tick domains, pick what to do. The form wraps the table so the checkboxes post with it. --}}
<form method="POST" action="{{ route('admin.domains.bulk') }}" id="domain-bulk-form">
@csrf
<div class="card admin-bulk-bar" id="domain-bulk-bar" style="margin-bottom:10px;display:none;">
    <div class="card-body" style="padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;">
        <strong style="font-size:13px;"><span id="domain-bulk-count">0</span> {{ __('admin.domains.bulk_selected') }}</strong>
        <select name="bulk_action" id="domain-bulk-action" class="form-control input-sm" style="width:auto;" aria-label="{{ __('admin.domains.bulk_action') }}">
            <option value="move">{{ __('admin.domains.bulk_action_move') }}</option>
            <option value="sync">{{ __('admin.domains.bulk_action_sync') }}</option>
            <option value="nameservers">{{ __('admin.domains.bulk_action_nameservers') }}</option>
            <option value="renew">{{ __('admin.domains.bulk_action_renew') }}</option>
        </select>

        <span class="bulk-fields" data-for="move" style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;">
            <input type="text" name="client" class="form-control input-sm" style="width:240px;" placeholder="{{ __('admin.domains.move_client') }}" aria-label="{{ __('admin.domains.move_client') }}">
            <label style="font-size:12px;font-weight:normal;display:flex;gap:4px;align-items:center;margin:0;">
                <input type="checkbox" name="start_billing" value="1"> {{ __('admin.domains.move_start_billing') }}
            </label>
        </span>
        <span class="bulk-fields" data-for="nameservers" style="display:none;flex-wrap:wrap;gap:6px;align-items:center;">
            @for($i = 1; $i <= 4; $i++)
            <input type="text" name="bulk_ns[]" class="form-control input-sm" style="width:170px;font-family:monospace;" placeholder="ns{{ $i }}.example.com" aria-label="NS{{ $i }}">
            @endfor
        </span>
        <span class="bulk-fields" data-for="renew" style="display:none;flex-wrap:wrap;gap:8px;align-items:center;">
            <select name="bulk_years" class="form-control input-sm" style="width:auto;" aria-label="{{ __('admin.domains.bulk_years') }}">
                @for($y = 1; $y <= 5; $y++)<option value="{{ $y }}">{{ trans_choice('admin.domains.bulk_years_option', $y, ['count' => $y]) }}</option>@endfor
            </select>
            <label style="font-size:12px;font-weight:normal;display:flex;gap:4px;align-items:center;margin:0;">
                <input type="checkbox" name="confirm_renew" value="1"> {{ __('admin.domains.bulk_renew_confirm') }}
            </label>
        </span>

        <button type="submit" class="btn btn-primary btn-sm">{{ __('admin.domains.bulk_go') }}</button>
        <span id="domain-bulk-hint" style="font-size:12px;color:#777;flex-basis:100%;">{{ __('admin.domains.move_owner_can') }}</span>
    </div>
</div>
@endif
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                @if($canMove)<th style="width:28px;"><input type="checkbox" id="domain-check-all" aria-label="{{ __('admin.domains.bulk_select_all') }}"></th>@endif
                <th>{!! $filters->sortLink('domain', __('common.table.domain')) !!}</th>
                <th>{{ __('common.table.client') }}</th>
                <th>{{ __('common.table.registrar') }}</th>
                <th>{!! $filters->sortLink('registration_date', __('admin.domains.registered')) !!}</th>
                <th>{!! $filters->sortLink('expiry_date', __('admin.domains.expires')) !!}</th>
                <th>{{ __('common.table.status') }}</th>
                <th>{{ __('common.table.actions') }}</th>
            </tr>
        </thead>
        <tbody>
            @forelse($domains as $domain)
            @php
            $expirySoon = $domain->expiry_date && $domain->expiry_date->diffInDays(now()) <= 30 && $domain->expiry_date->isFuture();
            $expired = $domain->expiry_date && $domain->expiry_date->isPast();
            $badgeClass = match(strtolower($domain->status ?? "")) {
                "active"  => "badge-active",
                "pending" => "badge-pending",
                "expired" => "badge-terminated",
                default   => "badge-cancelled",
            };
            @endphp
            <tr>
                @if($canMove)<td><input type="checkbox" name="domain_ids[]" value="{{ $domain->id }}" class="domain-row-check" aria-label="{{ $domain->domain }}"></td>@endif
                <td style="font-family:monospace;font-size:13px;font-weight:500;">{{ $domain->domain }}
                    @if($domain->record_only)<span class="badge badge-cancelled" style="font-family:inherit;font-size:10px;margin-left:4px;" title="{{ __('admin.domains.record_only_hint') }}">{{ __('admin.domains.record_only') }}</span>@endif
                    @if($domain->imported_at)<span class="badge badge-pending" style="font-family:inherit;font-size:10px;margin-left:2px;">{{ __('admin.domains.imported') }}</span>@endif
                </td>
                <td>
                    @if($domain->client)
                    <a href="{{ route("admin.clients.show", $domain->client_id) }}" style="color:#337ab7;text-decoration:none;">{{ $domain->client->full_name }}</a>
                    @else N/A @endif
                </td>
                <td style="color:#666;">{{ ucfirst($domain->registrar ?? "-") }}</td>
                <td style="color:#666;">{{ $domain->registration_date?->format(date_fmt()) ?? "-" }}</td>
                <td style="color:{{ $expired ? "#c43c35" : ($expirySoon ? "#d68100" : "#666") }};font-weight:{{ ($expired || $expirySoon) ? "600" : "400" }};">
                    {{ $domain->expiry_date?->format(date_fmt()) ?? "-" }}
                    @if($expirySoon) <small style="font-size:11px;">{{ __('admin.domains.expiry_soon') }}</small> @endif
                    @if($expired) <small style="font-size:11px;">{{ __('admin.domains.expiry_past') }}</small> @endif
                </td>
                <td><span class="badge {{ $badgeClass }}">{{ ucfirst($domain->status ?? "") }}</span></td>
                <td>
                    <a href="{{ route("admin.domains.show", $domain) }}" class="btn btn-default btn-xs">{{ __('common.actions.view') }}</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="{{ $canMove ? 8 : 7 }}" style="text-align:center;padding:32px;color:#999;">{{ __('admin.domains.no_domains') }}</td>
            </tr>
            @endforelse
        </tbody>
    </table>
    <div style="padding:10px 16px;border-top:1px solid #e5e7eb;">
        {{ $domains->withQueryString()->links() }}
    </div>
</div>
@if($canMove)
</form>
@php
    // Built here: Blade cannot read a multi-line array inside its json directive.
    $bulkHints = [
        'move' => __('admin.domains.move_owner_can'),
        'sync' => __('admin.domains.bulk_hint_registrar', ['max' => 25]),
        'nameservers' => __('admin.domains.bulk_hint_registrar', ['max' => 25]),
        'renew' => __('admin.domains.bulk_hint_renew', ['max' => 25]),
    ];
    $bulkConfirms = [
        'move' => __('admin.domains.bulk_move_confirm'),
        'sync' => __('admin.domains.bulk_confirm_sync'),
        'nameservers' => __('admin.domains.bulk_confirm_nameservers'),
        'renew' => __('admin.domains.bulk_confirm_renew'),
    ];
@endphp
<script>
(function () {
    var all = document.getElementById('domain-check-all'), bar = document.getElementById('domain-bulk-bar'), count = document.getElementById('domain-bulk-count');
    var boxes = function () { return Array.prototype.slice.call(document.querySelectorAll('.domain-row-check')); };
    var refresh = function () {
        var n = boxes().filter(function (b) { return b.checked; }).length;
        count.textContent = n;
        bar.style.display = n ? '' : 'none';
    };
    if (all) all.addEventListener('change', function () { boxes().forEach(function (b) { b.checked = all.checked; }); refresh(); });
    boxes().forEach(function (b) { b.addEventListener('change', refresh); });

    // Show the fields the chosen action needs, and confirm before it runs.
    var action = document.getElementById('domain-bulk-action'), form = document.getElementById('domain-bulk-form'), hint = document.getElementById('domain-bulk-hint');
    var hints = @json($bulkHints);
    var confirms = @json($bulkConfirms);
    var show = function () {
        document.querySelectorAll('.bulk-fields').forEach(function (f) { f.style.display = f.dataset.for === action.value ? 'flex' : 'none'; });
        form.querySelector('[name=client]').required = action.value === 'move';
        hint.textContent = hints[action.value];
    };
    action.addEventListener('change', show);
    form.addEventListener('submit', function (e) { return pnConfirm(e, confirms[action.value]); });
    show();
})();
</script>
@endif

@endsection