<!DOCTYPE html>
<html lang="ja-JP">

<head>
    <meta charset="utf-8">
    <title>作業一覧|A Book Check</title>
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="eXFrame">

    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
</head>

<body>
    <header>

        <nav class="navbar navbar-dark bg-primary">

            <a href="index.html" class="navbar-brand category-btn lht-0">
                <i class="fas fa-chevron-left fs-12 p-1"></i>
                <span class="d-none d-md-inline fs-10">
                    戻る
                </span>
            </a>

            <a href="form_output.html" class="nav-link text-white lht-0 p-1">
                <i class="fas fa-clipboard-list fs-12 p-1"></i>
                <span class="d-none d-md-inline fs-10">
                    帳票出力
                </span>
            </a>

        </nav>

    </header>

    <div class="container-fluid mb-5">

        <main>

            <div class="bg-lightblue wide-wrap mb-4">
                <div class="container-fluid py-3">
                    <h1 class="fs-14 font-weight-bold mb-3">タイトル作業名</h1>

                    <div class="lht-0 mb-2">
                        <i class="far fa-clock text-primary"></i>
                        <span>2021/02/10</span>~<span>2021/02/11</span>
                    </div>


                    <form class="d-flex">
                        <div class="w-99 w-md-50 w-lg-30 mr-2 mb-2">
                            <label for="job-title" class="sr-only">search</label>
                            <input type="text" class="form-control" id="job-title" placeholder="作業名">
                        </div>
                        <button type="submit" class="btn btn-outline-primary fs-8 py-2 mb-2 text-nowrap flex-shrink-1">検索</button>
                    </form>

                </div>
            </div>


            <section>
                <div class="row align-items-end mb-3">
                    <div class="col-6">
                        <a href="report_form.html" class="btn btn-outline-primary fs-8 py-2">報告追加</a>

                    </div>
                    <div class="col-6 text-right">
                        <div class="fs-8">合計箇所:5カ所</div>

                    </div>
                </div>

            </section>


            <section>

                <article class="rounded border px-3 py-2 mb-3">
                    <a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
                        <div class="w-100">
                            <h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>

                            <div class="d-flex justify-content-between align-items-center">
                                <div class="user-id align-middle">ma0001-ma0001</div>
                                <div class="report-status status-completed lht-0 fs-9 font-weight-bold text-primary">
                                    <i class="fas fa-check-circle"></i>
                                    完了
                                </div>

                            </div>

                        </div>
                        <div class="flex-shrink-1 ml-3 align-self-center">
                            <div class="next-icon">
                                <div class="bg-primary rounded-circle">
                                    <i class="fas fa-chevron-right fs-9 text-white"></i>
                                </div>
                            </div>
                        </div>
                    </a>
                </article>

                <article class="rounded border px-3 py-2 mb-3">
                    <a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
                        <div class="w-100">
                            <h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキストタイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキストタイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>

                            <div class="d-flex justify-content-between align-items-center">
                                <div class="user-id align-middle">ma0001-ma0001</div>
                                <div class="report-status status-completed lht-0 fs-9 font-weight-bold text-warning">
                                    <i class="fas fa-stopwatch"></i>
                                    進行中
                                </div>

                            </div>

                        </div>
                        <div class="flex-shrink-1 ml-3 align-self-center">
                            <div class="next-icon">
                                <div class="bg-primary rounded-circle">
                                    <i class="fas fa-chevron-right fs-9 text-white"></i>
                                </div>
                            </div>
                        </div>
                    </a>
                </article>


                <article class="rounded border px-3 py-2 mb-3">
                    <a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
                        <div class="w-100">
                            <h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>

                            <div class="d-flex justify-content-between align-items-center">
                                <div class="user-id align-middle">ma0001-ma0001</div>
                                <div class="report-status status-completed lht-0 fs-9 font-weight-bold text-primary">
                                    <i class="fas fa-check-circle"></i>
                                    完了
                                </div>

                            </div>

                        </div>
                        <div class="flex-shrink-1 ml-3 align-self-center">
                            <div class="next-icon">
                                <div class="bg-primary rounded-circle">
                                    <i class="fas fa-chevron-right fs-9 text-white"></i>
                                </div>
                            </div>
                        </div>
                    </a>
                </article>

                <article class="rounded border px-3 py-2 mb-3">
                    <a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
                        <div class="w-100">
                            <h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>

                            <div class="d-flex justify-content-between align-items-center">
                                <div class="user-id align-middle">ma0001-ma0001</div>
                                <div class="report-status status-completed lht-0 fs-9 font-weight-bold text-warning">
                                    <i class="fas fa-stopwatch"></i>
                                    進行中
                                </div>

                            </div>

                        </div>
                        <div class="flex-shrink-1 ml-3 align-self-center">
                            <div class="next-icon">
                                <div class="bg-primary rounded-circle">
                                    <i class="fas fa-chevron-right fs-9 text-white"></i>
                                </div>
                            </div>
                        </div>
                    </a>
                </article>

            </section>

        </main>

    </div>


    <script type="text/javascript" src="js/app.js" defer></script>
</body>

</html>