@extends('layouts.admin')

@section('title', '收租管理')

@push('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">收租管理</li>
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/accounting/index.css') }}">
@endpush

@section('content')
<div class="page-header d-flex flex-wrap justify-content-between align-items-center gap-3">
    <div>
        <h1 class="mb-1"><i class="bi bi-calculator me-2"></i>收租管理</h1>
        <div class="opacity-75">{{ $year }} 年 {{ $month }} 月 · 按宿舍記帳</div>
    </div>
    <div class="d-flex flex-wrap gap-2 no-print">
        <a href="{{ route('accounting.statement.index', ['year' => $year, 'month' => $month]) }}" class="btn btn-light btn-sm">
            <i class="bi bi-cash-stack"></i> 會計收支表
        </a>
        <a href="{{ route('accounting.categories.index') }}" class="btn btn-light btn-sm">
            <i class="bi bi-tags"></i> 類別管理
        </a>
        <a href="{{ route('accounting.reports.dormitory', ['year' => $year, 'month' => $month]) }}" class="btn btn-light btn-sm">宿舍報告</a>
        <a href="{{ route('accounting.reports.monthly', ['year' => $year, 'month' => $month]) }}" class="btn btn-light btn-sm">月結報告</a>
        <a href="{{ route('accounting.reports.yearly', ['year' => $year]) }}" class="btn btn-light btn-sm">年報</a>
    </div>
</div>

{{-- Month navigation --}}
<div class="card mb-3 no-print">
    <div class="card-body">
        <form method="GET" action="{{ route('accounting.index') }}" class="row g-2 align-items-end">
            <div class="col-auto">
                <label class="form-label mb-0">年份</label>
                <input type="number" name="year" class="form-control" value="{{ $year }}" min="2000" max="2100">
            </div>
            <div class="col-auto">
                <label class="form-label mb-0">月份</label>
                <select name="month" class="form-select">
                    @for($m = 1; $m <= 12; $m++)
                        <option value="{{ $m }}" @selected($month == $m)>{{ $m }} 月</option>
                    @endfor
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label mb-0">宿舍篩選</label>
                <select name="dormitory_id" class="form-select">
                    <option value="">全部宿舍</option>
                    @foreach($dormitories as $dorm)
                        <option value="{{ $dorm->id }}" @selected($dormitoryId == $dorm->id)>{{ $dorm->displayName() }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-primary">顯示</button>
            </div>
            <div class="col-auto">
                @php
                    $prev = \Carbon\Carbon::create($year, $month, 1)->subMonth();
                    $next = \Carbon\Carbon::create($year, $month, 1)->addMonth();
                @endphp
                <a class="btn btn-outline-secondary" href="{{ route('accounting.index', ['year' => $prev->year, 'month' => $prev->month, 'dormitory_id' => $dormitoryId]) }}">上月</a>
                <a class="btn btn-outline-secondary" href="{{ route('accounting.index', ['year' => $next->year, 'month' => $next->month, 'dormitory_id' => $dormitoryId]) }}">下月</a>
            </div>
        </form>

        <form method="POST" action="{{ route('accounting.generate') }}" class="mt-3">
            @csrf
            <input type="hidden" name="year" value="{{ $year }}">
            <input type="hidden" name="month" value="{{ $month }}">
            <input type="hidden" name="dormitory_id" value="{{ $dormitoryId }}">
            <button type="submit" class="btn btn-success" onclick="return confirm('將依宿舍／工人預設月租產生本月帳目（已存在的不覆蓋）。繼續？')">
                <i class="bi bi-lightning-charge"></i> 產生本月帳目
            </button>
            <span class="text-muted small ms-2">自動帶出宿舍租金支出與已入住工人租金收入</span>
        </form>
    </div>
</div>

{{-- Month lock banner --}}
@if($isLocked)
    <div class="alert alert-warning d-flex justify-content-between align-items-center no-print">
        <div>
            <i class="bi bi-lock-fill me-2"></i>
            <strong>{{ $year }} 年 {{ $month }} 月帳目已鎖定</strong>，所有項目不可修改。如需修改請先解鎖。
        </div>
        @can('performAdminAction')
        <form method="POST" action="{{ route('accounting.unlock') }}">
            @csrf
            <input type="hidden" name="year" value="{{ $year }}">
            <input type="hidden" name="month" value="{{ $month }}">
            <button type="submit" class="btn btn-sm btn-outline-dark" onclick="return confirm('確定解鎖 {{ $year }} 年 {{ $month }} 月帳目？')">
                <i class="bi bi-unlock me-1"></i>解鎖
            </button>
        </form>
        @endcan
    </div>
@elseif(true)
    <div class="text-end mb-2 no-print">
        @can('performAdminAction')
        <form method="POST" action="{{ route('accounting.lock') }}" class="d-inline">
            @csrf
            <input type="hidden" name="year" value="{{ $year }}">
            <input type="hidden" name="month" value="{{ $month }}">
            <button type="submit" class="btn btn-sm btn-outline-secondary" onclick="return confirm('確定鎖定 {{ $year }} 年 {{ $month }} 月帳目？鎖定後任何人都不可修改。')">
                <i class="bi bi-lock me-1"></i>鎖定本月帳目
            </button>
        </form>
        @endcan
    </div>
@endif

{{-- Summary --}}
<div class="row">
    <div class="col-md-3">
        <div class="summary-card">
            <div class="label">總收入</div>
            <div class="value text-success">${{ number_format($totalIncome, 2) }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="summary-card">
            <div class="label">總支出</div>
            <div class="value text-danger">${{ number_format($totalExpense, 2) }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="summary-card">
            <div class="label">結餘</div>
            <div class="value {{ $balance >= 0 ? 'text-primary' : 'text-danger' }}">${{ number_format($balance, 2) }}</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="summary-card">
            <div class="label">明細</div>
            <div class="small text-muted mt-1">
                宿舍租 ${{ number_format($totalDormExpense, 2) }} ·
                宿舍收 ${{ number_format($totalDormIncome, 2) }} ·
                其他收 ${{ number_format($totalOtherIncome, 2) }} ·
                其他支 ${{ number_format($totalOtherExpense, 2) }}
            </div>
        </div>
    </div>
</div>

{{-- Dorm rent expenses --}}
<div class="section-card">
    <div class="card-header expense"><i class="bi bi-house-door me-2"></i>宿舍租金支出</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>宿舍</th>
                    <th style="width:140px">金額</th>
                    <th>備註</th>
                    <th class="no-print" style="width:160px">操作</th>
                </tr>
            </thead>
            <tbody>
                @forelse($dormRentExpenses as $item)
                <tr>
                    <td>{{ $item->dormitory?->displayName() }}</td>
                    <td>
                        <input type="number" form="dorm-rent-{{ $item->id }}" step="0.01" min="0" name="amount" class="form-control form-control-sm" value="{{ $item->amount }}" required>
                    </td>
                    <td>
                        <input type="text" form="dorm-rent-{{ $item->id }}" name="note" class="form-control form-control-sm" value="{{ $item->note }}" placeholder="備註">
                    </td>
                    <td class="no-print text-nowrap">
                        <form id="dorm-rent-{{ $item->id }}" action="{{ route('accounting.dorm-rent.update', $item) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PUT')
                            <button class="btn btn-sm btn-outline-primary">儲存</button>
                        </form>
                        @if(auth()->user()->isAdmin())
                        <form action="{{ route('accounting.dorm-rent.destroy', $item) }}" method="POST" class="d-inline" onsubmit="return confirm('確定刪除？')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">刪除</button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center text-muted py-4">本月尚無宿舍租金支出。請先設定宿舍月租並按「產生本月帳目」。</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Dorm rent incomes --}}
<div class="section-card">
    <div class="card-header income"><i class="bi bi-house-door me-2"></i>宿舍租金收入（按宿舍）</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>宿舍</th>
                    <th style="width:140px">金額</th>
                    <th>備註</th>
                    <th class="no-print" style="width:160px">操作</th>
                </tr>
            </thead>
            <tbody>
                @forelse($dormRentIncomes as $item)
                <tr>
                    <td>{{ $item->dormitory?->displayName() }}</td>
                    <td>
                        <input type="number" form="dorm-income-{{ $item->id }}" step="0.01" min="0" name="amount" class="form-control form-control-sm" value="{{ $item->amount }}" required>
                    </td>
                    <td>
                        <input type="text" form="dorm-income-{{ $item->id }}" name="note" class="form-control form-control-sm" value="{{ $item->note }}" placeholder="備註">
                    </td>
                    <td class="no-print text-nowrap">
                        <form id="dorm-income-{{ $item->id }}" action="{{ route('accounting.dorm-income.update', $item) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PUT')
                            <button class="btn btn-sm btn-outline-primary">儲存</button>
                        </form>
                        @if(auth()->user()->isAdmin())
                        <form action="{{ route('accounting.dorm-income.destroy', $item) }}" method="POST" class="d-inline" onsubmit="return confirm('確定刪除？')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">刪除</button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center text-muted py-4">本月尚無宿舍租金收入。請先設定宿舍「月租（收入）」並按「產生本月帳目」。</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Other entries --}}
<div class="section-card">
    <div class="card-header other"><i class="bi bi-journal-plus me-2"></i>其他開支及收入</div>
    <div class="card-body no-print border-bottom">
        <form action="{{ route('accounting.other.store') }}" method="POST" class="row g-2 align-items-end">
            @csrf
            <input type="hidden" name="year" value="{{ $year }}">
            <input type="hidden" name="month" value="{{ $month }}">
            <input type="hidden" name="filter_dormitory_id" value="{{ $dormitoryId }}">
            <div class="col-md-2">
                <label class="form-label">宿舍</label>
                <select name="dormitory_id" class="form-select" required>
                    <option value="">選擇宿舍</option>
                    @foreach($dormitories as $dorm)
                        <option value="{{ $dorm->id }}" @selected($dormitoryId == $dorm->id)>{{ $dorm->displayName() }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">類別</label>
                <select name="category_id" class="form-select" id="otherCategory">
                    <option value="">（自訂）</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" data-type="{{ $cat->type }}">{{ $cat->name }}（{{ $cat->typeLabel() }}）</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-1">
                <label class="form-label">類型</label>
                <select name="type" class="form-select" id="otherType" required>
                    <option value="expense">支出</option>
                    <option value="income">收入</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">標題</label>
                <input type="text" name="title" class="form-control" required placeholder="項目名稱">
            </div>
            <div class="col-md-1">
                <label class="form-label">金額</label>
                <input type="number" step="0.01" min="0" name="amount" class="form-control" required>
            </div>
            <div class="col-md-2">
                <label class="form-label">備註</label>
                <input type="text" name="note" class="form-control">
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary w-100">新增</button>
            </div>
        </form>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>宿舍</th>
                    <th>類型</th>
                    <th>類別</th>
                    <th>標題</th>
                    <th>金額</th>
                    <th>備註</th>
                    <th class="no-print">操作</th>
                </tr>
            </thead>
            <tbody>
                @forelse($otherEntries as $item)
                <tr>
                    <td>
                        <select form="other-{{ $item->id }}" name="dormitory_id" class="form-select form-select-sm" required>
                            @foreach($dormitories as $dorm)
                                <option value="{{ $dorm->id }}" @selected($item->dormitory_id == $dorm->id)>{{ $dorm->displayName() }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td>
                        <select form="other-{{ $item->id }}" name="type" class="form-select form-select-sm" required>
                            <option value="expense" @selected($item->type === 'expense')>支出</option>
                            <option value="income" @selected($item->type === 'income')>收入</option>
                        </select>
                    </td>
                    <td>
                        <select form="other-{{ $item->id }}" name="category_id" class="form-select form-select-sm">
                            <option value="">（無）</option>
                            @foreach($categories as $cat)
                                <option value="{{ $cat->id }}" @selected($item->category_id == $cat->id)>{{ $cat->name }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td>
                        <input form="other-{{ $item->id }}" type="text" name="title" class="form-control form-control-sm" value="{{ $item->title }}" required>
                    </td>
                    <td>
                        <input form="other-{{ $item->id }}" type="number" step="0.01" min="0" name="amount" class="form-control form-control-sm" value="{{ $item->amount }}" required>
                    </td>
                    <td>
                        <input form="other-{{ $item->id }}" type="text" name="note" class="form-control form-control-sm" value="{{ $item->note }}">
                    </td>
                    <td class="no-print text-nowrap">
                        <form id="other-{{ $item->id }}" action="{{ route('accounting.other.update', $item) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PUT')
                            <button class="btn btn-sm btn-outline-primary">儲存</button>
                        </form>
                        @if(auth()->user()->isAdmin())
                        <form action="{{ route('accounting.other.destroy', $item) }}" method="POST" class="d-inline" onsubmit="return confirm('確定刪除？')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">刪除</button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center text-muted py-4">尚無其他開支／收入。</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection

@push('scripts')
<script>
document.getElementById('otherCategory')?.addEventListener('change', function () {
    const opt = this.options[this.selectedIndex];
    const type = opt?.dataset?.type;
    if (type) {
        document.getElementById('otherType').value = type;
    }
});
</script>
@endpush