@extends('admin.layouts.base')

@section('contents')

<input type="button" class="modal-open" data-n="1">開く
<input type="button" class="modal-open" data-n="2">開く
<div id="faq_csv_modal_window">
{{-- モーダルウィンドウ --}}
@include('admin.objects.components.modal-window')
@section('modal_window1')
    <div id="modal_open">
        <header id="modal_header">
            モーダルヘッダーです。
        </header>
        <main id="modal_main">

        </main>
        <footer id="modal_footer">
            <p><a class="modal-close" class="button-link" data-n="1">閉じる</a></p>
        </footer>
    </div>
@endsection
@section('modal_window2')
    <div id="modal_open2">
        <header id="modal_header">
            モーダルヘッダー2です。
        </header>
        <main id="modal_main">

        </main>
        <footer id="modal_footer">
            <p><a class="modal-close" class="button-link" data-n="2">閉じる</a></p>
        </footer>
    </div>
@endsection
@yield('modal_window1')
@yield('modal_window2')
@yield('modal_script')
</div>
@endsection('contents')