@extends('theme::backend.layouts.app')

@section('theme::backend-content')
    @include('theme::backend.layouts.navbar')

    <div class="container-fluid">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">
                {{ __('backend/soxfilter.title', ['degree' => $filter ?: 'All']) }}
            </h1>
        </div>

        <div class="container">
            @if(session()->has('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session()->get('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <div class="row mb-3">
                <div class="ms-auto me-3">
                    <a href="{{ route('index-backend') }}" type="button" class="btn btn-secondary">
                        {{ __('backend/soxfilter.back') }}
                    </a>
                </div>
            </div>

            {{-- هنا نستدعي مكون Livewire --}}
            @livewire('show-sox-count', ['filter' => $filter])
        </div>
    </div>
@endsection