@extends('layouts.app')
@section('title', $device?->exists ? 'Edit device' : 'Add device')

@section('content')
    <div class="page-head">
        <div><h1>{{ $device?->exists ? 'Edit '.$device->name : 'Register a device' }}</h1>
            <p>SNMP and MikroTik API credentials stay encrypted at rest.</p></div>
        <a href="{{ route('devices.index') }}" class="btn secondary">&larr; Back</a>
    </div>

    <form method="POST" action="{{ $device?->exists ? route('devices.update', $device) : route('devices.store') }}">
        @csrf
        @if ($device?->exists) @method('PUT') @endif

        <div class="card">
            <div class="card-head"><h3>Identity</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field span-2">
                        <label>Device name <span class="req">*</span></label>
                        <input type="text" name="name" required value="{{ old('name', $device->name ?? '') }}"
                               placeholder="e.g. ACCRA-CORE-RTR-01">
                    </div>
                    <div class="field">
                        <label>Hostname</label>
                        <input type="text" name="hostname" value="{{ old('hostname', $device->hostname ?? '') }}">
                    </div>
                    <div class="field">
                        <label>Role <span class="req">*</span></label>
                        <select name="role" required>
                            @foreach (['core_router','edge_router','bng','olt','switch','access_point','olt_onu','server','firewall','media_converter','tower_radio'] as $r)
                                <option value="{{ $r }}" @selected(old('role', $device->role ?? 'edge_router') === $r)>{{ title_case_words($r) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Vendor</label>
                        <select name="vendor">
                            @foreach (['mikrotik' => 'MikroTik', 'huawei' => 'Huawei', 'cisco' => 'Cisco', 'ubiquiti' => 'Ubiquiti',
                                      'juniper' => 'Juniper', 'zte' => 'ZTE', 'nokia' => 'Nokia', 'other' => 'Other'] as $k => $v)
                                <option value="{{ $k }}" @selected(old('vendor', $device->vendor ?? '') === $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Model</label>
                        <input type="text" name="model" value="{{ old('model', $device->model ?? '') }}">
                    </div>
                    <div class="field">
                        <label>Serial number</label>
                        <input type="text" name="serial_number" class="mono" value="{{ old('serial_number', $device->serial_number ?? '') }}">
                    </div>
                    <div class="field">
                        <label>Site</label>
                        <select name="site_id">
                            <option value="">Unassigned</option>
                            @foreach ($sites as $site)
                                <option value="{{ $site->id }}" @selected(old('site_id', $device->site_id ?? '') == $site->id)>{{ $site->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Branch</label>
                        <select name="branch_id">
                            <option value="">Head office</option>
                            @foreach ($branches as $branch)
                                <option value="{{ $branch->id }}" @selected(old('branch_id', $device->branch_id ?? '') == $branch->id)>{{ $branch->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Management &amp; monitoring</h3></div>
            <div class="card-body">
                <div class="form-grid">
                    <div class="field">
                        <label>Management IP <span class="req">*</span></label>
                        <input type="text" name="management_ip" required class="mono"
                               value="{{ old('management_ip', $device->management_ip ?? '') }}" placeholder="10.0.0.1">
                    </div>
                    <div class="field">
                        <label>Monitoring method <span class="req">*</span></label>
                        <select name="monitoring_type" required>
                            @foreach (['snmp' => 'SNMP polling', 'ping' => 'ICMP ping only', 'api' => 'MikroTik API', 'none' => 'No polling'] as $k => $v)
                                <option value="{{ $k }}" @selected(old('monitoring_type', $device->monitoring_type ?? 'snmp') === $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>SNMP version</label>
                        <select name="snmp_version">
                            @foreach (['2c', '3', '1'] as $v)
                                <option value="{{ $v }}" @selected(old('snmp_version', $device->snmp_version ?? '2c') === $v)>v{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>SNMP community / v3 user</label>
                        <input type="text" name="snmp_community" class="mono"
                               value="{{ old('snmp_community', $device->snmp_community ?? '') }}"
                               placeholder="Leave blank to use the global default">
                        <span class="hint">Stored encrypted.</span>
                    </div>
                    <div class="field">
                        <label>MikroTik API port</label>
                        <input type="number" name="api_port" min="1" max="65535"
                               value="{{ old('api_port', $device->api_port ?? config('nowills.mikrotik.api_port')) }}">
                    </div>
                    <div class="field">
                        <label>MikroTik API username</label>
                        <input type="text" name="api_username" class="mono" value="{{ old('api_username', $device->api_username ?? '') }}">
                    </div>
                    <div class="field">
                        <label>MikroTik API password</label>
                        <input type="password" name="api_password" class="mono" placeholder="{{ $device?->exists ? 'Unchanged' : '' }}">
                    </div>
                    <div class="field">
                        <label>Poll interval (seconds)</label>
                        <input type="number" name="poll_interval" min="30" step="30"
                               value="{{ old('poll_interval', $device->poll_interval ?? 300) }}">
                    </div>
                    <div class="field">
                        <label>&nbsp;</label>
                        <label class="check">
                            <input type="checkbox" name="is_monitored" value="1"
                                   @checked(old('is_monitored', $device->is_monitored ?? true))>
                            Include in monitoring sweeps
                        </label>
                    </div>
                    <div class="field">
                        <label>&nbsp;</label>
                        <label class="check">
                            <input type="checkbox" name="api_ssl" value="1" @checked(old('api_ssl', $device->api_ssl ?? false))>
                            Use TLS for the RouterOS API
                        </label>
                    </div>
                </div>
            </div>
            <div class="card-foot flex-between">
                <span class="small muted">Ping and interface counters are collected by <code>nowills:poll</code> on the scheduler.</span>
                <div class="btn-group">
                    <a href="{{ route('devices.index') }}" class="btn secondary">Cancel</a>
                    <button type="submit" class="btn">{{ $device?->exists ? 'Save changes' : 'Register device' }}</button>
                </div>
            </div>
        </div>
    </form>
@endsection