FloatBackOfffice/application/views/admin/view_transporter.php

<!-- div class="container" -->
<div class="row justify-content-md-center">
    <div class="col col-lg-3">
        <div class="card" style="width: 100%; background-color: lemonchiffon; padding: 5px;">
            <div class="card-body" id="card_form">
            <font color=red><?= $message ?> </font>
<form id="editform" name="editform" method="post" action="">
<input type="hidden" name="id" value="<?= $id ?>" />
    <div class="form-group">
        <label for="name">Provider Name</label>
        <input type="text" class="form-control" id="name" name="name"  maxlength="50" placeholder="Provider Name" value="<?= $name ?>" />
    </div>
    <div class="form-group">
        <label for="name">Alias</label>
        <input type="text" class="form-control" id="name_alias" name="name_alias"  maxlength="100" placeholder="Name Alias"  value="<?= $name_alias??'' ?>" />
    </div>
    <div class="form-group">
        <label for="client">Client ID</label>
        <input type="text" class="form-control" id="client" name="client"  maxlength="100" placeholder="Client ID" value="<?= $client ?>" />
    </div>
    <div class="form-group">
        <label for="token">Refresh Token</label>
        <input type="text" class="form-control" id="token" name="token"  maxlength="200" placeholder="Refresh Token" value="<?= $token ?>" />
    </div>
    <div class="form-group">
        <label for="code">Access Code</label>
        <input type="text" class="form-control" id="code" name="code"  maxlength="100" placeholder="Access Code" value="<?= $code ?>" />
    </div>
    <div class="form-group">
        <label for="access_token">Access Token</label>
        <input type="text" class="form-control" id="access_token" name="access_token"  maxlength="200" placeholder="Access Token" value="<?= $access_token ?>" />
    </div>
    <div class="form-group">
        <label for="card_status">Status</label>
        <?= $provider_status ?>
    </div>
    <div class="form-group">
        <button type="submit" name="gobtn" id="gotbtn" class="btn btn-info btn-block btn-sm"><?= $form_button ?></button>
    </div>
</form>
            </div>
        </div>
    </div>

    <div class="col col-lg-9">
        <!-- Media library -->
        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title text-semibold">Integrated Transporter List</h6>
                <div class="heading-elements">
                <table><tr><td><? ?></td><td><?  ?></td></tr></table>
                </div>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-12">  
                        <form method="GET" action="/bkoadmin/transport">
                            <div class="row">
                                <div class="col-xs-4 col-md-3">
                                    <label for="">Name</label>
                                    <input type="text"
                                        class="form-control"
                                        name="name"
                                        value="<?= $filterData['name'] ?? '' ?>" >
                                </div>
                                <div class="col-xs-3 col-sm-2">
                                    <div class="form-group">
                                        <label for=""></label>
                                        <div style="margin-top: 7px">
                                            <button type="submit" class=" btn btn-primary btn-sm">Search</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="m-y-sm"><?= $transporter_links ?: '' ?></div> 
                        <div class="table-responsive">
                            <?= $transporter_table ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title text-semibold">Transporter Apps</h6>
                <div class="heading-elements">
                </div>
            </div>
            <div class="table-responsive">
             <?= $transporter_apps ?>
            </div>    
        </div>
        <!-- /media library -->
    </div>
  
</div>

<script type="text/javascript">
    function EditTransportProvider(id) {
        if (id>0) {
            var data = transport_providers.get(id);
            var form = document.editform;
            form.id.value = data.get('id');
            form.name.value = data.get('name');
            form.name_alias.value = data.get('name_alias');
            form.client.value = data.get('client');
            form.token.value = data.get('token');
            form.code.value = data.get('code');
            form.access_token.value = data.get('access_token');
            form.card_status.value = data.get('active');
            /*for (var i = 0; i < form.card_status.options.length; ++i) {
                if (form.card_status.options[i].value === data.get('active')) {
                    form.card_status.options[i].selected = true;
                } else {
                    form.card_status.options[i].selected = false;
                }
            }*/
            console.log("active="+form.card_status.value);
            form.gobtn.innerHTML = 'Update';
        }
        return false;
    }
    var transport_providers = new Map();
    <?php foreach($transport_providers as $id=>$data) {
        echo "var transport_provider_entry_${id} = new Map();\n";
        foreach ($data as $key=>$val) {
            echo "transport_provider_entry_${id}.set('${key}','${val}');\n";
        }
        echo "transport_providers.set(${id},transport_provider_entry_${id});\n";
    } ?>
    function viewTransporter(id) {
        alert(id);
        return false;
    }

    // prevent-form-resubmission-when-page-is-refreshed-f5-ctrlr
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>