{{card_file=queries['card_file']}}
{{ci=read_single_card_file card_file}}
<style>
    

</style>


<div class="modal-body">
    <div class="container">
        <div class="row justify-content-end">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
        </div>
        <div class="row align-items-center">
            <div class="col-5">
                <img src='{{ci.preview_image}}' height='60'>
            </div>
            <div class="col-7">
                <div class="row">
                    <div class="col">
                        <h4>
                            <b>{{ci.name}}</b>
                        </h4>
                    </div>
                </div>
            </div>    
        </div>                   
                          
        <div class="row mt-2">
            <div class="col text-left">
            {{ci.description}}
            </div>
        </div>
        <div class="row">
            <div class="col-4 text-left">                        
                <b>Version:</b>
            </div>
            <div class="col-8 text-left">                        
                {{ci.version}}
            </div>
        </div>
        <div class="row">
            <div class="col-4 text-left">                        
                <b>Author:</b>
            </div>
            <div class="col-8 text-left">                        
                {{ci.author}}
            </div>
        </div>
        <div class="row">
            <div class="col-4 text-left">                        
                <b>File:</b>
            </div>
            <div class="col-8 text-left">                        
                {{ci.file}}
            </div>
        </div>
     </div>      
        
        
        


</div>