@extends('adminlte::page')

@section('title', '物件一覧')

@section('content_header')
    <h1>物件一覧</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">検索条件</h3>
        </div>
        <div class="card-body">
            <form method="GET" action="{{ route('properties.index') }}" class="mb-4">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="property_type">物件種別</label>
                            <select name="property_type" id="property_type" class="form-control">
                                <option value="">選択してください</option>
                                <option value="戸建て" {{ request('property_type') == '戸建て' ? 'selected' : '' }}>戸建て</option>
                                <option value="マンション" {{ request('property_type') == 'マンション' ? 'selected' : '' }}>マンション</option>
                                <option value="土地" {{ request('property_type') == '土地' ? 'selected' : '' }}>土地</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="prefecture_id">都道府県</label>
                            <select name="prefecture_id" id="prefecture_id" class="form-control">
                                <option value="">選択してください</option>
                                @foreach($prefectures as $prefecture)
                                    <option value="{{ $prefecture->id }}" {{ request('prefecture_id') == $prefecture->id ? 'selected' : '' }}>
                                        {{ $prefecture->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="min_price">最低価格</label>
                            <input type="number" name="min_price" id="min_price" class="form-control" value="{{ request('min_price') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="max_price">最高価格</label>
                            <input type="number" name="max_price" id="max_price" class="form-control" value="{{ request('max_price') }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="property_name">物件名</label>
                            <input type="text" name="property_name" id="property_name" class="form-control" value="{{ request('property_name') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="address">所在地</label>
                            <input type="text" name="address" id="address" class="form-control" value="{{ request('address') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="bidding_start_date">入札開始日</label>
                            <input type="date" name="bidding_start_date" id="bidding_start_date" class="form-control" value="{{ request('bidding_start_date') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="bidding_end_date">入札終了日</label>
                            <input type="date" name="bidding_end_date" id="bidding_end_date" class="form-control" value="{{ request('bidding_end_date') }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="division_type">区分</label>
                            <input type="text" name="division_type" id="division_type" class="form-control" 
                                value="{{ request('division_type') }}"
                                placeholder="例：居宅　事務所　等">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="min_area">最小面積(㎡)</label>
                            <input type="number" step="0.01" name="min_area" id="min_area" class="form-control" value="{{ request('min_area') }}" placeholder="例：100">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="max_area">最大面積(㎡)</label>
                            <input type="number" step="0.01" name="max_area" id="max_area" class="form-control" value="{{ request('max_area') }}" placeholder="例：100">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="active_only" name="active_only" value="1" {{ request('active_only') ? 'checked' : '' }}>
                                <label class="custom-control-label" for="active_only">入札期間中の物件のみ表示</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">検索</button>
                            <a href="{{ route('properties.index') }}" class="btn btn-secondary">リセット</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                        <th>都道府県</th>
                            <th>物件名</th>
                            <th>所在地</th>
                            <th>物件種別</th>
                            <th>区分</th>
                            <th class="text-right">価格</th>
                            <th>入札期間</th>
                            <th>登録日時</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($properties as $property)
                            <tr>
                                <td>{{ $property->municipality->prefecture->name ?? '-' }}</td>
                                <td>
                                    <a href="#" data-toggle="collapse" data-target="#property-{{ $property->id }}" class="text-primary">
                                        {{ $property->property_name }}
                                    </a>
                                </td>
                                <td>{{ $property->address }}</td>
                                <td>{{ $property->property_type }}</td>
                                <td>{{ $property->division_type }}</td>
                                <td class="text-right">{{ number_format($property->base_price) }}円</td>
                                <td>
                                    @if($property->bidding_start_date && $property->bidding_end_date)
                                        {{ $property->bidding_start_date->format('Y/m/d') }} 〜 {{ $property->bidding_end_date->format('Y/m/d') }}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>{{ $property->created_at->format('Y/m/d') }}</td>
                                <td>
                                    <form action="https://www.bit.courts.go.jp/app/areaselect/ps002/h10" method="POST" target="_blank">
                                        <!-- ... 既存のフォーム要素 ... -->
                                        <button type="submit" class="btn btn-sm btn-info">
                                            <i class="fas fa-external-link-alt"></i> 詳細
                                        </button>
                                    </form>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="8" class="p-0">
                                    <div class="collapse" id="property-{{ $property->id }}">
                                        <div class="card card-body">
                                            <!-- 基本情報 -->
                                            <h6 class="border-bottom pb-2">基本情報</h6>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->property_number)
                                                        <dt class="col-sm-4">物件番号</dt>
                                                        <dd class="col-sm-8">{{ $property->property_number }}</dd>
                                                        @endif

                                                        @if($property->property_type)
                                                        <dt class="col-sm-4">物件種別</dt>
                                                        <dd class="col-sm-8">{{ $property->property_type }}</dd>
                                                        @endif

                                                        @if($property->division_type)
                                                        <dt class="col-sm-4">種別</dt>
                                                        <dd class="col-sm-8">{{ $property->division_type }}</dd>
                                                        @endif

                                                        @if($property->address)
                                                        <dt class="col-sm-4">所在地</dt>
                                                        <dd class="col-sm-8">{{ $property->address }}</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->base_price)
                                                        <dt class="col-sm-4">売却基準価額</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->base_price) }}円</dd>
                                                        @endif

                                                        @if($property->guarantee_price)
                                                        <dt class="col-sm-4">買受申出保証金</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->guarantee_price) }}円</dd>
                                                        @endif

                                                        @if($property->min_bid_price)
                                                        <dt class="col-sm-4">買受可能価額</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->min_bid_price) }}円</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                            </div>

                                            <!-- 期日情報 -->
                                            <h6 class="border-bottom pb-2 mt-4">期日情報</h6>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->listing_start_date)
                                                        <dt class="col-sm-4">公示開始日</dt>
                                                        <dd class="col-sm-8">{{ $property->listing_start_date->format('Y/m/d') }}</dd>
                                                        @endif

                                                        @if($property->viewing_start_date)
                                                        <dt class="col-sm-4">閲覧開始日</dt>
                                                        <dd class="col-sm-8">{{ $property->viewing_start_date->format('Y/m/d') }}</dd>
                                                        @endif

                                                        @if($property->bidding_start_date)
                                                        <dt class="col-sm-4">入札開始日</dt>
                                                        <dd class="col-sm-8">{{ $property->bidding_start_date->format('Y/m/d') }}</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->bidding_end_date)
                                                        <dt class="col-sm-4">入札終了日</dt>
                                                        <dd class="col-sm-8">{{ $property->bidding_end_date->format('Y/m/d') }}</dd>
                                                        @endif

                                                        @if($property->opening_date)
                                                        <dt class="col-sm-4">開札期日</dt>
                                                        <dd class="col-sm-8">{{ $property->opening_date->format('Y/m/d') }}</dd>
                                                        @endif

                                                        @if($property->sale_decision_date)
                                                        <dt class="col-sm-4">売却決定期日</dt>
                                                        <dd class="col-sm-8">{{ $property->sale_decision_date->format('Y/m/d') }}</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                            </div>

                                            <!-- 建物情報 -->
                                            <h6 class="border-bottom pb-2 mt-4">建物情報</h6>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->house_number)
                                                        <dt class="col-sm-4">家屋番号</dt>
                                                        <dd class="col-sm-8">{{ $property->house_number }}</dd>
                                                        @endif

                                                        @if($property->building_number)
                                                        <dt class="col-sm-4">建物番号</dt>
                                                        <dd class="col-sm-8">{{ $property->building_number }}</dd>
                                                        @endif

                                                        @if($property->usage_registry)
                                                        <dt class="col-sm-4">種類（登記）</dt>
                                                        <dd class="col-sm-8">{{ $property->usage_registry }}</dd>
                                                        @endif

                                                        @if($property->usage_current)
                                                        <dt class="col-sm-4">種類（現況）</dt>
                                                        <dd class="col-sm-8">{{ $property->usage_current }}</dd>
                                                        @endif

                                                        @if($property->structure_registry)
                                                        <dt class="col-sm-4">構造（登記）</dt>
                                                        <dd class="col-sm-8">{{ $property->structure_registry }}</dd>
                                                        @endif

                                                        @if($property->structure_current)
                                                        <dt class="col-sm-4">構造（現況）</dt>
                                                        <dd class="col-sm-8">{{ $property->structure_current }}</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->area_registry)
                                                        <dt class="col-sm-4">専有面積（登記）</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->area_registry, 2) }}㎡</dd>
                                                        @endif

                                                        @if($property->area_current)
                                                        <dt class="col-sm-4">専有面積（現況）</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->area_current, 2) }}㎡</dd>
                                                        @endif

                                                        @if($property->layout)
                                                        <dt class="col-sm-4">間取り</dt>
                                                        <dd class="col-sm-8">{{ $property->layout }}</dd>
                                                        @endif

                                                        @if($property->built_year)
                                                        <dt class="col-sm-4">築年月</dt>
                                                        <dd class="col-sm-8">{{ $property->built_year }}</dd>
                                                        @endif

                                                        @if($property->floor)
                                                        <dt class="col-sm-4">階</dt>
                                                        <dd class="col-sm-8">{{ $property->floor }}</dd>
                                                        @endif

                                                        @if($property->total_units)
                                                        <dt class="col-sm-4">総戸数</dt>
                                                        <dd class="col-sm-8">{{ $property->total_units }}</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                            </div>

                                            <!-- その他情報 -->
                                            <h6 class="border-bottom pb-2 mt-4">その他情報</h6>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->land_rights)
                                                        <dt class="col-sm-4">敷地利用権</dt>
                                                        <dd class="col-sm-8">{{ $property->land_rights }}</dd>
                                                        @endif

                                                        @if($property->management_fee)
                                                        <dt class="col-sm-4">管理費等</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->management_fee) }}円</dd>
                                                        @endif

                                                        @if($property->balcony_area)
                                                        <dt class="col-sm-4">バルコニー面積</dt>
                                                        <dd class="col-sm-8">{{ number_format($property->balcony_area, 2) }}㎡</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                                <div class="col-md-6">
                                                    <dl class="row mb-0">
                                                        @if($property->occupant)
                                                        <dt class="col-sm-4">占有者</dt>
                                                        <dd class="col-sm-8">{{ $property->occupant }}</dd>
                                                        @endif

                                                        @if($property->ownership_share)
                                                        <dt class="col-sm-4">持分</dt>
                                                        <dd class="col-sm-8">{{ $property->ownership_share }}</dd>
                                                        @endif

                                                        @if($property->appraisal_transportation)
                                                        <dt class="col-sm-4">評価書上の交通</dt>
                                                        <dd class="col-sm-8">{{ $property->appraisal_transportation }}</dd>
                                                        @endif

                                                        @if($property->reference_transportation)
                                                        <dt class="col-sm-4">参考交通</dt>
                                                        <dd class="col-sm-8">{{ $property->reference_transportation }}</dd>
                                                        @endif
                                                    </dl>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="mt-4">
                @if($properties->hasPages())
                    <div class="card-footer clearfix">
                        {{ $properties->appends(request()->query())->links() }}
                    </div>
                @endif
            </div>
        </div>
    </div>
@stop
@section('css')
    <style>
        .table-responsive {
            overflow-x: auto;
        }
        .pagination {
            margin-bottom: 0;
        }
        .page-item.active .page-link {
            background-color: #007bff;
            border-color: #007bff;
        }
        .page-link {
            padding: .5rem .75rem;
            color: #007bff;
        }
        .sort-link {
            color: inherit;
            text-decoration: none;
        }
        .sort-link:hover {
            color: inherit;
            text-decoration: none;
        }
        .sort-link i {
            margin-left: 5px;
        }
        th {
            white-space: nowrap;
        }
        /* 詳細表示のスタイル */
        .collapse.show {
            background-color: #f8f9fa;
        }
        dl.row dt {
            font-weight: 600;
            margin-bottom: 0.5rem;
        }
        dl.row dd {
            margin-bottom: 0.5rem;
        }
        .card-body {
            padding: 1.25rem;
        }
        /* 物件名のリンクスタイル */
        a[data-toggle="collapse"] {
            text-decoration: none;
        }
        a[data-toggle="collapse"]:hover {
            text-decoration: underline;
        }
        /* 詳細情報の区切り線 */
        .row + .row {
            border-top: 1px solid #dee2e6;
            padding-top: 1rem;
        }
    </style>
@stop

@section('js')
    <script>
        // 検索条件の保持
        document.addEventListener('DOMContentLoaded', function() {
            const inputs = document.querySelectorAll('input, select');
            inputs.forEach(input => {
                if (input.value) {
                    input.classList.add('is-valid');
                }
            });
        });
    </script>
@stop