@extends('layouts.app')
@push('datatable-styles')
    @include('sections.datatable_css')
@endpush

@push('datatable-styles')
    @include('sections.datatable_css')
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="d-block d-lg-flex d-md-flex action-bar">
            <a href="{{route("campaign.create")}}" class="btn btn-primary f-14 btn-active" data-toggle="tooltip"
               data-original-title="@lang('modules.leaves.tableView')"><i class="fas fa-solid fa-plus"></i> {{__("app.create")}}</a>
        </div>
        <div class="d-flex flex-column w-tables rounded mt-3 bg-white table-responsive">
            {!! $dataTable->table(['class' => 'table table-hover border-0 w-100']) !!}
        </div>
    </div>
@endsection
@push('scripts')
    @include('sections.datatable_js')
    <script>
        $('#campaign').on('preXhr.dt', function(e, settings, data) {
            var searchText = $('#search-text-field').val();
            data['searchText'] = searchText;
        });
    </script>
@endpush