diff --git a/resources/views/admin/seals/_form.blade.php b/resources/views/admin/seals/_form.blade.php
deleted file mode 100644
index 282bab2..0000000
--- a/resources/views/admin/seals/_form.blade.php
+++ /dev/null
@@ -1,96 +0,0 @@
-@if(Session::has('success'))
-    <div class="alert alert-success alert-dismissible" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-        {{ Session::get('success') }}
-    </div>
-@elseif(Session::has('error'))
-    <div class="alert alert-danger alert-dismissible">
-        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-        <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-        {!! Session::get('error') !!}
-    </div>
-@elseif(isset($errorMsg))
-    <div class="alert alert-danger alert-dismissible">
-        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-        <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-        {!! $errorMsg !!}
-    </div>
-@endif
-<div class="card-header">
-    @if($isInfo)
-        <a href="{{route('seal_add')}}" class="btn btn-lg btn-success">{{__('登録')}}</a>
-        <a href="{{route('seal_edit',['id'=>$seal_issueid])}}" class="btn btn-lg btn-danger">{{__('編集')}}</a>
-    @else
-        <button type="submit" class="btn btn-lg btn-danger register" >{{__('保存')}}</button>
-    @endIf
-</div>
-<div class="card-body">
-    <div class="row">
-        @if($isEdit || $isInfo)
-            <div class="form-group col-3">
-                <label>{{__('validation.attributes.seal_issueid')}}</label>
-            </div>
-            <div class="form-group col-9">
-                <div class="input-group">
-                    <input type="text" class="form-control form-control-lg"
-                           placeholder="{{__('validation.attributes.seal_issueid')}}" readonly
-                           value="{{$seal_issueid}}">
-                </div>
-            </div>
-        @endIf
-        <div class="form-group col-3">
-            <label @if(!$isInfo) class="required" @endif>{{__('validation.attributes.contract_id')}}</label>
-        </div>
-        <div class="form-group col-9">
-            <div class="input-group">
-                <input type="text" class="form-control form-control-lg"
-                       placeholder="{{__('validation.attributes.contract_id')}}"
-                       name="contract_id" @if($isInfo) readonly @endif
-                       value="{{$contract_id}}">
-            </div>
-        </div>
-
-        <div class="form-group col-3">
-            <label>{{__('validation.attributes.seal_day')}}</label>
-        </div>
-        <div class="form-group col-9">
-            <div class="input-group">
-                <input type="date" name="seal_day" value="@if($seal_day){{date('Y-m-d',strtotime($seal_day))}}@endif"
-                       @if($isInfo) readonly @endif class="form-control form-control-lg"/>
-            </div>
-        </div>
-
-        <!-- 発行回数 -->
-        <div class="form-group col-3">
-            <label>{{__('validation.attributes.contract_seal_issue')}}</label>
-        </div>
-        <div class="form-group col-9">
-            <div class="input-group">
-                <input type="text" class="form-control form-control-lg"
-                       placeholder="{{__('validation.attributes.contract_seal_issue')}}"
-                       name="contract_seal_issue" @if($isInfo) readonly @endif
-                       value="{{$contract_seal_issue}}">
-            </div>
-        </div>
-
-
-        <div class="form-group col-3">
-            <label>{{__('validation.attributes.seal_reason')}}</label>
-        </div>
-        <div class="form-group col-9">
-            <div class="input-group">
-                <input type="text" class="form-control form-control-lg"
-                       placeholder="{{__('validation.attributes.seal_reason')}}"
-                       name="seal_reason" @if($isInfo) readonly @endif
-                       value="{{$seal_reason}}">
-            </div>
-        </div>
-    </div>
-    @if($isInfo)
-        <a href="{{route('seal_add')}}" class="btn btn-lg btn-success">{{__('登録')}}</a>
-        <a href="{{route('seal_edit',['id'=>$seal_issueid])}}" class="btn btn-lg btn-danger">{{__('編集')}}</a>
-    @else
-        <button type="submit" class="btn btn-lg btn-danger register" >{{__('保存')}}</button>
-    @endIf
-</div>
-
diff --git a/resources/views/admin/seals/add.blade.php b/resources/views/admin/seals/add.blade.php
deleted file mode 100644
index a3a6050..0000000
--- a/resources/views/admin/seals/add.blade.php
+++ /dev/null
@@ -1,53 +0,0 @@
-        
-@extends('layouts.app')
-@section('title', '[東京都|〇〇駐輪場] シール発行履歴')
-
-@section('content')
-    <!-- Content Header (Page header) -->
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">[東京都|〇〇駐輪場] シール発行履歴</h1>
-                </div><!-- /.col -->
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="./index2.html">XX様info(ホーム)</a></li>
-                        <li class="breadcrumb-item"><a href="./index3.html">[東京都|〇〇駐輪場]</a></li>
-                        <li class="breadcrumb-item">シール発行履歴</li>
-                        <li class="breadcrumb-item active">[東京都|〇〇駐輪場] シール発行履歴</li>
-                    </ol>
-                </div><!-- /.col -->
-            </div><!-- /.row -->
-        </div><!-- /.container-fluid -->
-    </div>
-    <!-- /.content-header -->
-
-    <!-- Main content -->
-    <section class="content">
-        <div class="container-fluid">
-            <!-- SELECT2 EXAMPLE -->
-
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="card">
-                        <form method="post" action="{{ route('seal_add')}}" enctype="multipart/form-data">
-                        <!-- TOKEN FORM -->
-                        <input type="hidden" name="_token" value="{{ csrf_token() }}" >
-                        <!-- / .TOKEN FORM -->
-                        @include('admin.seals._form',['isEdit'=>0,'isInfo'=>0])
-                        </form>
-                    </div>
-                </div>
-            </div>
-
-            <div class="container-fluid mb20">
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('削除')}}</button>
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('インポート')}}</button>
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('CSV出力')}}</button>
-            </div>
-        </div>
-    </section>
-    <!-- /.content -->
-
-@endsection
diff --git a/resources/views/admin/seals/edit.blade.php b/resources/views/admin/seals/edit.blade.php
deleted file mode 100644
index b519b4a..0000000
--- a/resources/views/admin/seals/edit.blade.php
+++ /dev/null
@@ -1,53 +0,0 @@
-        
-@extends('layouts.app')
-@section('title', '[東京都|〇〇駐輪場] シール発行履歴')
-
-@section('content')
-    <!-- Content Header (Page header) -->
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">[東京都|〇〇駐輪場] シール発行履歴</h1>
-                </div><!-- /.col -->
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="./index2.html">XX様info(ホーム)</a></li>
-                        <li class="breadcrumb-item"><a href="./index3.html">[東京都|〇〇駐輪場]</a></li>
-                        <li class="breadcrumb-item">シール発行履歴</li>
-                        <li class="breadcrumb-item active">利用者マスタ</li>
-                    </ol>
-                </div><!-- /.col -->
-            </div><!-- /.row -->
-        </div><!-- /.container-fluid -->
-    </div>
-    <!-- /.content-header -->
-
-    <!-- Main content -->
-    <section class="content">
-        <div class="container-fluid">
-            <!-- SELECT2 EXAMPLE -->
-
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="card">
-                        <form method="post" action="{{ route('seal_edit',['id'=>$seal_issueid])}}" enctype="multipart/form-data">
-                        <!-- TOKEN FORM -->
-                        <input type="hidden" name="_token" value="{{ csrf_token() }}" >
-                        <!-- / .TOKEN FORM -->
-                        @include('admin.seals._form',['isEdit'=>1,'isInfo'=>0])
-                        </form>
-                    </div>
-                </div>
-            </div>
-
-            <div class="container-fluid mb20">
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('削除')}}</button>
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('インポート')}}</button>
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('CSV出力')}}</button>
-            </div>
-        </div>
-    </section>
-    <!-- /.content -->
-
-@endsection
diff --git a/resources/views/admin/seals/info.blade.php b/resources/views/admin/seals/info.blade.php
deleted file mode 100644
index 64577a7..0000000
--- a/resources/views/admin/seals/info.blade.php
+++ /dev/null
@@ -1,53 +0,0 @@
-        
-@extends('layouts.app')
-@section('title', '[東京都|〇〇駐輪場] シール発行履歴')
-
-@section('content')
-    <!-- Content Header (Page header) -->
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">[東京都|〇〇駐輪場] シール発行履歴</h1>
-                </div><!-- /.col -->
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="./index2.html">XX様info(ホーム)</a></li>
-                        <li class="breadcrumb-item"><a href="./index3.html">[東京都|〇〇駐輪場]</a></li>
-                        <li class="breadcrumb-item">シール発行履歴</li>
-                        <li class="breadcrumb-item active">利用者マスタ</li>
-                    </ol>
-                </div><!-- /.col -->
-            </div><!-- /.row -->
-        </div><!-- /.container-fluid -->
-    </div>
-    <!-- /.content-header -->
-
-    <!-- Main content -->
-    <section class="content">
-        <div class="container-fluid">
-            <!-- SELECT2 EXAMPLE -->
-
-            <div class="row">
-                <div class="col-lg-12">
-                    <div class="card">
-                        <form method="post" action="{{ route('seal_info',['id'=>$seal_issueid])}}" enctype="multipart/form-data">
-                        <!-- TOKEN FORM -->
-                        <input type="hidden" name="_token" value="{{ csrf_token() }}" >
-                        <!-- / .TOKEN FORM -->
-                        @include('admin.seals._form',['isEdit'=>0,'isInfo'=>1])
-                        </form>
-                    </div>
-                </div>
-            </div>
-
-            <div class="container-fluid mb20">
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('削除')}}</button>
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('インポート')}}</button>
-                <button type="submit" class="btn btn-sm btn-default mr10">{{__('CSV出力')}}</button>
-            </div>
-        </div>
-    </section>
-    <!-- /.content -->
-
-@endsection
diff --git a/resources/views/admin/seals/list.blade.php b/resources/views/admin/seals/list.blade.php
index 7f1fb8f..61b55a5 100644
--- a/resources/views/admin/seals/list.blade.php
+++ b/resources/views/admin/seals/list.blade.php
@@ -1,161 +1,131 @@
-        
 @extends('layouts.app')
 @section('title', '[東京都|〇〇駐輪場] シール発行履歴')
+
 @section('content')
-    <div class="content-header">
-        <div class="container-fluid">
-            <div class="row mb-2">
-                <div class="col-lg-6">
-                    <h1 class="m-0 text-dark">{{__('シール発行履歴')}}</h1>
-                </div><!-- /.col -->
-                <div class="col-lg-6">
-                    <ol class="breadcrumb float-sm-right text-sm">
-                        <li class="breadcrumb-item"><a href="{{route('home')}}">XX様info(ホーム)</a></li>
-                        <li class="breadcrumb-item"><a href="javascript: void(0);">[東京都|〇〇駐輪場]</a></li>
-                        <li class="breadcrumb-item active">{{__('シール発行履歴')}}</li>
-                    </ol>
-                </div><!-- /.col -->
-            </div><!-- /.row -->
-        </div><!-- /.container-fluid -->
+<div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-2">
+        <h3 class="m-0 text-dark">シール発行履歴</h3>
+        <nav aria-label="breadcrumb" class="mb-0" style="background: transparent;">
+            <ol class="breadcrumb px-2 py-2 mb-0" style="background: transparent;">
+                <li class="breadcrumb-item"><a href="{{ route('home') }}">ホーム</a></li>
+                <li class="breadcrumb-item active" aria-current="page">シール発行履歴</li>
+            </ol>
+        </nav>
     </div>
-    <!-- /.content-header -->
 
-    <!-- Main content -->
-    <section class="content">
-        <div class="container-fluid">
-            <!-- SELECT2 EXAMPLE -->
+    <!-- 絞り込みフィルター -->
+    <div class="card mb-3">
+        <div class="card-body">
+            <form method="GET" action="{{ route('seals') }}">
+                <div class="row mb-3">
+                    <label class="col-sm-2 col-form-label fw-bold">シール発行駐輪場</label>
+                    <div class="col-sm-4">
+                        <select name="park_id" class="form-select">
+                            <option value="">全て</option>
+                            {{-- @foreach($parks as $park)
+                                <option value="{{ $park->id }}" {{ request('park_id') == $park->id ? 'selected' : '' }}>{{ $park->name }}</option>
+                            @endforeach --}}
+                        </select>
+                    </div>
+                </div>
+                <div class="row mb-3 align-items-center">
+                    <label class="col-sm-2 col-form-label fw-bold">発行日</label>
+                    <div class="col-sm-10">
+                        <div class="row g-2 align-items-center mb-2">
+                            <div class="col-auto">
+                                <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="period_type" id="period_type_range" value="range" {{ request('period_type', 'range') == 'range' ? 'checked' : '' }}>
+                                    <label class="form-check-label" for="period_type_range">範囲指定</label>
+                                </div>
+                            </div>
+                            <div class="col-auto">
+                                <div class="input-group">
+                                    <input type="date" name="seal_day_from" id="seal_day_from" class="form-control" value="{{ request('seal_day_from') }}">
+                                    <span class="input-group-text">～</span>
+                                    <input type="date" name="seal_day_to" id="seal_day_to" class="form-control" value="{{ request('seal_day_to') }}">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row g-2 align-items-center">
+                            <div class="col-auto">
+                                <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="period_type" id="period_type_recent" value="recent" {{ request('period_type') == 'recent' ? 'checked' : '' }}>
+                                    <label class="form-check-label" for="period_type_recent">直近Nヶ月等</label>
+                                </div>
+                            </div>
+                            <div class="col-auto">
+                                <select name="recent_period" id="recent_period" class="form-select">
+                                    <option value="">全て</option>
+                                    <option value="12m" {{ request('recent_period') == '12m' ? 'selected' : '' }}>直近12ヶ月</option>
+                                    <option value="6m" {{ request('recent_period') == '6m' ? 'selected' : '' }}>直近6ヶ月</option>
+                                    <option value="3m" {{ request('recent_period') == '3m' ? 'selected' : '' }}>直近3ヶ月</option>
+                                    <option value="2m" {{ request('recent_period') == '2m' ? 'selected' : '' }}>直近2ヶ月</option>
+                                    <option value="1m" {{ request('recent_period') == '1m' ? 'selected' : '' }}>直近1ヶ月</option>
+                                    <option value="1w" {{ request('recent_period') == '1w' ? 'selected' : '' }}>直近1週間</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
 
-
-            <div class="row">
-                <form action="{{route('seals')}}" method='post' id='list-form'>
-                <input type="hidden" name="_token" value="{{ csrf_token() }}">
-                <input type="hidden" value="{{$sort}}" name="sort" id="sort">
-                <input type="hidden" value="{{$sort_type}}" name="sort_type" id="sort_type">
+                <div class="row">
+                    <div class="col-sm-12 text-end">
+                        <button type="submit" class="btn btn-default me-2">絞り込み</button>
+                        <a href="{{ route('seals') }}" class="btn btn-default">解除</a>
+                    </div>
+                </div>
             </form>
+        </div>
+    </div>
 
-                <div class="container-fluid mb20">
-                    <button type="submit" class="btn btn-sm btn-default mr10" name="delete" id="delete">{{__('削除')}}</button>
-                    <button type="submit" class="btn btn-sm btn-default mr10" name="import_csv" id="import_csv" action="{{route('seals_import')}}">{{__('インポート')}}</button>
-                    <button type="submit" class="btn btn-sm btn-default mr10" name="export_csv" id="export_csv" action="{{route('seals_export')}}">{{__('CSV出力')}}</button>
-                    {{ $list->appends(['sort' => $sort,'sort_type'=>$sort_type])->links('pagination') }}
-                </div>
-                <div class="form col-lg-12">
-                    @if(Session::has('success'))
-                        <div class="alert alert-success alert-dismissible" role="alert">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            {{ Session::get('success') }}
-                        </div>
-                    @elseif(Session::has('error'))
-                        <div class="alert alert-danger alert-dismissible">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-                            {!! Session::get('error') !!}
-                        </div>
-                    @elseif(isset($errorMsg))
-                        <div class="alert alert-danger alert-dismissible">
-                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-                            <h4><i class="icon fa fa-ban"></i> {{__('誤差')}}:</h4>
-                            {!! $errorMsg !!}
-                        </div>
-                    @endif
-                </div>
-                <div class="col-lg-12 row sample03-wrapper no_padding_right mb20">
-                    <div class="col-xl-2 col-lg-2 col-md-2 col-sm-3 col-xs-3 table_left">
-                        <form action="{{route('seals_delete')}}" method="post" id="form_delete">
-                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
-                            <table class="table dataTable">
-                                <thead>
-                                <tr>
-                                    <th>
-                                        <input type="checkbox" class="minimal m-0" id="checkbox_all">
-                                    </th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                @foreach($list as $item)
-                                    <tr role="row">
-                                        <td>
-                                            <input type="checkbox" class="minimal m-0 checkbox"
-                                                   value="{{$item->seal_issueid}}" name="pk[]">
-                                            <div class="btn_action">
-                                                {{--<a href="{{route('seal_add')}}" class="btn btn-sm btn-default">詳細</a>--}}
-                                                <a href="{{route('seal_info',['pk'=>$item->seal_issueid])}}"
-                                                   class="btn btn-sm btn-default ml10">{{__('編集')}}</a>
-                                            </div>
-                                        </td>
-
-                                    </tr>
-                                @endforeach
-                                </tbody>
-                            </table>
-                        </form>
-                    </div>
-                    <div class="col-lg-10 col-xl-10 col-md-10 col-sm-9 col-xs-9 table_right no_padding_right">
-                        <div class="scroll">
-                            <table class="table dataTable">
-                                <thead>
-                                <tr>
-                                    <!-- シール発行履歴ID -->
-                                    <th class="sorting @if($sort=="seal_issueid"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
-                                        sort="seal_issueid"><span>{{__('validation.attributes.seal_issueid')}}</span>
-                                    </th>
-                                    <!-- 定期契約ID -->
-                                    <th class="sorting @if($sort=="contract_id"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
-                                        sort="contract_id"><span>{{__('validation.attributes.contract_id')}}</span>
-                                    </th>
-                                    <!-- 発行日 -->
-                                    <th class="sorting @if($sort=="seal_day"){{$sort_type == 'asc'?'sorting_asc':'sorting_desc'}}@endif"
-                                        sort="seal_day"><span>{{__('validation.attributes.seal_day')}}</span>
-                                    </th>
-                                    
-                                    <!-- 発行回数 -->
-                                    <th><span>{{__('validation.attributes.contract_seal_issue')}}</span>
-                                    </th>
-                                    <!-- 理由 -->
-                                    <th><span>{{__('validation.attributes.seal_reason')}}</span>
-                                    </th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                @foreach($list as $item)
-                                    <tr>
-                                        
-                                    <!--  シール発行履歴ID -->
-                                        <td class='sm-item text-left'>
-                                            <span>{{mb_substr($item->seal_issueid, 0, 10)}}</span></td>
-                                        
-                                    <!-- 定期契約ID -->
-                                        <td class='sm-item text-left'>
-                                            <span>{{mb_substr($item->contract_id, 0, 10)}}</span></td>
-                                        
-                                    <!-- 発行日 -->
-                                        <td class='sm-item text-left'>
-                                            @if($item->seal_day)
-                                                <span class="text-muted"><i class="fa fa-clock-o mr-1"></i>
-                                                    {{mb_substr($item->seal_day, 0, 10)}}
-                                                </span>
-                                            @endif
-                                        </td>
-                                        
-                                    <!-- 発行回数 -->
-                                        <td class='sm-item text-left'>
-                                            <span>{{mb_substr($item->contract_seal_issue, 0, 10)}}</span></td>
-                                        
-                                    <!-- 理由 -->
-                                        <td class='sm-item text-right'>
-                                            <span>{{mb_substr($item->seal_reason, 0, 10)}}</span></td>
-                                    </tr>
-                                @endforeach
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-                </div>
-
+    <!-- データテーブル -->
+    <div class="table-responsive">
+        <table class="table table-bordered table-hover table-sm">
+            <thead class="thead-light">
+                <tr>
+                    <th>シール発行履歴ID</th>
+                    <th>シール発行駐輪場</th>
+                    <th>定期契約ID</th>
+                    <th>車種区分ID</th>
+                    <th>発行日</th>
+                    <th>発行回数</th>
+                    <th>理由</th>
+                </tr>
+            </thead>
+            <tbody>
+                @foreach($list as $item)
+                <tr>
+                    <td>{{ $item->seal_issueid }}</td>
+                    <td>{{ $item->park_name ?? $item->park_id }}</td>
+                    <td>
+                        {{-- @if($item->contract_id)
+                            <a href="{{ route('contracts.show', ['contract' => $item->contract_id]) }}" target="_blank">{{ $item->contract_id }}</a>
+                        @endif --}}
+                    </td>
+                    <td>{{ $item->psection_name ?? $item->psection_id }}</td>
+                    <td>{{ $item->seal_day }}</td>
+                    <td>{{ $item->contract_seal_issue }}</td>
+                    <td>{{ $item->seal_reason }}</td>
+                </tr>
+                @endforeach
+            </tbody>
+        </table>
+        <div class="d-flex align-items-center mb-2">
+            <div class="ms-auto">
+                {{ $list->appends(request()->except('page'))->links('pagination') }}
             </div>
-            <!-- /.row -->
-        </div><!-- /.container-fluid -->
-    </section>
-    <!-- /.content -->
-
+        </div>
+    </div>
+</div>
+<script>
+    function togglePeriodInputs() {
+        const isRange = document.getElementById('period_type_range').checked;
+        document.getElementById('seal_day_from').disabled = !isRange;
+        document.getElementById('seal_day_to').disabled = !isRange;
+        document.getElementById('recent_period').disabled = isRange;
+    }
+    document.getElementById('period_type_range').addEventListener('change', togglePeriodInputs);
+    document.getElementById('period_type_recent').addEventListener('change', togglePeriodInputs);
+    window.addEventListener('DOMContentLoaded', togglePeriodInputs);
+</script>
 @endsection
\ No newline at end of file