{% extends 'api/base.html.twig' %}
{% block stylesheets %}
<style>
.card-ctm{
background-color: #fff !important;
}
.card-ctm:hover{
background-color: #007bff !important;
color: #fff;
cursor: pointer;
}
</style>
{% endblock %}
{% block body %}
<nav class="navbar navbar-dark" style="background-color: #9E0A0A;">
<a class="navbar-brand" href="#">
<img src="{{ asset('assets/logo/kota_kediri.png') }}" height="30" class="d-inline-block align-top" alt="">
<img src="{{ asset('assets/logo/logo_masbup.png') }}" height="30" class="d-inline-block align-top" alt="">
API Documentation
</a>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h3>OPEN DATA KEDIRI API Documentation</h3><br>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<h5 class="card-header">
{{ publikasi.judul }}
</h5>
<div class="card-body">
<div class="card border-primary mb-3">
<div class="card-header card-ctm" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
{# <h6><span class="badge badge-primary">GET</span> {{app.request.getSchemeAndHttpHost()}}{{ path('api_get', {id: publikasi.id}) }}</h6> #}
<h6><span class="badge badge-primary">GET</span> {{url}}{{ path('api_get', {id: publikasi.id}) }}</h6>
</div>
<div class="collapse" id="collapseExample">
<div class="card-body">
<table class="table table-bordered table-striped">
<tbody>
<tr>
<th width="20%">URL</th>
{# <td>{{app.request.getSchemeAndHttpHost()}}{{ path('api_get', {id: publikasi.id}) }}</td> #}
<td>{{url}}{{ path('api_get', {id: publikasi.id}) }}</td>
</tr>
<tr>
<th width="20%">Limit</th>
<td>Limit value is number. ex : ?limit=100</td>
</tr>
<tr>
<th width="20%">Skip</th>
<td>Skip value is number. ex : ?skip=100</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card border-primary mb-3">
<div class="card-header card-ctm" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample1">
<h6><span class="badge badge-primary">GET</span> {{url}}{{ path('api_get', {id: publikasi.id}) ~ "/{id}" }}</h6>
</div>
<div class="collapse" id="collapseExample1">
<div class="card-body">
<table class="table table-bordered table-striped">
<tbody>
<tr>
<th width="20%">URL</th>
<td>{{url}}{{ path('api_get', {id: publikasi.id}) ~ "/{id}" }}</td>
</tr>
<tr>
<th width="20%">ID</th>
<td>ID value is number <em class="text-danger">* required</em></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}