@extends('client.layouts.main')

@section('title', 'Domain Details')

@section('content')
<!-- Domain Info -->
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Domain Information</span></div>
    </div>
    <div class="portlet-body">
        <div class="row">
            <div class="col-md-4">
                <strong>Domain Name</strong>
                <p>{{ $domain->domain_name }}</p>
            </div>
            <div class="col-md-2">
                <strong>Status</strong>
                <p>
                    @php
                        $statusColors = [
                            'active' => 'success',
                            'pending' => 'warning',
                            'expired' => 'danger',
                            'cancelled' => 'default',
                            'transferred' => 'info',
                        ];
                    @endphp
                    <span class="label label-sm label-{{ $statusColors[$domain->status] ?? 'info' }}">{{ ucfirst($domain->status) }}</span>
                </p>
            </div>
            <div class="col-md-2">
                <strong>Registration Date</strong>
                <p>{{ $domain->registration_date ? $domain->registration_date->format('M d, Y') : '-' }}</p>
            </div>
            <div class="col-md-2">
                <strong>Expiry Date</strong>
                <p>{{ $domain->expiry_date ? $domain->expiry_date->format('M d, Y') : '-' }}</p>
            </div>
            <div class="col-md-2">
                <strong>Registrar</strong>
                <p>{{ $domain->registrar->name ?? '-' }}</p>
            </div>
        </div>
        <div class="row" style="margin-top:15px;">
            <div class="col-md-3">
                <strong>Registration Price</strong>
                <p>{{ number_format($domain->registration_price, 2) }}</p>
            </div>
            <div class="col-md-3">
                <strong>Renewal Price</strong>
                <p>{{ number_format($domain->renewal_price, 2) }}</p>
            </div>
            <div class="col-md-3">
                <strong>Billing Cycle</strong>
                <p>{{ $domain->billingCycle->name ?? '-' }}</p>
            </div>
            <div class="col-md-3">
                <strong>Next Due Date</strong>
                <p>{{ $domain->next_due_date ? $domain->next_due_date->format('M d, Y') : '-' }}</p>
            </div>
        </div>
    </div>
</div>

<!-- Quick Actions -->
<div class="row">
    <div class="col-md-12">
        <div class="portlet light">
            <div class="portlet-body">
                <a href="{{ route('storefront.whois') }}?domain={{ $domain->domain_name }}" target="_blank" class="btn btn-default margin-right-10">
                    <i class="fa fa-search"></i> Whois Lookup
                </a>
                @if($domain->registrar && $domain->registrar_order_id)
                <form action="{{ route('client.domains.sync', $domain) }}" method="POST" style="display:inline;">
                    @csrf
                    <button type="submit" class="btn btn-info margin-right-10">
                        <i class="fa fa-refresh"></i> Sync from Registrar
                    </button>
                </form>
                @endif
                @if(in_array($domain->status, ['active', 'expired']))
                <form action="{{ route('client.cart.add') }}" method="POST" style="display:inline;">
                    @csrf
                    <input type="hidden" name="item_type" value="domain_renewal">
                    <input type="hidden" name="domain" value="{{ $domain->domain_name }}">
                    <input type="hidden" name="tld" value="{{ $domain->tldExtension->tld }}">
                    <input type="hidden" name="years" value="1">
                    <button type="submit" class="btn btn-success">
                        <i class="fa fa-plus"></i> Renew Domain
                    </button>
                </form>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Two Column Layout -->
<div class="row">
    <!-- Left Column: Nameserver Management -->
    <div class="col-md-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Nameservers</span></div>
            </div>
            <form action="{{ route('client.domains.nameservers', $domain) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="portlet-body">
                    @php
                        $nameservers = $domain->nameservers ?? [];
                    @endphp
                    @for ($i = 1; $i <= 5; $i++)
                        <div class="form-group">
                            <label class="control-label">Nameserver {{ $i }} @if($i <= 2)<span class="text-danger">*</span>@endif</label>
                            <input type="text" name="nameservers[]" class="form-control" value="{{ old('nameservers.' . ($i - 1), $nameservers[$i - 1] ?? '') }}" placeholder="ns{{ $i }}.example.com" {{ $i <= 2 ? 'required' : '' }}>
                        </div>
                    @endfor
                    @if ($errors->has('nameservers'))
                        <span class="help-block text-danger">{{ $errors->first('nameservers') }}</span>
                    @endif
                    @if ($errors->has('nameservers.*'))
                        <span class="help-block text-danger">{{ $errors->first('nameservers.*') }}</span>
                    @endif
                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-success">Update Nameservers</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Right Column: Domain Actions -->
    <div class="col-md-6">
        <!-- Auto-Renew -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Auto-Renew</span></div>
            </div>
            <div class="portlet-body">
                <p>
                    Current Status:
                    @if($domain->auto_renew)
                        <span class="label label-sm label-success">Enabled</span>
                    @else
                        <span class="label label-sm label-default">Disabled</span>
                    @endif
                </p>
                <form action="{{ route('client.domains.auto-renew', $domain) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn {{ $domain->auto_renew ? 'btn-danger' : 'btn-success' }}">
                        {{ $domain->auto_renew ? 'Disable' : 'Enable' }} Auto-Renew
                    </button>
                </form>
            </div>
        </div>

        <!-- Theft Protection -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Theft Protection</span></div>
            </div>
            <div class="portlet-body">
                <p>
                    Current Status:
                    @if($domain->theft_protection)
                        <span class="label label-sm label-success">Enabled</span>
                    @else
                        <span class="label label-sm label-default">Disabled</span>
                    @endif
                </p>
                <form action="{{ route('client.domains.theft-protection', $domain) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn {{ $domain->theft_protection ? 'btn-danger' : 'btn-success' }}">
                        {{ $domain->theft_protection ? 'Disable' : 'Enable' }} Theft Protection
                    </button>
                </form>
            </div>
        </div>

        <!-- ID Protection -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">ID Protection</span></div>
            </div>
            <div class="portlet-body">
                <p>
                    Current Status:
                    @if($domain->id_protection)
                        <span class="label label-sm label-success">Enabled</span>
                    @else
                        <span class="label label-sm label-default">Disabled</span>
                    @endif
                </p>
                <form action="{{ route('client.domains.id-protection', $domain) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn {{ $domain->id_protection ? 'btn-danger' : 'btn-success' }}">
                        <i class="fa fa-shield"></i> {{ $domain->id_protection ? 'Disable' : 'Enable' }} ID Protection
                    </button>
                </form>
            </div>
        </div>

        <!-- EPP/Auth Code -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">EPP/Auth Code</span></div>
            </div>
            <div class="portlet-body">
                <p>Request the EPP/Authorization code needed to transfer this domain to another registrar.</p>
                <a href="{{ route('client.domains.epp-code', $domain) }}" class="btn btn-info">Get EPP Code</a>
            </div>
        </div>
    </div>
</div>
@endsection