@extends('layouts.admin')

@section('title', 'Manage CA')

@section('content')
    <style>
        .ca-card {
            background: #fdfdfd;
            padding: 20px;
            border-radius: 16px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
            margin-bottom: 25px;
            transition: box-shadow 0.3s ease;
        }

        .ca-card:hover {
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
        }

        .ca-actions {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 15px;
        }

        .ca-actions .btn {
            border-radius: 30px;
            font-size: 14px;
            padding: 6px 14px;
        }

        .role-badge {
            padding: 3px 8px;
            border-radius: 12px;
            font-size: 13px;
            margin-left: 8px;
            color: #fff;
            background-color: #20c997;
        }
    </style>

    <div class="container mt-4">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h2>👨‍💼 Manage Chartered Accountants</h2>
            <a href="{{ route('ca.create') }}" class="btn btn-success">➕ Create CA</a>
        </div>

        @forelse($cas as $ca)
            <div class="ca-card">
                <h5>
                    {{ $ca->name }}
                    <span class="role-badge">CA</span>
                    @php $expiry_date = $user_access_expiry[$ca->id] ?? null; @endphp
                    @if ($expiry_date)
                        <span class="badge bg-warning ms-2">⏳
                            {{ \Carbon\Carbon::parse($expiry_date)->format('d-m-Y') }}</span>
                    @else
                        <span class="badge bg-success ms-2">No Expiry</span>
                    @endif
                </h5>
                <p><strong>Email:</strong> {{ $ca->email }}</p>

                <div class="ca-actions">
                    <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal"
                        data-bs-target="#editCaModal{{ $ca->id }}">✏️ Edit CA</button>
                    <button class="btn btn-sm btn-outline-warning" data-bs-toggle="modal"
                        data-bs-target="#editAccessModal{{ $ca->id }}">🔐 Edit Access</button>
                    <button class="btn btn-sm btn-outline-info" onclick="viewActivityLog({{ $ca->id }})">📊 Activity
                        Log</button>
                </div>
            </div>

            {{-- Edit CA Modal --}}
            <div class="modal fade" id="editCaModal{{ $ca->id }}" tabindex="-1">
                <div class="modal-dialog">
                    <form method="POST" action="{{ route('ca.update', $ca->id) }}" class="edit-ca-form">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header bg-primary text-white">
                                <h5 class="modal-title">Edit CA - {{ $ca->name }}</h5>
                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                            </div>
                            <div class="modal-body">
                                <div class="mb-3">
                                    <label class="form-label">Full Name</label>
                                    <input type="text" name="name" value="{{ $ca->name }}" class="form-control"
                                        required>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Email</label>
                                    <input type="email" name="email" value="{{ $ca->email }}" class="form-control"
                                        required>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Password</label>
                                    <input type="password" name="password" class="form-control"
                                        placeholder="Leave blank to keep same">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Confirm Password</label>
                                    <input type="password" name="confirm_password" class="form-control"
                                        placeholder="Confirm password">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success">💾 Save Changes</button>
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            {{-- Edit Access Modal --}}
            <div class="modal fade" id="editAccessModal{{ $ca->id }}" tabindex="-1">
                <div class="modal-dialog modal-xl modal-dialog-scrollable">
                    <form method="POST" action="{{ route('ca.update.access', $ca->id) }}">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header bg-warning text-dark">
                                <h5 class="modal-title">Edit Access - {{ $ca->name }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>
                            <div class="modal-body" style="max-height:500px; overflow-y:auto;">
                                <div class="accordion" id="companyAccordion{{ $ca->id }}">
                                    @foreach ($structure as $comp)
                                        <div class="accordion-item mb-2 border rounded">
                                            <h2 class="accordion-header">
                                                <button class="accordion-button collapsed fw-semibold" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#collapseComp{{ $ca->id }}{{ $loop->index }}">
                                                    📁 {{ $comp->company->name }}
                                                </button>
                                            </h2>
                                            <div id="collapseComp{{ $ca->id }}{{ $loop->index }}"
                                                class="accordion-collapse collapse">
                                                <div class="accordion-body">
                                                    @foreach ($comp->years as $yr)
                                                        <div class="accordion mb-2 border rounded">
                                                            <div class="accordion-item">
                                                                <h2 class="accordion-header">
                                                                    <button class="accordion-button collapsed"
                                                                        type="button" data-bs-toggle="collapse"
                                                                        data-bs-target="#collapseYear{{ $ca->id }}{{ $comp->company->id }}-{{ $yr->year->id }}">
                                                                        📅 {{ $yr->year->display_year ?? $yr->year->year }}
                                                                    </button>
                                                                </h2>
                                                                <div id="collapseYear{{ $ca->id }}{{ $comp->company->id }}-{{ $yr->year->id }}"
                                                                    class="accordion-collapse collapse">
                                                                    <div class="accordion-body">
                                                                        @foreach ($yr->categories as $cat)
                                                                            <div class="mb-3 border-bottom pb-2">
                                                                                <strong>📂
                                                                                    {{ $cat->category->name ?? '' }}</strong>

                                                                                {{-- Purchase --}}
                                                                                @if (isset($cat->type) && $cat->type == 'purchase')
                                                                                    <div class="row mt-2">
                                                                                        @foreach ($cat->months as $m)
                                                                                            <div class="col-md-3">
                                                                                                <div class="form-check">
                                                                                                    <input
                                                                                                        class="form-check-input"
                                                                                                        type="checkbox"
                                                                                                        name="access_ids[]"
                                                                                                        value="month_{{ $m->id }}"
                                                                                                        id="month{{ $m->id }}{{ $ca->id }}"
                                                                                                        {{ in_array('month_' . $m->id, $existing_access[$ca->id] ?? []) ? 'checked' : '' }}>
                                                                                                    <label
                                                                                                        class="form-check-label">{{ $m->name }}</label>
                                                                                                </div>
                                                                                            </div>
                                                                                        @endforeach
                                                                                    </div>
                                                                                    <div class="ms-3 mt-2">
                                                                                        <span
                                                                                            class="fw-semibold">Parties:</span>
                                                                                        @foreach ($cat->month_parties ?? [] as $monthParties)
                                                                                            @foreach ($monthParties ?? [] as $party)
                                                                                                <div
                                                                                                    class="form-check ms-3">
                                                                                                    <input
                                                                                                        class="form-check-input"
                                                                                                        type="checkbox"
                                                                                                        name="access_ids[]"
                                                                                                        value="purchase_{{ $party->id }}"
                                                                                                        id="party{{ $party->id }}{{ $ca->id }}"
                                                                                                        {{ in_array('purchase_' . $party->id, $existing_access[$ca->id] ?? []) ? 'checked' : '' }}>
                                                                                                    <label
                                                                                                        class="form-check-label">{{ $party->name ?? '' }}</label>
                                                                                                </div>
                                                                                            @endforeach
                                                                                        @endforeach
                                                                                    </div>

                                                                                    {{-- Expenses --}}
                                                                                @elseif(isset($cat->type) && $cat->type == 'expenses')
                                                                                    <div class="row mt-2">
                                                                                        @foreach ($cat->months as $m)
                                                                                            <div class="col-md-3">
                                                                                                <div class="form-check">
                                                                                                    <input
                                                                                                        class="form-check-input"
                                                                                                        type="checkbox"
                                                                                                        name="access_ids[]"
                                                                                                        value="month_{{ $m->id }}"
                                                                                                        id="month{{ $m->id }}{{ $ca->id }}"
                                                                                                        {{ in_array('month_' . $m->id, $existing_access[$ca->id] ?? []) ? 'checked' : '' }}>
                                                                                                    <label
                                                                                                        class="form-check-label">{{ $m->name }}</label>
                                                                                                </div>
                                                                                            </div>
                                                                                        @endforeach
                                                                                    </div>
                                                                                    <div class="ms-3 mt-2">
                                                                                        <span
                                                                                            class="fw-semibold">Subcategories:</span>
                                                                                        @foreach ($cat->subcategories ?? [] as $subcat)
                                                                                            <div class="form-check ms-3">
                                                                                                <input
                                                                                                    class="form-check-input"
                                                                                                    type="checkbox"
                                                                                                    name="access_ids[]"
                                                                                                    value="expenses_{{ $subcat->id }}"
                                                                                                    id="subcat{{ $subcat->id }}{{ $ca->id }}"
                                                                                                    {{ in_array('expenses_' . $subcat->id, $existing_access[$ca->id] ?? []) ? 'checked' : '' }}>
                                                                                                <label
                                                                                                    class="form-check-label">{{ $subcat->name ?? '' }}</label>
                                                                                            </div>
                                                                                        @endforeach
                                                                                    </div>
                                                                                @endif
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success">💾 Save Access</button>
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        @empty
            <div class="text-center py-5">
                <i class="bi bi-people-fill" style="font-size: 4rem; color: #dee2e6;"></i>
                <h4 class="mt-3">No CAs Found</h4>
                <p class="text-muted">Create your first CA to get started</p>
                <a href="{{ route('ca.create') }}" class="btn btn-primary btn-lg">➕ Create First CA</a>
            </div>
        @endforelse
    </div>

    {{-- Activity Log Modal --}}
    <div class="modal fade" id="activityLogModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Activity Log</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-bordered" id="activityLogTable">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Action</th>
                                    <th>Details</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="3" class="text-center">No data</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        function viewActivityLog(caId) {
            fetch(`/ca/activity/${caId}`)
                .then(res => res.json())
                .then(data => {
                    let tbody = document.querySelector("#activityLogTable tbody");
                    tbody.innerHTML = "";
                    if (data.length === 0) {
                        tbody.innerHTML = `<tr><td colspan="3" class="text-center">No activity found</td></tr>`;
                    } else {
                        data.forEach(row => {
                            tbody.innerHTML += `<tr>
                    <td>${row.created_at}</td>
                    <td>${row.action}</td>
                    <td>${row.details || '-'}</td>
                </tr>`;
                        });
                    }
                    new bootstrap.Modal(document.getElementById('activityLogModal')).show();
                }).catch(err => {
                    Swal.fire('Error', 'Failed to load activity log', 'error');
                });
        }

        document.addEventListener("DOMContentLoaded", function() {
            document.querySelectorAll('.edit-ca-form').forEach(form => {
                form.addEventListener('submit', function(e) {
                    const password = form.querySelector('input[name="password"]').value;
                    const confirmPassword = form.querySelector('input[name="confirm_password"]')
                        .value;

                    if (password.length > 0 && password !== confirmPassword) {
                        e.preventDefault();
                        Swal.fire({
                            icon: 'error',
                            title: 'Password Mismatch',
                            text: 'Password and Confirm Password do not match.',
                            confirmButtonColor: '#d33'
                        });
                    }
                });
            });
        });
    </script>
@endsection