@extends('layouts.app')

@section('title', __('Campaign Status'))

@push('css')
    @include('panel.inc.datatable.css')
@endpush

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Data') }}
                </div>
                <h2 class="page-title">
                    {{ __("Manage Campaign Status") }}
                </h2>
            </div>
            <!-- Page title actions -->
            <div class="col-auto ml-auto d-print-none">
                <div class="btn-list">
                    @can('data-campaign-statuses-add')
                        <x-buttons.btn-add modal="campaignStatusesModal" :route="route('panel.data.campaign-statuses.modal')"/>
                    @endcan
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        {!! $dataTable->table() !!}
    </div>


@stop

@push('script')
    @include('panel.inc.datatable.js')
    {!! $dataTable->scripts() !!}

    <script !src="">

        @can('data-campaign-statuses-delete')
        $(document).on('click', '.deleteModel', function(){
            let el = this;
            deletePopup({
                el: el,
                url: '{{ route('panel.data.campaign-statuses.delete') }}',
                params:{
                    moduleID: $(el).data('model-id')
                },
                datatable: $('#campaign-statuses-table').DataTable()
            });
        });
        @endcan
    </script>

@endpush