@extends('admin.layout.index')

@section('title', 'Socket & API Configurations')

@section('content')
<div class="row mb-3">
    <div class="col-12">
        <h4 class="mb-0">Socket & API Configurations</h4>
        <p class="text-muted mb-0">Update server URLs, timeout values, and mobile app thresholds.</p>
    </div>
</div>

<div class="row g-4 mb-4">
    <div class="col-12">
        <div class="card border">
            <div class="card-header bg-light">
                <h6 class="mb-0">Server URLs</h6>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">Socket Server URL</label>
                    <input type="text" class="form-control" value="wss://socket.lusyi.com">
                </div>
                <div class="mb-3">
                    <label class="form-label">API Server URL</label>
                    <input type="text" class="form-control" value="https://api.lusyi.com/v1">
                </div>
                <button class="btn btn-primary btn-sm">Update URLs</button>
            </div>
        </div>
    </div>
    <div class="col-12">
        <div class="card border">
            <div class="card-header bg-light">
                <h6 class="mb-0">Timeout Values</h6>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">Event Timeout (seconds)</label>
                    <input type="number" class="form-control" value="30">
                </div>
                <div class="mb-3">
                    <label class="form-label">Connection Timeout (seconds)</label>
                    <input type="number" class="form-control" value="10">
                </div>
                <button class="btn btn-primary btn-sm">Update Timeouts</button>
            </div>
        </div>
    </div>
</div>

@endsection