@extends('layouts.admin')
@section('title', 'Grant Access to Year Folders')

@section('content')
<h4 class="fw-bold mb-4">Grant Access for: {{ $user->name }}</h4>

@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif

<form action="{{ route('admin.user.access.update', $user->id) }}" method="POST">
    @csrf
    <div class="accordion" id="companyAccordion">
        @foreach($companies as $company)
        <div class="accordion-item mb-2">
            <h2 class="accordion-header" id="heading{{ $company->id }}">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $company->id }}">
                    {{ $company->name }}
                </button>
            </h2>
            <div id="collapse{{ $company->id }}" class="accordion-collapse collapse" data-bs-parent="#companyAccordion">
                <div class="accordion-body">
                    @foreach($company->years as $year)
                        <h6>{{ $year->name }}</h6>
                        <div class="d-flex flex-wrap gap-2 mb-3">
                            @foreach($year->months as $month)
                                @foreach($month->subfolders as $folder)
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="folders[]" 
                                               value="{{ $folder->id }}" id="folder{{ $folder->id }}"
                                               {{ in_array($folder->id, $existingAccess) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="folder{{ $folder->id }}">
                                            {{ $month->name }} - {{ $folder->name }}
                                        </label>
                                    </div>
                                @endforeach
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endforeach
    </div>

    <div class="mt-3">
        <label>Access Expiry Date (optional)</label>
        <input type="date" name="expiry_date" class="form-control mb-3">
        <button class="btn btn-primary">Update Access</button>
    </div>
</form>
@endsection