@extends('layouts.main')

@section('page-style')
    <link rel="stylesheet" href="{{ asset('css/filter.css') }}">
@endsection

@section('content')
    <div style="margin-bottom: 24px;">
        @if(isset($filterData))
            @include('_partials.filter.form')
        @endif
    </div>
    <div style="margin-bottom: 20px;">
        @include('_partials.buttons.index-buttons', compact('buttons'))
    </div>
    <div class="card sc-list-card">
        <div class="card-header sc-list-header">
            <h5 class="sc-list-title">
                @yield('title')
                <livewire:per-page :currentUrl="request()->fullUrl()" :perPage="request()->get('per_page') ?? 25" />
            </h5>
            @include('_partials.flash-message')
        </div>
        <div class="sc-list-content">
            @yield('list')
        </div>
        @if($withPagination)
            <div class="sc-pagination-wrapper">
                <div class="col-lg-6 col-md-8 col-12">
                    {{ $result->onEachSide(4)->links('_partials.pagination') }}
                </div>
            </div>
        @endif
    </div>
    @yield('afterList')
@endsection