@extends('layouts.modern')

@section('page-title', $sfLabelPlural)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
    <li class="breadcrumb-item active">{{ $sfLabelPlural }}</li>
@endsection

@section('action-buttons')
    <a href="{{ url($sfParamRoute . '/create') }}" class="btn btn-primary {{ $noAjaxCreateLink ? '' : 'ajax-links' }}">
        <i class="fas fa-plus"></i>
        Create {{ $sfLabelSingular }}
    </a>
    <a href="{{ url($sfParamRoute) }}" class="btn btn-secondary">
        <i class="fas fa-sync"></i>
        Refresh
    </a>
@endsection

@section('content')
<div class="p-0">
    @if ($gridBuilder->hasSearchForm)
        <div class="p-4 border-bottom bg-light">
            {!! $gridBuilder->formBuilder->render() !!}
        </div>
    @endif
    
    <div class="p-4">
        @if (isset($titleSmallTxt) && !empty($titleSmallTxt))
            <div class="alert alert-info mb-3">
                {!! $titleSmallTxt !!}
            </div>
        @endif
        
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div class="text-muted">
                {!! $gridBuilder->pagination() !!}
            </div>
        </div>
        
        <div class="table-responsive">
            {!! $gridBuilder->render() !!}
        </div>
        
        <div class="d-flex justify-content-center mt-3">
            {!! $gridBuilder->pagination() !!}
        </div>
    </div>
</div>

@if (isset($autoRefreshContents) && $autoRefreshContents)
    @push('scripts')
    <script>
        setInterval(function() {
            @if (isset($autoRefreshPageURL) && !empty($autoRefreshPageURL))
                window.location.href = '{{ $autoRefreshPageURL }}';
            @else
                location.reload();
            @endif
        }, 30000); // Refresh every 30 seconds
    </script>
    @endpush
@endif
@endsection