{{-- resources/views/applications/index.blade.php --}}
@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <div class="d-flex align-items-center gap-2">
            <x-lucide-app-window class="w-6 h-6" />
            <h4 class="mb-0">PBX Applications</h4>
        </div>
        <div class="text-secondary small mt-1">Applications modules and call-flow building blocks.</div>
    </div>

    <div class="mt-2 mt-md-0">
        <button type="button" onclick="window.location.reload()" class="btn btn-outline-secondary btn-sm">
            <x-lucide-rotate-cw class="w-4 h-4" />
            <span class="ms-1">Reload</span>
        </button>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <p class="text-secondary mb-3">
            This is the main <strong>Applications</strong> area of your PBX GUI.
            From here we’ll later add modules such as:
        </p>

        <div class="row g-3">
            <div class="col-12 col-lg-6">
                <ul class="list-group">
                    <a class="list-group-item list-group-item-action" href="{{ route('apps.ring-groups.index') }}">Ring Groups</a>
                    <a class="list-group-item list-group-item-action" href="{{ route('apps.pickup-groups.index') }}">Pickup Groups</a>
                    <a class="list-group-item list-group-item-action" href="{{ route('apps.speed-dials.index') }}">Speed Dials</a>
                </ul>
            </div>
            <div class="col-12 col-lg-6">
                <ul class="list-group">
                    <a class="list-group-item list-group-item-action" href="{{ route('apps.pins.index') }}">PIN Codes</a>
                    <a class="list-group-item list-group-item-action" href="{{ route('applications.timegroups.index') }}">Time Groups</a>
                    <a class="list-group-item list-group-item-action" href="{{ route('applications.timeconditions.index') }}">Time Conditions</a>
                    <a class="list-group-item list-group-item-action" href="{{ route('applications.holidays.index') }}">Holidays</a>
                    <a class="list-group-item list-group-item-action" href="{{ route('applications.flowswitches.index') }}">Flow Switches</a>
                </ul>
            </div>
        </div>

        <p class="text-secondary mt-3 mb-0">
            For now this page is a placeholder so your <strong>Applications</strong> tab works without 404s.
            We can wire up each sub-module step-by-step when you’re ready.
        </p>
    </div>
</div>
@endsection