@extends('crm.layouts.master')
@section('title','Asterisk')
@section('page-css')

@endsection
@section('main-content')
    <div class="breadcrumb">
        <h3>Asterisk</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="alert alert-info py-2 mb-3" role="alert" style="font-size: 0.9rem">
        <strong>FreePBX</strong> loads below in an embedded frame. If you see a login error or a blank frame,
        <a href="https://pbx.vocalshield.com/admin" target="_blank" rel="noopener noreferrer" class="font-weight-bold">open FreePBX in a new tab</a>
        — the embedded view can fail due to session/cookie or browser restrictions.
    </div>
    <div class="row">
        <div class="card">
            <div class="card-body">
                <iframe class="site-frame w-100 min-h-650"
                        src="https://pbx.vocalshield.com/admin/config.php"
                        title="Asterisk"></iframe>
            </div>
        </div>
    </div>

@endsection
@section('page-js')

    <script>
        $(document).ready(function () {
            $("#asteriskli").addClass("nav-active");
        });
    </script>

@endsection