@extends('org.layout.adminPanel')
@section('title', 'Organisation')
@section('section', 'Dashboard')
@section('css')
    {{-- css --}}
    <link rel="stylesheet" href="{{ asset(ADMINCSS) }}/layout/choiceLayout.css">
@endsection
@section('content')
    {{-- content --}}
    <div class="container-fluid">
        <div class="container">
            {{-- <div class="searchContainer">
                <button class="search-box">
                    <i class="bi bi-search"></i>
                </button>
                <input type="text" id="searchinput" placeholder="Search by project, department">
            </div>
            <br> --}}
            <div class="choiceContainer">
                @foreach ($folder as $folder)
                    <a href="{{ route('org.folder.view', [
                        'subdomain' => $subdomain,
                        'dep_id' => encode($folder->section->mainParent->dep_id),
                        'project_id' => encode($folder->section->project_id),
                        'id' => encode($folder->section_id),
                    ]) }}"
                        title="{{ $folder->section->name }}">
                        <div class="choiceCard">
                            <div class="choice-icon-box">
                                <i class="bi bi-folder-fill choice-icon"></i>
                            </div>
                            <div class="choice-text-box">
                                <h5 class="ellipsis-text" style="--lines:2;">{{ ucfirst($folder->section->name) }}</h5>
                                <p>
                                    {{ ucfirst($folder->section->mainParent->name) }}
                                </p>
                            </div>
                        </div>
                    </a>
                @endforeach
            </div>
            <br>
        </div>
    </div>
@endsection
@section('js')
    {{-- js --}}
@endsection