@extends('layouts.app')

@section('title', 'Edit Teams Trunk')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
        <div>
            <h4 class="mb-0">Edit Teams Trunk Configuration</h4>
            <div class="text-secondary small mt-1">Modify Microsoft Teams Direct Routing settings</div>
        </div>
        <div class="mt-2 mt-md-0">
            <a href="/trunks/teams" class="btn btn-secondary btn-sm">
                <i data-lucide="arrow-left" style="width:14px;height:14px;"></i> Back to Teams
            </a>
        </div>
    </div>

    <form action="/trunks/teams/{{ $config->id }}" method="POST" class="needs-validation" novalidate>
        @csrf
        @method('PUT')
        
        <div class="row">
            <div class="col-lg-8">
                <div class="card mb-4">
                    <div class="card-header">
                        <div class="d-flex align-items-center gap-2">
                            <i data-lucide="settings" style="width:16px;height:16px;"></i>
                            <span class="fw-semibold">Basic Configuration</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Trunk Name</label>
                                <input type="text" name="trunk_name" class="form-control" value="{{ $config->trunk_name ?? '' }}" placeholder="Friendly name for this trunk">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Description</label>
                                <input type="text" name="description" class="form-control" value="{{ $config->description ?? '' }}" placeholder="Optional description">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Trunk Endpoint *</label>
                                <input type="text" name="trunk_endpoint" class="form-control" value="{{ $config->trunk_endpoint ?? '' }}" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">SIP Domain *</label>
                                <input type="text" name="sip_domain" class="form-control" value="{{ $config->sip_domain ?? 'sip.pstnhub.microsoft.com' }}" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">SIP Port *</label>
                                <input type="number" name="sip_port" class="form-control" value="{{ $config->sip_port ?? 5061 }}" min="1" max="65535" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">SIP Transport *</label>
                                <select name="sip_transport" class="form-select" required>
                                    <option value="sips" {{ ($config->sip_transport ?? 'sips') == 'sips' ? 'selected' : '' }}>SIPS (TLS)</option>
                                    <option value="sip" {{ ($config->sip_transport ?? '') == 'sip' ? 'selected' : '' }}>SIP</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">DID Prefix</label>
                                <input type="text" name="did_prefix" class="form-control" value="{{ $config->did_prefix ?? '' }}" placeholder="+1">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Country Code</label>
                                <input type="text" name="country_code" class="form-control" value="{{ $config->country_code ?? '1' }}" placeholder="1">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Dial Timeout (sec)</label>
                                <input type="number" name="dial_timeout" class="form-control" value="{{ $config->dial_timeout ?? 30 }}" min="5" max="120">
                            </div>
                            <div class="col-md-12">
                                <div class="form-check">
                                    <input type="checkbox" name="ring_local_sip" class="form-check-input" value="1" {{ $config->ring_local_sip ? 'checked' : '' }}>
                                    <label class="form-check-label">Ring local SIP phone when available</label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-check">
                                    <input type="checkbox" name="enabled" class="form-check-input" value="1" {{ $config->enabled ? 'checked' : '' }}>
                                    <label class="form-check-label">Enable Teams trunk</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <div class="d-flex align-items-center gap-2">
                            <i data-lucide="shield" style="width:16px;height:16px;"></i>
                            <span class="fw-semibold">Failover Configuration</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Failover SBC Endpoint</label>
                                <input type="text" name="failover_sbc_endpoint" class="form-control" value="{{ $config->failover_sbc_endpoint ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Failover SIP Domain</label>
                                <input type="text" name="failover_sip_domain" class="form-control" value="{{ $config->failover_sip_domain ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Failover SIP Port</label>
                                <input type="number" name="failover_sip_port" class="form-control" value="{{ $config->failover_sip_port ?? 5061 }}" min="1" max="65535">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <div class="d-flex align-items-center gap-2">
                            <i data-lucide="phone" style="width:16px;height:16px;"></i>
                            <span class="fw-semibold">Voice Routing & Emergency</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Voice Routing Policy</label>
                                <input type="text" name="voice_routing_policy" class="form-control" value="{{ $config->voice_routing_policy ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">PSTN Usage</label>
                                <input type="text" name="pstn_usage" class="form-control" value="{{ $config->pstn_usage ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Emergency Location ID</label>
                                <input type="text" name="emergency_location_id" class="form-control" value="{{ $config->emergency_location_id ?? '' }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Emergency DID</label>
                                <input type="text" name="emergency_did" class="form-control" value="{{ $config->emergency_did ?? '' }}">
                            </div>
                            <div class="col-md-6">
                                <div class="form-check">
                                    <input type="checkbox" name="media_bypass" class="form-check-input" value="1" {{ $config->media_bypass ? 'checked' : '' }}>
                                    <label class="form-check-label">Enable Media Bypass</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <div class="d-flex align-items-center gap-2">
                            <i data-lucide="building" style="width:16px;height:16px;"></i>
                            <span class="fw-semibold">Tenant Configuration</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Tenant ID</label>
                                <input type="text" name="tenant_id" class="form-control" value="{{ $config->tenant_id ?? '' }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Tenant Domain</label>
                                <input type="text" name="tenant_domain" class="form-control" value="{{ $config->tenant_domain ?? '' }}">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <div class="d-flex align-items-center gap-2">
                            <i data-lucide="globe" style="width:16px;height:16px;"></i>
                            <span class="fw-semibold">Federation Settings</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-check">
                                    <input type="checkbox" name="federation_enabled" class="form-check-input" value="1" {{ $config->federation_enabled ? 'checked' : '' }}>
                                    <label class="form-check-label">Enable Federation</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Federation Domain</label>
                                <input type="text" name="federation_domain" class="form-control" value="{{ $config->federation_domain ?? '' }}">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="/trunks/teams" class="btn btn-secondary">
                        Cancel
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i data-lucide="save" style="width:16px;height:16px;"></i> Save Changes
                    </button>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex align-items-center gap-2">
                            <i data-lucide="info" style="width:16px;height:16px;"></i>
                            <span class="fw-semibold">Help</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <h6>Basic Configuration</h6>
                        <ul class="small">
                            <li><strong>Trunk Endpoint:</strong> PJSIP endpoint identifier</li>
                            <li><strong>SIP Domain:</strong> Teams SBC domain (default: sip.pstnhub.microsoft.com)</li>
                            <li><strong>SIP Transport:</strong> Use SIPS (TLS) for secure connections</li>
                            <li><strong>DID Prefix:</strong> Prefix added before extension numbers</li>
                        </ul>

                        <h6>Failover</h6>
                        <ul class="small">
                            <li>Configure backup SBC for high availability</li>
                            <li>System will failover automatically if primary fails</li>
                        </ul>

                        <h6>Emergency Calling</h6>
                        <ul class="small">
                            <li><strong>Emergency Location ID:</strong> Dynamic emergency location identifier</li>
                            <li><strong>Emergency DID:</strong> Dedicated number for emergency calls</li>
                        </ul>

                        <h6>Tenant Settings</h6>
                        <ul class="small">
                            <li>Required for multi-tenant deployments</li>
                            <li>Leave empty for single-tenant setups</li>
                        </ul>
                    </div>
                </div>

                @if($certificates->count() > 0)
                    <div class="card mt-4">
                        <div class="card-header">
                            <div class="d-flex align-items-center gap-2">
                                <i data-lucide="shield" style="width:16px;height:16px;"></i>
                                <span class="fw-semibold">Certificates</span>
                            </div>
                        </div>
                        <div class="card-body">
                            @foreach($certificates as $cert)
                                <div class="d-flex justify-content-between align-items-center mb-2 p-2 border rounded">
                                    <div>
                                        <div class="fw-semibold">{{ $cert->common_name }}</div>
                                        <div class="small text-secondary">Expires: {{ \Carbon\Carbon::parse($cert->expires_at)->format('M j, Y') }}</div>
                                    </div>
                                    @if($cert->is_default)
                                        <span class="badge bg-primary">Default</span>
                                    @endif
                                </div>
                            @endforeach
                            <a href="/trunks/teams/certificates" class="btn btn-sm btn-outline-primary w-100 mt-2">
                                Manage Certificates
                            </a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </form>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    lucide.createIcons();
});
</script>
@endsection