@extends('admin.layouts.app')

@section('content')

        <div class="table-wrap">
            <div class="table-wrap-left">
                <table class="table2">
                    <tr>
                        <th>取引成立日</th>
                        <td>
                            <ul class="table-list2">
                                <li>
                                    <input type="date" placeholder="" class="text">
                                </li>
                                <li>～</li>
                                <li>
                                    <input type="date" placeholder="" class="text">
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <th>形状</th>
                        <td><input type="text" placeholder="" class="text" value=""></td>
                    </tr>
                </table>
            </div>
            <div class="table-wrap-right">
                <table class="table2">
                    <tr>
                        <th>型式</th>
                        <td><input type="text" placeholder="" class="text" value=""></td>
                    </tr>
                    <tr>
                        <th>ステータス</th>
                        <td><input type="text" placeholder="" class="text" value=""></td>
                    </tr>
                </table>
            </div>
            <div class="search-btn">
                <input type="submit" class="ok coilok" value="検索">
            </div>
        </div>
        <div class="tour-content">
            <h2 class="title float-l">契約一覧</h2>
            <p class="float-l pagecount">100件/全1021件</p>
        </div>
        <div class="scroll">
            <table class="table text-centre">
                <thead>
                <tr>
                    <th></th>
                    <th>ステータス</th>
                    <th>受付番号</th>
                    <th>形状</th>
                    <th>型式</th>
                    <th>見積金額</th>
                    <th>引取日</th>
                    <th>買取日</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="established">取引成立</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="end">取引終了</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="cancel">取引キャンセル</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="ok">引取日確定</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr class="caution">
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="changes">金額変更後買取</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="pager">
            <ul>
                <li>1</li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">6</a></li>
                <li><a href="">7</a></li>
                <li><a href="">8</a></li>
                <li><a href="">9</a></li>
                <li><a href="">10</a></li>
            </ul>
        </div>

@endsection