@extends('layouts.app')

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

@section('page-title', 'Create New Connection Log')

@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 Connection Log
                            </h3>
                            <p class="mb-0 opacity-75">Add a new user connection log entry</p>
                        </div>
                        <div class="d-flex gap-2">
                            <a href="{{ route('user-connection-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>

    <!-- Connection 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>
                        Connection Log Details
                    </h4>
                </div>
                <div class="custom-card-body">
                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="fas fa-exclamation-circle me-2"></i>{{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    <form action="{{ route('user-connection-logs.store') }}" method="POST">
                        @csrf
                        
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="username" class="form-label">
                                    <i class="fas fa-user me-1"></i>
                                    Username <span class="text-danger">*</span>
                                </label>
                                <input type="text" 
                                       class="form-control @error('username') is-invalid @enderror" 
                                       id="username" 
                                       name="username" 
                                       value="{{ old('username') }}" 
                                       required>
                                @error('username')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="action" class="form-label">
                                    <i class="fas fa-exchange-alt me-1"></i>
                                    Action <span class="text-danger">*</span>
                                </label>
                                <select class="form-select @error('action') is-invalid @enderror" 
                                        id="action" 
                                        name="action" 
                                        required>
                                    <option value="">Select Action</option>
                                    <option value="connect" {{ old('action') == 'connect' ? 'selected' : '' }}>Connect</option>
                                    <option value="disconnect" {{ old('action') == 'disconnect' ? 'selected' : '' }}>Disconnect</option>
                                </select>
                                @error('action')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="mikrotik_server_id" class="form-label">
                                    <i class="fas fa-server me-1"></i>
                                    MikroTik Server
                                </label>
                                <select class="form-select @error('mikrotik_server_id') is-invalid @enderror" 
                                        id="mikrotik_server_id" 
                                        name="mikrotik_server_id">
                                    <option value="">Select Server</option>
                                    @foreach($servers as $server)
                                        <option value="{{ $server->id }}" {{ old('mikrotik_server_id') == $server->id ? 'selected' : '' }}>
                                            {{ $server->name }} ({{ $server->host }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('mikrotik_server_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="client_id" class="form-label">
                                    <i class="fas fa-user-tie me-1"></i>
                                    Client
                                </label>
                                <select class="form-select @error('client_id') is-invalid @enderror" 
                                        id="client_id" 
                                        name="client_id">
                                    <option value="">Select Client</option>
                                    @foreach($clients as $client)
                                        <option value="{{ $client->id }}" {{ old('client_id') == $client->id ? 'selected' : '' }}>
                                            {{ $client->username }} - {{ $client->name ?? 'N/A' }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('client_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="ip_address" class="form-label">
                                    <i class="fas fa-network-wired me-1"></i>
                                    IP Address
                                </label>
                                <input type="text" 
                                       class="form-control @error('ip_address') is-invalid @enderror" 
                                       id="ip_address" 
                                       name="ip_address" 
                                       value="{{ old('ip_address') }}" 
                                       placeholder="192.168.1.1">
                                @error('ip_address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="mac_address" class="form-label">
                                    <i class="fas fa-ethernet me-1"></i>
                                    MAC Address
                                </label>
                                <input type="text" 
                                       class="form-control @error('mac_address') is-invalid @enderror" 
                                       id="mac_address" 
                                       name="mac_address" 
                                       value="{{ old('mac_address') }}" 
                                       placeholder="00:11:22:33:44:55">
                                @error('mac_address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="session_id" class="form-label">
                                    <i class="fas fa-id-badge me-1"></i>
                                    Session ID
                                </label>
                                <input type="text" 
                                       class="form-control @error('session_id') is-invalid @enderror" 
                                       id="session_id" 
                                       name="session_id" 
                                       value="{{ old('session_id') }}">
                                @error('session_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="interface" class="form-label">
                                    <i class="fas fa-plug me-1"></i>
                                    Interface
                                </label>
                                <input type="text" 
                                       class="form-control @error('interface') is-invalid @enderror" 
                                       id="interface" 
                                       name="interface" 
                                       value="{{ old('interface') }}">
                                @error('interface')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="profile" class="form-label">
                                    <i class="fas fa-user-cog me-1"></i>
                                    Profile
                                </label>
                                <input type="text" 
                                       class="form-control @error('profile') is-invalid @enderror" 
                                       id="profile" 
                                       name="profile" 
                                       value="{{ old('profile') }}">
                                @error('profile')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="reason" class="form-label">
                                    <i class="fas fa-info-circle me-1"></i>
                                    Reason (for disconnect)
                                </label>
                                <input type="text" 
                                       class="form-control @error('reason') is-invalid @enderror" 
                                       id="reason" 
                                       name="reason" 
                                       value="{{ old('reason') }}">
                                @error('reason')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="connected_at" class="form-label">
                                    <i class="fas fa-clock me-1"></i>
                                    Connected At
                                </label>
                                <input type="datetime-local" 
                                       class="form-control @error('connected_at') is-invalid @enderror" 
                                       id="connected_at" 
                                       name="connected_at" 
                                       value="{{ old('connected_at') }}">
                                @error('connected_at')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <label for="disconnected_at" class="form-label">
                                    <i class="fas fa-clock me-1"></i>
                                    Disconnected At
                                </label>
                                <input type="datetime-local" 
                                       class="form-control @error('disconnected_at') is-invalid @enderror" 
                                       id="disconnected_at" 
                                       name="disconnected_at" 
                                       value="{{ old('disconnected_at') }}">
                                @error('disconnected_at')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <label for="bytes_in" class="form-label">
                                    <i class="fas fa-download me-1"></i>
                                    Bytes In
                                </label>
                                <input type="number" 
                                       class="form-control @error('bytes_in') is-invalid @enderror" 
                                       id="bytes_in" 
                                       name="bytes_in" 
                                       value="{{ old('bytes_in') }}" 
                                       min="0">
                                @error('bytes_in')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-3 mb-3">
                                <label for="bytes_out" class="form-label">
                                    <i class="fas fa-upload me-1"></i>
                                    Bytes Out
                                </label>
                                <input type="number" 
                                       class="form-control @error('bytes_out') is-invalid @enderror" 
                                       id="bytes_out" 
                                       name="bytes_out" 
                                       value="{{ old('bytes_out') }}" 
                                       min="0">
                                @error('bytes_out')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-3 mb-3">
                                <label for="packets_in" class="form-label">
                                    <i class="fas fa-box me-1"></i>
                                    Packets In
                                </label>
                                <input type="number" 
                                       class="form-control @error('packets_in') is-invalid @enderror" 
                                       id="packets_in" 
                                       name="packets_in" 
                                       value="{{ old('packets_in') }}" 
                                       min="0">
                                @error('packets_in')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-3 mb-3">
                                <label for="packets_out" class="form-label">
                                    <i class="fas fa-box me-1"></i>
                                    Packets Out
                                </label>
                                <input type="number" 
                                       class="form-control @error('packets_out') is-invalid @enderror" 
                                       id="packets_out" 
                                       name="packets_out" 
                                       value="{{ old('packets_out') }}" 
                                       min="0">
                                @error('packets_out')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="duration_seconds" class="form-label">
                                    <i class="fas fa-hourglass-half me-1"></i>
                                    Duration (seconds)
                                </label>
                                <input type="number" 
                                       class="form-control @error('duration_seconds') is-invalid @enderror" 
                                       id="duration_seconds" 
                                       name="duration_seconds" 
                                       value="{{ old('duration_seconds') }}" 
                                       min="0">
                                @error('duration_seconds')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-4">
                            <a href="{{ route('user-connection-logs.index') }}" class="btn btn-light 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