<style>
    @media screen and (max-width: 1440px){
        .modal_contents__left table{
            table-layout: inherit;
        }
    }
</style>
<div id="modal-content{{$no}}" class="modal-contents">
    <div id="modal_open">
        <main id="modal_main_{{$no}}" data-nn="{{$no}}" >
            <div class="search_area">
                <table class="search_area__table">
                    <tr>
                        <th>都道府県</th>
                        <td>
                        @include('admin.objects.components.selectbox', ['name' => 'search_station_pref', 'options' => $pref, 'selected' => Config::get('const.DEFAULT_PREF')])
                        </td>
                        <th>市区</th>
                        <td>
                        @include('admin.objects.components.selectbox', ['name' => 'search_station_city', 'options' => $city, 'title' => '市区郡'])
                        </td>
                    </tr>
                    <tr>
                        <td class="text-center">駅</td>
                        <td style="border-bottom: none; border-color: transparent"><input type="text" class="c-selectbox w-100" name="search_station_name"></td>
                        <td colspan="2"></td>
                    </tr>
                    <tr>
                        <td colspan="4" class="text-center" style="background: linear-gradient(#F4F8FF, #EBEDD1);"><button type="button" class="btn_search btn-search-line">検索</button></td>
                    </tr>
                </table>
            </div>
            <div class="modal_contents d-flex justify-content-between">
                <div class="modal_contents__left">
                    <table id="station_list_multis_{{$no}}">
                        <thead>
                        <tr>
                            <th class="left_th">沿線名</th>
                            <th>駅名</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
{{--                <div class="search_filter">--}}
{{--                    <table class="search_filter__table">--}}
{{--                        <tr>--}}
{{--                            <th>絞り込み<br>検索</th>--}}
{{--                            <td>--}}
{{--                                @include('admin.objects.components.input', ['name' => 'search_line_key'])--}}
{{--                            </td>--}}
{{--                        </tr>--}}
{{--                        <tr>--}}
{{--                            <th>沿線</th>--}}
{{--                            <td>--}}
{{--                                <table name="line_list">--}}
{{--                                </table>--}}
{{--                            </td>--}}
{{--                        </tr>--}}
{{--                    </table>--}}
{{--                </div>--}}
{{--                <div class="search_filter">--}}
{{--                    <table class="search_filter__table">--}}
{{--                        <tr>--}}
{{--                            <th>絞り込み<br>検索</th>--}}
{{--                            <td>--}}
{{--                                @include('admin.objects.components.input', ['name' => 'search_station_key'])--}}
{{--                            </td>--}}
{{--                        </tr>--}}
{{--                        <tr>--}}
{{--                            <th>駅</th>--}}
{{--                            <td>--}}
{{--                                <div style="height:300px; overflow: scroll;">--}}
{{--                                    <table name="station_list">--}}
{{--                                    </table>--}}
{{--                                </div>--}}
{{--                            </td>--}}
{{--                        </tr>--}}
{{--                    </table>--}}
{{--                </div>--}}
            </div>
            <footer id="modal_footer" class="d-flex footer__btn-list">
                <p><a class="set_traffic btn_select" data-n="{{$no}}">登録</a></p>
                <p><a class="modal-close btn_close" class="button-link" data-n="{{$no}}">閉じる</a></p>
            </footer>
        </main>
    </div>
</div>
