@extends('client.layouts.main')

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

@section('content')
<!-- Account Info -->
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Account Information</span></div>
        @if($hosting->status === 'active')
        <div class="actions">
            <a href="{{ route('client.hosting.login', $hosting) }}" target="_blank" class="btn btn-sm btn-success">
                <i class="fa fa-sign-in"></i> Login to cPanel
            </a>
            <a href="{{ route('client.hosting.webmail', $hosting) }}" target="_blank" class="btn btn-sm btn-info">
                <i class="fa fa-envelope"></i> Webmail
            </a>
            <a href="{{ route('client.hosting.upgrade', $hosting) }}" class="btn btn-sm btn-warning">
                <i class="fa fa-exchange"></i> Upgrade
            </a>
        </div>
        @endif
    </div>
    <div class="portlet-body">
        <div class="row">
            <div class="col-md-4">
                <strong>Domain</strong>
                <p>{{ $hosting->domain }}</p>
            </div>
            <div class="col-md-4">
                <strong>Username</strong>
                <p>{{ $hosting->username }}</p>
            </div>
            <div class="col-md-4">
                <strong>Package</strong>
                <p>{{ $hosting->product->name ?? '-' }}</p>
            </div>
        </div>
        <div class="row" style="margin-top:15px;">
            <div class="col-md-4">
                <strong>Server</strong>
                <p>{{ $hosting->server->name ?? '-' }}</p>
            </div>
            <div class="col-md-4">
                <strong>Dedicated IP</strong>
                <p>{{ $hosting->dedicated_ip ?? '-' }}</p>
            </div>
            <div class="col-md-4">
                <strong>Status</strong>
                <p>
                    @php
                        $statusColors = [
                            'active' => 'success',
                            'pending' => 'warning',
                            'suspended' => 'danger',
                            'terminated' => 'default',
                            'cancelled' => 'default',
                        ];
                    @endphp
                    <span class="label label-sm label-{{ $statusColors[$hosting->status] ?? 'info' }}">{{ ucfirst($hosting->status) }}</span>
                </p>
            </div>
        </div>
    </div>
</div>

<!-- Billing Info -->
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Billing Information</span></div>
    </div>
    <div class="portlet-body">
        <div class="row">
            <div class="col-md-3">
                <strong>Registration Date</strong>
                <p>{{ $hosting->registration_date ? $hosting->registration_date->format('M d, Y') : '-' }}</p>
            </div>
            <div class="col-md-3">
                <strong>Next Due Date</strong>
                <p>{{ $hosting->next_due_date ? $hosting->next_due_date->format('M d, Y') : '-' }}</p>
            </div>
            <div class="col-md-3">
                <strong>Renewal Price</strong>
                <p>{{ number_format($hosting->renewal_price, 2) }}</p>
            </div>
            <div class="col-md-3">
                <strong>Billing Cycle</strong>
                <p>{{ $hosting->billingCycle->name ?? '-' }}</p>
            </div>
        </div>
    </div>
</div>

<!-- Resource Usage & Sync -->
@if($hosting->status === 'active' && $hosting->server && $hosting->username)
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Resource Usage</span></div>
        <div class="actions">
            <form action="{{ route('client.hosting.sync', $hosting) }}" method="POST" style="display:inline;">
                @csrf
                <button type="submit" class="btn btn-sm btn-info"><i class="fa fa-refresh"></i> Sync</button>
            </form>
        </div>
    </div>
    <div class="portlet-body">
        @if(session('usage'))
            @php $usage = session('usage'); @endphp
            <div class="row">
                <div class="col-md-3 text-center">
                    <strong>Disk Usage</strong>
                    <p>{{ number_format($usage->diskUsedMb, 1) }} MB / {{ $usage->diskLimitMb > 0 ? number_format($usage->diskLimitMb, 0) . ' MB' : 'Unlimited' }}</p>
                    @if($usage->diskLimitMb > 0)
                        @php $diskPercent = min(100, ($usage->diskUsedMb / $usage->diskLimitMb) * 100); @endphp
                        <div class="progress" style="height:8px;"><div class="progress-bar progress-bar-{{ $diskPercent > 90 ? 'danger' : ($diskPercent > 70 ? 'warning' : 'success') }}" style="width:{{ $diskPercent }}%"></div></div>
                    @endif
                </div>
                <div class="col-md-3 text-center">
                    <strong>Bandwidth</strong>
                    <p>{{ number_format($usage->bandwidthUsedMb, 1) }} MB / {{ $usage->bandwidthLimitMb > 0 ? number_format($usage->bandwidthLimitMb, 0) . ' MB' : 'Unlimited' }}</p>
                    @if($usage->bandwidthLimitMb > 0)
                        @php $bwPercent = min(100, ($usage->bandwidthUsedMb / $usage->bandwidthLimitMb) * 100); @endphp
                        <div class="progress" style="height:8px;"><div class="progress-bar progress-bar-{{ $bwPercent > 90 ? 'danger' : ($bwPercent > 70 ? 'warning' : 'success') }}" style="width:{{ $bwPercent }}%"></div></div>
                    @endif
                </div>
                <div class="col-md-2 text-center">
                    <strong>Emails</strong>
                    <p>{{ $usage->emailAccountCount }}</p>
                </div>
                <div class="col-md-2 text-center">
                    <strong>Databases</strong>
                    <p>{{ $usage->databaseCount }}</p>
                </div>
                <div class="col-md-2 text-center">
                    <strong>Addon Domains</strong>
                    <p>{{ $usage->addonDomainCount }}</p>
                </div>
            </div>
        @else
            <div class="text-center">
                <a href="{{ route('client.hosting.usage', $hosting) }}" class="btn btn-default"><i class="fa fa-bar-chart"></i> Load Usage</a>
            </div>
        @endif
    </div>
</div>
@endif

<!-- Management Actions -->
<div class="row">
    <!-- Change Password -->
    <div class="col-md-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Change Password</span></div>
            </div>
            <form action="{{ route('client.hosting.change-password', $hosting) }}" method="POST">
                @csrf
                <div class="portlet-body">
                    <div class="form-group">
                        <label class="control-label">New Password <span class="text-danger">*</span></label>
                        <input type="password" name="password" class="form-control" required minlength="8">
                        @if ($errors->has('password'))
                            <span class="help-block text-danger">{{ $errors->first('password') }}</span>
                        @endif
                    </div>
                    <div class="form-group">
                        <label class="control-label">Confirm Password <span class="text-danger">*</span></label>
                        <input type="password" name="password_confirmation" class="form-control" required>
                    </div>
                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-warning">Change Password</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Request Cancellation -->
    <div class="col-md-6">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Request Cancellation</span></div>
            </div>
            <div class="portlet-body">
                @if(!$hosting->cancel_requested)
                    <form action="{{ route('client.hosting.cancel', $hosting) }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label class="control-label">Cancellation Type <span class="text-danger">*</span></label>
                            <select name="cancel_type" class="form-control" required>
                                <option value="">-- Select Type --</option>
                                <option value="immediate" {{ old('cancel_type') == 'immediate' ? 'selected' : '' }}>Immediate</option>
                                <option value="end_of_billing" {{ old('cancel_type') == 'end_of_billing' ? 'selected' : '' }}>End of Billing Period</option>
                            </select>
                            @if ($errors->has('cancel_type'))
                                <span class="help-block text-danger">{{ $errors->first('cancel_type') }}</span>
                            @endif
                        </div>
                        <div class="form-group">
                            <label class="control-label">Reason for Cancellation</label>
                            <textarea name="cancel_reason" class="form-control" rows="4" placeholder="Please tell us why you wish to cancel...">{{ old('cancel_reason') }}</textarea>
                            @if ($errors->has('cancel_reason'))
                                <span class="help-block text-danger">{{ $errors->first('cancel_reason') }}</span>
                            @endif
                        </div>
                        <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to request cancellation of this hosting account?')">Request Cancellation</button>
                    </form>
                @else
                    <div class="alert alert-warning">
                        <strong>Cancellation Requested</strong>
                        <p>A cancellation request has already been submitted for this hosting account.</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection