@extends('layouts.admin')


@section('style')
    <link rel="stylesheet" href="{{ mix('css/admin-maint-style.css') }}"></link>
    <style>
        .modal-dialog {
            top: 30%;
        }

        .btn-group-wrap .btn {
            padding: 5px;
            /* margin-bottom: 5px; */
        }
    </style>
@endSection

@section('script')

    <script src="{{ mix('js/admin/admin-maint.js') }}"></script>

    <script>
        var TBL_NAME_SEL = '#unsub_table';
        var INIT_HAVE_MODAL_ASSIGN_ERR = @if($errors->has('series')) 1 @else 0 @endif;
        var TBL_CONFIG = {
            ajax: {
                url: "{{ $ajaxRoute }}",
            },
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'user_uid', name: 'user_uid'},
                {data: 'created_at', name: 'created_at'},
                {data: 'action', name: 'action'}
            ],
            columnDefs: [{
                targets: [0,3],
                searchable: false,
                orderable: false,
            }, {
                targets: [2,3],
                className: 'text-center'
            }]
        };
    </script>
    <script src="{{ mix('js/admin/admin-bundle-campaign-page.js') }}"></script>

@endSection

@section('content')
    <!-- Content Header (Page header) -->
    @php
        $page_title = 'List Unsub';
    @endphp

    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                @include('layouts.flashmessage')

                <div class="card">
                    <div class="card-header" style="height: 50px;">
                        <h3 class="card-title">
                            {{ __('admin_dashboard.titleNotificationTemplateUnsubscriberList') }}
                            <small>{{ $template->slug }}</small>
                        </h3>
                        <button role='button' class="btn btn-sm btn-info float-right btn_add">{{ __('admin_setting.btnAdd') }}</button>
                    </div>

                    <!-- /.card-header -->
                    <div class="card-body table-responsive p-0">
                        <table id="unsub_table" class="table table-bordered table-hover dataTable">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>User UID</th>
                                <th>Unsubscribe At</th>
                                <th></th>
                            </tr>
                            </thead>

                            <tbody></tbody>
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

    @component('components.utility.modal_confirmation_delete')
    @endcomponent

    <!-- modal unsub -->
    <div class="modal fade" id="voucher_assign_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document" >
          <div class="modal-content">
            <form action="{{ route('admin.notification.template.unsub.add', ['id' => $template->id]) }}" method="post">
                @csrf

                <div class="modal-header">
                    <label class="modal-title">{{ __('admin_dashboard.titleModalNotificationTemplateUnsub') }}</label>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group row {{ $errors->has('user_uid') ? 'has-error' : '' }}">
                        <label>{{ __('admin_dashboard.labelUserUIDs') }}</label><br>
                        <select class="select2" name="user_uid[]" multiple="multiple"
                            data-ajax-url="{{ route('admin.notification.template.subscriber.select2', ['id' => $template->id]) }}"
                            data-min-chars="1">
                            <option value="" disabled>{{ __('admin_dashboard.msgSelect2FirstOptionGuide') }}</option>
                        </select>
                        @if ($errors->has('user_uid'))
                            <small class="help-block">{{ $errors->first('user_uid') }}</small>
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('heading.btn_close') }}</button>
                    <button type="button" class="btn btn-primary btn-assign">{{ __('admin_dashboard.btnUnsubscribe') }}</button>
                </div>
            </form>
          </div>
        </div>
      </div>
    <!-- /.modal unsub -->

@endsection