<%
  my $dbi = app->dbi;
  my $op = param('op') // '';
  my $book_id = param('book-id');
  
  my $show_word_count;
  my $word_count_h = {};
  my $word = param('word');
  my $word_length = length $word;
  if ($word_length) {
    $show_word_count = 1;
    for (my $i = 0; $i < 66; $i++) {
      my $num = sprintf "%02d", $i + 1;
      
      my $content = $dbi->select(
        'content_no_tag',
        table => 'book',
        where => {id => $num}
      )->value;

      my $content_length = length $content;

      $content =~ s/$word//g;

      my $content_length_no_word = length $content;

      my $word_count = ($content_length - $content_length_no_word) / $word_length;

      $word_count_h->{$num} = $word_count;
    }
  }
  
  warn dumper $word_count_h;
  
  my $books = $dbi->model('book')->select(['id', 'short_name'])->all;
  
  my $content;
  if ($book_id) {
    $content = $dbi->model('book')->select(
      'content',
      where => {id => $book_id}
    )->value;
  }
%>


% layout 'common';

<div id="container">

  <div id="boxA">
    <h1>口語訳聖書オンライン語句検索</h1>
  </div>

  <div id="boxB">
      <form style="margin-bottom:5px" action="<%= url_for('current') %>" method="get">
        <%= text_field 'word' , style => "width:160px"%>
        <input type="submit" value="検索" style="width:50px;padding:2px;">
      </form>
      <div style="margin-bottom:10px;">
        <a href="<%= url_for('/') %>" style="color:blue">聖書</a>
      </div>
      <div style="border:1px solid gray;width:218px;height:400px;overflow:auto;padding:5px">
        <table style="border-collapse: collapse;width:100%;color:#333333">
            <tr style="border-bottom:1px solid #EEEEEE">
              <td>
                書
              </td>
              <td style="text-align:right">
                % if ($word_length) {
                  回数
                % }
              </td>
            </tr>
          % for my $book (@$books) {
            <tr>
              <td>
                <a class="book" id="<%= "book-$book->{id}" %>" href="<%= url_for->query('book-id' => $book->{id}) %>"><%= $book->{short_name} %></a>
              </td>
              <td style="text-align:right">
                <%= $word_count_h->{$book->{id}} %>
              </td>
            </tr>
          % }
        </table>
      </div>
  </div>

  <div id="boxC">
    <div style="height:500px;overflow:auto">
      % if ($book_id) {
        %== $content
      % }
    </div>
  </div>


  <div id="boxD">
    <div style="border-top:1px solid #AAAAAA;padding-top:10px;">
      This site is create by
      <a href="http://d.hatena.ne.jp/perlcodesample">Perl</a> +
      <a href="http://d.hatena.ne.jp/perlcodesample/20140319/1395203665">Mojolicious</a>.
      Auther is <a href="https://twitter.com/yukikimoto2">Yuki kimoto</a>.
    </div>
  </div>
</div>