<div class="row g-3 auto-width">
    <div class="col-md-6">
        <label for="api_name" class="form-label">API Name</label>
        <input type="text" class="form-control" id="api_name" name="api_name" aria-describedby="inputGroupPrepend" disabled placeholder="API Name" value="{{$api->api_name}}">
    </div>
    <div class="col-md-6">
        <label for="api_slug" class="form-label">API Slug</label>
        <input type="text" class="form-control" id="api_slug" name="api_slug" aria-describedby="inputGroupPrepend" disabled placeholder="API Slug" value="{{$api->api_slug}}">
    </div>
    <div class="col-md-12">
        <label for="api_key" class="form-label">API Key</label>
        <input type="text" class="form-control" id="api_key" name="api_key" aria-describedby="inputGroupPrepend" disabled placeholder="API Key" value="{{$api->api_key}}">
    </div>
    <div class="col-md-12">
        <label for="api_secret" class="form-label">API Secret</label>
        <input type="text" class="form-control" id="api_secret" name="api_secret" aria-describedby="inputGroupPrepend" disabled placeholder="API Secret" value="{{$api->api_secret}}">
    </div>
    <div class="col-md-12">
        <label for="api_endpoint" class="form-label">API Endpoint</label>
        <input type="text" class="form-control" id="api_endpoint" name="api_endpoint" aria-describedby="inputGroupPrepend" disabled placeholder="API Endpoint" value="{{$api->api_endpoint}}">
    </div>
    <div class="col-md-12">
        <label for="api_endpoint" class="form-label">API Description</label>
        <textarea class="form-textarea" disabled name="api_description" placeholder="API Description">{{$api->api_description}}</textarea>
    </div>
</div>