@extends('layouts.app')

@section('content')
<div class="page-header">
    <div class="page-title">
        <h1>{{ $station->name }}</h1>
        <p>{{ $station->manufacturer ?? 'Unknown' }} - {{ $station->ip_address ?? 'No IP' }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('dect.base-stations.edit', $station->id) }}" class="btn btn-warning">
            <i class="fas fa-edit"></i> Edit
        </a>
        <a href="{{ route('dect.base-stations.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Back to Stations
        </a>
    </div>
</div>

<div class="row g-4 mb-4">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Base Station Details</h5>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Name</label>
                        <div><strong>{{ $station->name }}</strong></div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">System</label>
                        <div>{{ $station->system->name ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Manufacturer</label>
                        <div>{{ $station->manufacturer ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Status</label>
                        <div>
                            @if($station->status == 'online')
                            <span class="badge bg-success">Online</span>
                            @elseif($station->status == 'offline')
                            <span class="badge bg-danger">Offline</span>
                            @else
                            <span class="badge bg-warning">Error</span>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">IP Address</label>
                        <div>{{ $station->ip_address ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">MAC Address</label>
                        <div>{{ $station->mac_address ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Serial Number</label>
                        <div>{{ $station->serial_number ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Firmware Version</label>
                        <div>{{ $station->firmware_version ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Location</label>
                        <div>{{ $station->location ?? '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Active Calls</label>
                        <div><span class="badge bg-primary">{{ $station->active_calls }}</span></div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Last Sync</label>
                        <div>{{ $station->last_sync ? $station->last_sync->format('Y-m-d H:i:s') : '-' }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Last Provisioned</label>
                        <div>{{ $station->last_provisioned ? $station->last_provisioned->format('Y-m-d H:i:s') : '-' }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mt-4">
            <div class="card-header">
                <h5 class="card-title">Registered Handsets ({{ $station->handsets->count() }})</h5>
                <a href="{{ route('dect.handsets.create') }}?base_station_id={{ $station->id }}" class="btn btn-sm btn-primary">
                    <i class="fas fa-plus"></i> Add Handset
                </a>
            </div>
            <div class="card-body">
                @if($station->handsets->count() > 0)
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Model</th>
                                <th>Extension</th>
                                <th>Status</th>
                                <th>Battery</th>
                                <th>Signal</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($station->handsets as $handset)
                            <tr>
                                <td><a href="{{ route('dect.handsets.show', $handset->id) }}">{{ $handset->name }}</a></td>
                                <td>{{ $handset->model ?? '-' }}</td>
                                <td>{{ $handset->extension->exten ?? '-' }}</td>
                                <td>
                                    @if($handset->status == 'registered')
                                    <span class="badge bg-success">Registered</span>
                                    @else
                                    <span class="badge bg-secondary">Unregistered</span>
                                    @endif
                                </td>
                                <td><code class="small">{{ $handset->firmware_version ?? '-' }}</code></td>
                                <td>{{ $handset->signal_strength ?? '-' }}%</td>
                                <td>
                                    <a href="{{ route('dect.handsets.show', $handset->id) }}" class="btn btn-sm btn-info">View</a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                <p class="text-muted">No handsets registered to this base station</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Quick Actions</h5>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    <button onclick="provisionStation()" class="btn btn-success">
                        <i class="fas fa-cog me-2"></i> Push Provisioning
                    </button>
                    <button onclick="syncStation()" class="btn btn-primary">
                        <i class="fas fa-sync me-2"></i> Sync Configuration
                    </button>
                    <button onclick="rebootStation()" class="btn btn-warning">
                        <i class="fas fa-power-off me-2"></i> Reboot Station
                    </button>
                    <a href="{{ route('dect.firmware.index') }}" class="btn btn-info">
                        <i class="fas fa-download me-2"></i> Firmware Upgrade
                    </a>
                    <button onclick="factoryReset()" class="btn btn-danger">
                        <i class="fas fa-undo me-2"></i> Factory Reset
                    </button>
                </div>
            </div>
        </div>

        <div class="card mt-4">
            <div class="card-header">
                <h5 class="card-title">Station Health</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">Status</label>
                    <div>
                        @if($station->status == 'online')
                        <span class="badge bg-success">Healthy</span>
                        @elseif($station->status == 'offline')
                        <span class="badge bg-danger">Offline</span>
                        @else
                        <span class="badge bg-warning">Error</span>
                        @endif
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Handset Capacity</label>
                    <div class="progress">
                        <div class="progress-bar bg-info" style="width: {{ min(($station->handsets->count() / 8) * 100, 100) }}%">
                            {{ $station->handsets->count() }}/8
                        </div>
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Call Capacity</label>
                    <div class="progress">
                        <div class="progress-bar bg-success" style="width: {{ min(($station->active_calls / 8) * 100, 100) }}%">
                            {{ $station->active_calls }}/8
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function provisionStation() {
    if(confirm('Push provisioning configuration to this base station?')) {
        alert('Provisioning pushed to base station');
    }
}

function syncStation() {
    if(confirm('Sync configuration with this base station?')) {
        alert('Sync initiated');
    }
}

function rebootStation() {
    if(confirm('Reboot this base station? This will disconnect all active calls.')) {
        alert('Reboot command sent');
    }
}

function factoryReset() {
    if(confirm('Factory reset this base station? This will erase all configuration.')) {
        alert('Factory reset initiated');
    }
}
</script>
@endsection