@extends('admin.layouts.main')

@section('title', $domain->domain_name)
@section('menu', 'Domains')

@section('content')
@php
    $badgeClass = match($domain->status) {
        'active' => 'success', 'pending' => 'warning', 'expired' => 'danger',
        'cancelled' => 'dark', 'transferred' => 'info', 'suspended' => 'warning',
        'redemption' => 'danger', 'deleted' => 'default', default => 'secondary',
    };
    $panelBadge = match($domain->panel_status) {
        'active' => 'success', 'inactive' => 'default', default => 'secondary',
    };
    $emailBadge = match($domain->email_verification) {
        'verified' => 'success', 'pending' => 'warning', default => 'default',
    };
    $resellerId = $domain->user?->registrar_ids['resellerclub_customer_id'] ?? null;
@endphp

<div class="row">
    <!-- Left Column: Domain Details -->
    <div class="col-md-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Domain Details</span>
                </div>
                <div class="actions">
                    <a href="{{ route('admin.domains.edit', $domain) }}" class="btn btn-sm blue"><i class="fa fa-pencil"></i> Edit</a>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Domain Name</th><td>{{ $domain->domain_name }}</td></tr>
                    <tr><th>Client</th><td>@if($domain->user)<a href="{{ route('admin.customers.show', $domain->user) }}">{{ $domain->user->first_name }} {{ $domain->user->last_name }}</a>@else N/A @endif</td></tr>
                    <tr><th>TLD Extension</th><td>{{ $domain->tldExtension?->extension ?? 'N/A' }}</td></tr>
                    <tr><th>Registration Date</th><td>{{ $domain->registration_date?->format('M d, Y') ?? 'N/A' }}</td></tr>
                    <tr><th>Expiry Date</th><td>{{ $domain->expiry_date?->format('M d, Y') ?? 'N/A' }}</td></tr>
                    <tr><th>Deletion Date</th><td>{{ $domain->deletion_date?->format('M d, Y') ?? 'N/A' }}</td></tr>
                    <tr><th>Registration Price</th><td>{{ $domain->registration_price ? number_format($domain->registration_price, 2) : 'N/A' }}</td></tr>
                    <tr><th>Renewal Price</th><td>{{ $domain->renewal_price ? number_format($domain->renewal_price, 2) : 'N/A' }}</td></tr>
                </table>
            </div>
        </div>

        <!-- Admin Notes -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Admin Notes</span>
                </div>
            </div>
            <div class="portlet-body">
                <form action="{{ route('admin.domains.update-notes', $domain) }}" method="POST">
                    @csrf
                    <textarea name="notes" class="form-control" rows="3" placeholder="Internal notes (only visible to admin)">{{ $domain->notes }}</textarea>
                    <button type="submit" class="btn btn-sm btn-success" style="margin-top:10px;"><i class="fa fa-save"></i> Save Notes</button>
                </form>
            </div>
        </div>
    </div>

    <!-- Right Column: Registrar Info + Configuration -->
    <div class="col-md-6">
        <!-- Registrar Info -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Registrar Info</span>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Registrar</th><td>{{ $domain->registrar?->name ?? 'N/A' }}</td></tr>
                    <tr><th>Registrar Order ID</th><td>{{ $domain->registrar_order_id ?? 'N/A' }}</td></tr>
                    <tr><th>Reseller ID</th><td>{{ $resellerId ?? 'N/A' }}</td></tr>
                    <tr><th>Status</th><td><span class="label label-sm label-{{ $badgeClass }}">{{ ucfirst($domain->status) }}</span></td></tr>
                    <tr><th>Registrar Status</th><td>{{ $domain->registrar_status ?? 'N/A' }}</td></tr>
                    <tr><th>Panel Status</th><td><span class="label label-sm label-{{ $panelBadge }}">{{ ucfirst($domain->panel_status ?? 'none') }}</span></td></tr>
                    <tr>
                        <th>Email Verification</th>
                        <td>
                            <span class="label label-sm label-{{ $emailBadge }}">{{ ucfirst(str_replace('_', ' ', $domain->email_verification ?? 'not_sent')) }}</span>
                            @if($domain->registrar && $domain->registrar_order_id && $domain->email_verification !== 'verified')
                                <form action="{{ route('admin.domains.resend-verification', $domain) }}" method="POST" style="display:inline; margin-left:5px;">
                                    @csrf
                                    <button type="submit" class="btn btn-xs btn-warning" onclick="return confirm('Send verification email to the registrant?')">
                                        <i class="fa fa-envelope"></i> Send Verification
                                    </button>
                                </form>
                            @endif
                        </td>
                    </tr>
                    <tr><th>Last Synced</th><td>{{ $domain->last_synced_at?->format('M d, Y H:i') ?? 'Never' }}</td></tr>
                </table>

                @if($domain->registrar_status_detail)
                    <div class="alert alert-info" style="margin-top:10px;">
                        <strong>Registrar Detail:</strong> {{ $domain->registrar_status_detail }}
                    </div>
                @endif
            </div>
        </div>

        <!-- Configuration -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Configuration</span>
                </div>
            </div>
            <div class="portlet-body">
                <form id="toggleAutoRenew" action="{{ route('admin.domains.auto-renew', $domain) }}" method="POST">@csrf</form>
                <form id="toggleTheftProtection" action="{{ route('admin.domains.theft-protection', $domain) }}" method="POST">@csrf</form>
                <form id="toggleIdProtection" action="{{ route('admin.domains.id-protection', $domain) }}" method="POST">@csrf</form>

                <table class="table table-bordered table-striped">
                    <tr>
                        <th style="width:40%">Auto Renew</th>
                        <td>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input domain-toggle" id="switchAutoRenew" data-form="toggleAutoRenew" data-confirm="Toggle auto-renew for this domain?" {{ $domain->auto_renew ? 'checked' : '' }}>
                                <label class="custom-control-label" for="switchAutoRenew">{{ $domain->auto_renew ? 'Enabled' : 'Disabled' }}</label>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Theft Protection</th>
                        <td>
                            @if($domain->registrar && $domain->registrar_order_id)
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input domain-toggle" id="switchTheftProtection" data-form="toggleTheftProtection" data-confirm="Toggle theft protection via registrar API?" {{ $domain->theft_protection ? 'checked' : '' }}>
                                <label class="custom-control-label" for="switchTheftProtection">{{ $domain->theft_protection ? 'Enabled' : 'Disabled' }}</label>
                            </div>
                            @else
                            <span class="label label-sm label-{{ $domain->theft_protection ? 'success' : 'secondary' }}">{{ $domain->theft_protection ? 'Enabled' : 'Disabled' }}</span>
                            <small class="text-muted">(no registrar linked)</small>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th>ID Protection</th>
                        <td>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input domain-toggle" id="switchIdProtection" data-form="toggleIdProtection" data-confirm="Toggle ID protection for this domain?{{ $domain->registrar && $domain->registrar_order_id ? ' This will update the registrar.' : '' }}" {{ $domain->id_protection ? 'checked' : '' }}>
                                <label class="custom-control-label" for="switchIdProtection">{{ $domain->id_protection ? 'Enabled' : 'Disabled' }}</label>
                            </div>
                        </td>
                    </tr>
                    <tr><th>Nameservers</th><td>{{ $domain->nameservers ? implode(', ', $domain->nameservers) : 'N/A' }}</td></tr>
                </table>
            </div>
        </div>

        <!-- Registrar Actions -->
        @if($domain->registrar && $domain->registrar_order_id)
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Registrar Actions</span>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row" style="margin-bottom:10px;">
                    <div class="col-md-6">
                        <form action="{{ route('admin.domains.sync', $domain) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-info btn-block btn-sm"><i class="fa fa-refresh"></i> Sync from Registrar</button>
                        </form>
                    </div>
                    <div class="col-md-6">
                        <a href="{{ route('admin.domains.epp-code', $domain) }}" class="btn btn-default btn-block btn-sm"><i class="fa fa-key"></i> Get EPP Code</a>
                    </div>
                </div>

                <!-- Push Nameservers -->
                <form action="{{ route('admin.domains.push-nameservers', $domain) }}" method="POST" style="margin-top:10px;">
                    @csrf
                    <label class="control-label" style="font-weight:bold;">Push Nameservers to Registrar</label>
                    <div class="row">
                        @for($i = 0; $i < 5; $i++)
                        <div class="col-md-6" style="margin-bottom:5px;">
                            <input type="text" name="nameservers[{{ $i }}]" class="form-control input-sm" value="{{ $domain->nameservers[$i] ?? '' }}" placeholder="ns{{ $i + 1 }}.example.com">
                        </div>
                        @endfor
                        <div class="col-md-6" style="margin-bottom:5px;">
                            <button type="submit" class="btn btn-warning btn-sm btn-block" onclick="return confirm('Push nameservers to registrar API?')"><i class="fa fa-upload"></i> Push to Registrar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        @else
        <div class="alert alert-warning">
            <i class="fa fa-exclamation-triangle"></i> No registrar linked. Registrar actions are unavailable. Set a registrar and order ID via <a href="{{ route('admin.domains.edit', $domain) }}">Edit</a>.
        </div>
        @endif

        <!-- Renew Domain -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Renew Domain</span>
                </div>
            </div>
            <div class="portlet-body">
                @php $renewalPrice = $domain->renewal_price ?? 0; @endphp
                <div class="alert alert-info" style="padding:10px; margin-bottom:15px;">
                    <div class="row">
                        <div class="col-xs-6"><strong>Renewal Price:</strong> {{ number_format($renewalPrice, 2) }} / year</div>
                        <div class="col-xs-6"><strong>Current Expiry:</strong> {{ $domain->expiry_date?->format('M d, Y') ?? 'N/A' }}</div>
                    </div>
                </div>

                <form action="{{ route('admin.domains.renew', $domain) }}" method="POST" id="renewForm">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Renewal Period</label>
                                <select name="years" id="renewYears" class="form-control input-sm">
                                    @for($y = 1; $y <= 10; $y++)
                                        <option value="{{ $y }}">{{ $y }} Year{{ $y > 1 ? 's' : '' }}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Custom Price (per year)</label>
                                <input type="number" step="0.01" min="0" name="custom_price" id="renewCustomPrice" class="form-control input-sm" value="{{ number_format($renewalPrice, 2, '.', '') }}">
                            </div>
                        </div>
                    </div>

                    <div class="row" style="margin-bottom:15px;">
                        <div class="col-md-6">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="generate_invoice" value="1" id="chkInvoice" checked> Generate renewal invoice
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="renew_at_registrar" value="1" id="chkRegistrar" {{ $domain->registrar && $domain->registrar_order_id ? '' : 'disabled' }}>
                                    Renew at registrar
                                    @if(!$domain->registrar || !$domain->registrar_order_id)
                                        <small class="font-grey-mint">(no registrar linked)</small>
                                    @endif
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="alert alert-warning" style="padding:10px; margin-bottom:15px;" id="renewSummary">
                        <strong>Total: <span id="renewTotal">{{ number_format($renewalPrice, 2) }}</span></strong>
                        &nbsp;&mdash;&nbsp;
                        <span id="renewNewExpiry">New expiry: {{ $domain->expiry_date?->addYear()->format('M d, Y') ?? 'N/A' }}</span>
                    </div>

                    <button type="submit" class="btn btn-success btn-block" id="renewBtn">
                        <i class="fa fa-repeat"></i> Renew Domain
                    </button>
                </form>
            </div>
        </div>

        <!-- Renewal Invoices -->
        @if($renewalInvoices->isNotEmpty())
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Renewal Invoices</span>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-hover">
                    <thead><tr><th>Invoice #</th><th>Total</th><th>Status</th><th>Due Date</th></tr></thead>
                    <tbody>
                        @foreach($renewalInvoices as $inv)
                        <tr>
                            <td><a href="{{ route('admin.invoices.show', $inv) }}">{{ $inv->invoice_number }}</a></td>
                            <td>{{ number_format($inv->total, 2) }}</td>
                            <td>
                                @php $invBadge = match($inv->status) { 'paid' => 'success', 'unpaid' => 'warning', 'cancelled' => 'default', default => 'info' }; @endphp
                                <span class="label label-sm label-{{ $invBadge }}">{{ ucfirst($inv->status) }}</span>
                            </td>
                            <td>{{ $inv->due_date->format('M d, Y') }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>
</div>

@endsection

@push('scripts')
<script>
$(function() {
    var basePrice = {{ $renewalPrice }};
    var expiryDate = '{{ $domain->expiry_date?->format("Y-m-d") ?? "" }}';

    function updateSummary() {
        var years = parseInt($('#renewYears').val()) || 1;
        var customPrice = parseFloat($('#renewCustomPrice').val());
        if (isNaN(customPrice)) customPrice = basePrice;
        var total = (customPrice * years).toFixed(2);
        $('#renewTotal').text(total);

        if (expiryDate) {
            var d = new Date(expiryDate);
            d.setFullYear(d.getFullYear() + years);
            var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
            $('#renewNewExpiry').text('New expiry: ' + months[d.getMonth()] + ' ' + String(d.getDate()).padStart(2, '0') + ', ' + d.getFullYear());
        }
    }

    $('#renewYears, #renewCustomPrice').on('change input', updateSummary);

    $('#renewForm').on('submit', function(e) {
        var years = $('#renewYears').val();
        var total = $('#renewTotal').text();
        var actions = [];
        if ($('#chkInvoice').is(':checked')) actions.push('generate a renewal invoice');
        if ($('#chkRegistrar').is(':checked')) actions.push('renew at registrar (charges registrar account)');
        if (actions.length === 0) actions.push('extend expiry date manually');

        var msg = 'Renew ' + '{{ $domain->domain_name }}' + ' for ' + years + ' year(s)?\n\nTotal: ' + total + '\nActions: ' + actions.join(', ');
        if (!confirm(msg)) e.preventDefault();
    });

    // Domain toggle switches
    $('.domain-toggle').on('change', function() {
        var $this = $(this);
        var msg = $this.data('confirm');
        if (msg && !confirm(msg)) {
            $this.prop('checked', !$this.prop('checked'));
            return;
        }
        $('#' + $this.data('form')).submit();
    });
});
</script>
@endpush