%include ('header.tpl')

<nav class="navbar navbar-dark bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">Welcome to libvirt domain ctl</a>
    </div>
</nav>

<div class="card">
    <div class="card-body">

        <div class="alert alert-primary" role="alert">
            RAW: {{name}}
        </div>
                

        <div class="row">
        %for i in name:
            <div class="col-sm-6">
                <div class="card">
                    <div class="card-body">
                    <h5 class="card-title">{{i['name']}}</h5>
                    <p class="card-text">State: {{i['state']}}</p>
                    <form method="POST" action="http://192.168.100.50:5000/action" id={{i['name']}}>
                        <input name="name" value="{{i['name']}}" hidden>
                        <button name="act" class="btn btn-success" value="start" onclick="startBtn();">Start</button>

                        <button name="act" class="btn btn-danger" value="destroy">Destroy</button>
                        <button name="act" class="btn btn-warning" value="stop">Stop</button>
                    </form>
                    </div>
                </div>
            </div>
        %end
        </div>
    </div>
</div>


%include ('footer.tpl')