Bottaajat/cultura

@section('pagehead')
    {{Html::script('/js/jquery-ui.min.js')}}
    {{Html::script('/js/crossword.keyboard.js')}}
    {{Html::script('/js/russian.js')}}
    {{Html::script('/js/crossword.virtual-keyboard.js')}}
    {{Html::script('/js/crossword.task.js')}}
    
    {{Html::style('/css/crossword.show.css')}}
    {{Html::style('/css/keyboard.css')}}
@stop

<div id ="puzzle+vkb_container" style="float:left;">
    <div id="puzzle_container">
        <table id="puzzle">
        </table>
    </div>
    <div id ="vkb_container">
        
    </div>
</div>
    
<div style="display:inline-block; white-space: nowrap; float:left;">
    <div id="hints_container">
            <div id="horizontal_hints_container"><h4>Vaakasuoraan</h4></div>
            <div id="vertical_hints_container"><h4>Pystysuoraan</h4></div>
    </div>

    <div id="buttons_container" class="panel-body">
        <button id="clear" class="btn btn-warning" onclick=clear_all()>Tyhjennä</button>
        <br>
        <br>
        <button id="check" class="btn btn-success" onclick=check()>Tarkista</button>
    </div>
</div>

<?php

    $answers = '["'.str_replace(',', '","', implode(',', $answers)).'"]';
    $clues = '["'.str_replace(',', '","', implode(',', $clues)).'"]';
    $positions = '["'.str_replace(',', '","', implode(',', $positions)).'"]';
    $orientations ='["'.str_replace(',', '","', implode(',', $orientations)).'"]';
    echo '<script>init('.$answers.','.$clues.','.$positions.','.$orientations.')</script>';
    //echo '<script>test()</script>';
    
?>