@extends('admin.layouts.app')

@section('content')

    <!-- Page Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">

        <!-- Main Content -->
        <div id="content">

            <!-- Topbar -->
            <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">

                <!-- Sidebar Toggle (Topbar) -->
                <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
                    <i class="fa fa-bars"></i>
                </button>

                <!-- Topbar Search (wired by global JS) -->
                <form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
                    <div class="input-group">
                        <input type="text" class="form-control bg-light border-0 small" placeholder="Поиск..."
                               aria-label="Search" aria-describedby="basic-addon2" value="{{ $q }}">
                        <div class="input-group-append">
                            <button class="btn btn-primary" type="submit">
                                <i class="fas fa-search fa-sm"></i>
                            </button>
                        </div>
                    </div>
                </form>

                <!-- Topbar Navbar -->
                <ul class="navbar-nav ml-auto">
                    <div class="topbar-divider d-none d-sm-block"></div>
                    <li class="nav-item dropdown no-arrow">
                        <ul class="navbar-nav ms-auto">
                            <li class="nav-item dropdown">
                                <a id="navbarDropdown" class="nav-link dropdown-toggle text-dark" href="#"
                                   role="button" data-bs-toggle="dropdown" aria-haspopup="true"
                                   aria-expanded="false" v-pre>
                                    {{ Auth::user()->name }}
                                </a>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="{{ route('logout') }}"
                                       onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                        {{ __('Выйти') }}
                                    </a>
                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>

            <!-- Begin Page Content -->
            <div class="container-fluid">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div>
                        <h1 class="h3 mb-1 text-gray-800">Поиск</h1>
                        <div class="text-muted">Запрос: <strong>{{ $q ?: '—' }}</strong></div>
                    </div>
                </div>

                @if($q === '')
                    <div class="alert alert-info">
                        Введите запрос в поле поиска сверху.
                    </div>
                @else
                    <div class="row">
                        <div class="col-lg-6 mb-4">
                            <div class="card shadow">
                                <div class="card-header py-3">
                                    <h6 class="m-0 font-weight-bold text-primary">Разделы ({{ $sections->count() }})</h6>
                                </div>
                                <div class="card-body">
                                    @forelse($sections as $item)
                                        <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                            <div>
                                                <strong>{{ $item->name }}</strong>
                                            </div>
                                            <div>
                                                <a class="btn btn-sm btn-outline-primary" href="{{ route('calcproducts.index', ['section_id' => $item->id]) }}">Услуги</a>
                                                <a class="btn btn-sm btn-outline-secondary" href="{{ route('section-calculators.section', $item->id) }}">Калькуляторы</a>
                                            </div>
                                        </div>
                                    @empty
                                        <div class="text-muted">Ничего не найдено</div>
                                    @endforelse
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6 mb-4">
                            <div class="card shadow">
                                <div class="card-header py-3">
                                    <h6 class="m-0 font-weight-bold text-primary">Услуги ({{ $calcProducts->count() }})</h6>
                                </div>
                                <div class="card-body">
                                    @forelse($calcProducts as $item)
                                        <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                            <div>
                                                <div><strong>{{ $item->name }}</strong></div>
                                                <div class="text-muted small">Раздел: {{ $item->section->name ?? '—' }}</div>
                                            </div>
                                            <div>
                                                <a class="btn btn-sm btn-outline-primary" href="{{ route('calcproducts.show', $item->id) }}">Открыть</a>
                                            </div>
                                        </div>
                                    @empty
                                        <div class="text-muted">Ничего не найдено</div>
                                    @endforelse
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6 mb-4">
                            <div class="card shadow">
                                <div class="card-header py-3">
                                    <h6 class="m-0 font-weight-bold text-primary">Калькуляторы ({{ $calculators->count() }})</h6>
                                </div>
                                <div class="card-body">
                                    @forelse($calculators as $item)
                                        <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                            <div>
                                                <div><strong>{{ $item->name }}</strong></div>
                                                <div class="text-muted small">
                                                    Раздел: {{ $item->section->name ?? '—' }}
                                                    @if($item->calculationAlgorithm)
                                                        | Алгоритм: {{ $item->calculationAlgorithm->name }}
                                                    @endif
                                                </div>
                                            </div>
                                            <div>
                                                <a class="btn btn-sm btn-outline-primary" href="{{ route('calculators.edit', $item->id) }}">Редактировать</a>
                                            </div>
                                        </div>
                                    @empty
                                        <div class="text-muted">Ничего не найдено</div>
                                    @endforelse
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6 mb-4">
                            <div class="card shadow">
                                <div class="card-header py-3">
                                    <h6 class="m-0 font-weight-bold text-primary">Алгоритмы ({{ $algorithms->count() }})</h6>
                                </div>
                                <div class="card-body">
                                    @forelse($algorithms as $item)
                                        <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                            <div>
                                                <div><strong>{{ $item->name }}</strong></div>
                                                <div class="text-muted small">Раздел: {{ $item->section->name ?? '—' }}</div>
                                            </div>
                                            <div>
                                                <a class="btn btn-sm btn-outline-primary" href="{{ route('calculation-algorithms.show', $item->id) }}">Открыть</a>
                                            </div>
                                        </div>
                                    @empty
                                        <div class="text-muted">Ничего не найдено</div>
                                    @endforelse
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>

        </div>

        <!-- Footer -->
        @include('admin.layouts.footer')

    </div>

@endsection