@extends('layouts.app')

@section('content')
<div class="page-header">
    <div class="page-title">
        <h1>Edit Base Station</h1>
        <p>{{ $station->name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('dect.base-stations.show', $station->id) }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Back to Station
        </a>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Edit Base Station</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('dect.base-stations.update', $station->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">DECT System *</label>
                            <select name="dect_system_id" class="form-select" required>
                                <option value="">Select System</option>
                                @foreach($systems as $system)
                                <option value="{{ $system->id }}" {{ $station->dect_system_id == $system->id ? 'selected' : '' }}>{{ $system->name }}</option>
                                @endforeach
                            </select>
                            @error('dect_system_id')
                            <div class="text-danger small">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Name *</label>
                            <input type="text" name="name" class="form-control" required value="{{ $station->name }}">
                            @error('name')
                            <div class="text-danger small">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Manufacturer</label>
                            <select name="manufacturer" class="form-select">
                                <option value="Yealink" {{ $station->manufacturer == 'Yealink' ? 'selected' : '' }}>Yealink</option>
                                <option value="Snom" {{ $station->manufacturer == 'Snom' ? 'selected' : '' }}>Snom</option>
                                <option value="Gigaset" {{ $station->manufacturer == 'Gigaset' ? 'selected' : '' }}>Gigaset</option>
                                <option value="Other" {{ $station->manufacturer == 'Other' ? 'selected' : '' }}>Other</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Status *</label>
                            <select name="status" class="form-select" required>
                                <option value="online" {{ $station->status == 'online' ? 'selected' : '' }}>Online</option>
                                <option value="offline" {{ $station->status == 'offline' ? 'selected' : '' }}>Offline</option>
                                <option value="error" {{ $station->status == 'error' ? 'selected' : '' }}>Error</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">IP Address</label>
                            <input type="text" name="ip_address" class="form-control" value="{{ $station->ip_address ?? '' }}">
                            @error('ip_address')
                            <div class="text-danger small">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">MAC Address</label>
                            <input type="text" name="mac_address" class="form-control" value="{{ $station->mac_address ?? '' }}">
                            @error('mac_address')
                            <div class="text-danger small">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Serial Number</label>
                            <input type="text" name="serial_number" class="form-control" value="{{ $station->serial_number ?? '' }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Firmware Version</label>
                            <input type="text" name="firmware_version" class="form-control" value="{{ $station->firmware_version ?? '' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Location</label>
                            <input type="text" name="location" class="form-control" value="{{ $station->location ?? '' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Settings (JSON)</label>
                            <textarea name="settings" class="form-control" rows="3">{{ $station->settings ? json_encode($station->settings, JSON_PRETTY_PRINT) : '' }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i> Update Base Station
                            </button>
                            <a href="{{ route('dect.base-stations.show', $station->id) }}" class="btn btn-secondary">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Station Information</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">Created</label>
                    <div>{{ $station->created_at->format('Y-m-d H:i:s') }}</div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Last Updated</label>
                    <div>{{ $station->updated_at->format('Y-m-d H:i:s') }}</div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Registered Handsets</label>
                    <div><span class="badge bg-info">{{ $station->handsets->count() }}</span></div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Active Calls</label>
                    <div><span class="badge bg-primary">{{ $station->active_calls }}</span></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection