@extends('layouts/contentLayoutMaster')

@section('title', __('locale.menu.Drip Campaigns'))

@section('vendor-style')
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/dataTables.bootstrap5.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/responsive.bootstrap5.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/sweetalert2.min.css')) }}">
@endsection

@section('page-style')
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/drip-campaign-builder.css')) }}">
@endsection

@section('content')
    <section id="drip-campaigns-table">
        <div class="mb-3 mt-2">
            <div class="btn-group">
                <button
                        class="btn btn-primary fw-bold dropdown-toggle me-1"
                        type="button"
                        id="drip_bulk_actions"
                        data-bs-toggle="dropdown"
                        aria-expanded="false"
                >
                    {{ __('locale.labels.actions') }}
                </button>
                <div class="dropdown-menu" aria-labelledby="drip_bulk_actions">
                    <a class="dropdown-item bulk-pause" href="#"><i data-feather="pause"></i> {{ __('locale.labels.pause') }}</a>
                    <a class="dropdown-item bulk-resume" href="#"><i data-feather="play"></i> {{ __('locale.labels.resume') }}</a>
                    <a class="dropdown-item bulk-delete" href="#"><i data-feather="trash"></i> {{ __('locale.buttons.delete') }}</a>
                </div>
            </div>
            <div class="btn-group">
                <a href="{{ route('customer.drip_campaigns.create') }}" class="btn btn-success waves-light waves-effect fw-bold">
                    {{ __('locale.buttons.add_new') }} <i data-feather="plus-circle"></i>
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <table class="table datatables-drip table-sm mb-0">
                        <thead>
                        <tr>
                            <th></th>
                            <th></th>
                            <th>{{ __('locale.labels.name') }}</th>
                            <th>{{ __('locale.labels.originator') }}</th>
                            <th>{{ __('locale.drip_campaigns.enrollments') }}</th>
                            <th>{{ __('locale.drip_campaigns.active_sequences') }}</th>
                            <th>{{ __('locale.drip_campaigns.next_run') }}</th>
                            <th style="width: auto">{{ __('locale.labels.status') }}</th>
                            <th>{{ __('locale.labels.updated_at') }}</th>
                            <th class="text-end">{{ __('locale.labels.actions') }}</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('vendor-script')
    <script src="{{ asset(mix('vendors/js/tables/datatable/jquery.dataTables.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.bootstrap5.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.responsive.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/responsive.bootstrap5.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.checkboxes.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
@endsection

@section('page-script')
    @php
        $dripDatatableInfo = __('locale.datatables.showing_entries', [
            'start' => '_START_',
            'end' => '_END_',
            'total' => '_TOTAL_',
        ]);
    @endphp
    <script>
        window.dripDatatableLocale = {
            noResults: @json(__('locale.datatables.no_results')),
            search: @json(__('locale.datatables.search')),
            processing: @json(__('locale.datatables.processing')),
            info: @json($dripDatatableInfo)
        };
        window.dripCampaignRoutes = {
            search: @json(route('customer.drip_campaigns.search')),
            pause: @json(route('customer.drip_campaigns.pause', ['dripCampaign' => '__UID__'])),
            delete: @json(route('customer.drip_campaigns.delete', ['dripCampaign' => '__UID__'])),
            duplicate: @json(route('customer.drip_campaigns.duplicate', ['dripCampaign' => '__UID__'])),
            labels: {
                overview: @json(__('locale.menu.Overview')),
                edit: @json(__('locale.buttons.edit')),
                duplicate: @json(__('locale.drip_campaigns.duplicate')),
                pause: @json(__('locale.labels.pause')),
                delete: @json(__('locale.buttons.delete')),
                confirm: @json(__('locale.labels.are_you_sure')),
                yes: @json(__('locale.labels.yes')),
            }
        };
    </script>
    <script src="{{ asset(mix('js/scripts/drip-campaigns-index.js')) }}"></script>
@endsection