@extends('layouts.app')

@section('title', 'Create SNMP Log - ISP ERP System')

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="custom-card">
                <div class="custom-card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h3 class="mb-0">
                                <i class="fas fa-plus-circle me-2"></i>
                                Create New SNMP Log
                            </h3>
                            <p class="mb-0 opacity-75">Add a new SNMP monitoring log</p>
                        </div>
                        <div class="d-flex gap-2">
                            <a href="{{ route('snmp-logs.index') }}" class="btn btn-light btn-custom">
                                <i class="fas fa-arrow-left me-2"></i>Back to Logs
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- SNMP Log Form -->
    <div class="row">
        <div class="col-lg-8">
            <div class="custom-card">
                <div class="custom-card-header">
                    <h4 class="mb-0">
                        <i class="fas fa-edit me-2"></i>
                        Log Details
                    </h4>
                </div>
                <div class="custom-card-body">
                    <form action="{{ route('snmp-logs.store') }}" method="POST">
                        @csrf
                        
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="switch_id" class="form-label">
                                    <i class="fas fa-network-wired me-1"></i>
                                    Switch <span class="text-danger">*</span>
                                </label>
                                <select class="form-select custom-form-control @error('switch_id') is-invalid @enderror" 
                                        id="switch_id" 
                                        name="switch_id" 
                                        required>
                                    <option value="">Select a switch</option>
                                    @foreach($switches as $switch)
                                        <option value="{{ $switch->id }}" 
                                                {{ old('switch_id', request('switch_id')) == $switch->id ? 'selected' : '' }}>
                                            {{ $switch->name }} ({{ $switch->ip }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('switch_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="data_type" class="form-label">
                                    <i class="fas fa-tag me-1"></i>
                                    Data Type <span class="text-danger">*</span>
                                </label>
                                <input type="text" 
                                       class="form-control custom-form-control @error('data_type') is-invalid @enderror" 
                                       id="data_type" 
                                       name="data_type" 
                                       value="{{ old('data_type') }}" 
                                       placeholder="e.g., interface_status, port_utilization, cpu_usage"
                                       required>
                                @error('data_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="data_value" class="form-label">
                                    <i class="fas fa-file-alt me-1"></i>
                                    Data Value <span class="text-danger">*</span>
                                </label>
                                <textarea class="form-control custom-form-control @error('data_value') is-invalid @enderror" 
                                          id="data_value" 
                                          name="data_value" 
                                          rows="8"
                                          placeholder="Enter SNMP data value..."
                                          required>{{ old('data_value') }}</textarea>
                                @error('data_value')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-4">
                            <a href="{{ route('snmp-logs.index') }}" class="btn btn-secondary btn-custom">
                                <i class="fas fa-times me-2"></i>Cancel
                            </a>
                            <button type="submit" class="btn btn-primary btn-custom">
                                <i class="fas fa-save me-2"></i>Create Log
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection