@extends('layouts.master')

@section('page-title'){{ __('Excluded Users') }}@endsection

@section('menu'){{ __('Bonuses') }}@endsection

@section('sub-menu'){{ __('Excluded Users') }}@endsection

@section('content')
<p id="response_message" class="d-none alert"></p>

        <div class="form-group">
            <a href="#" data-modalid = 'excluded_users'
                        data-url="{{ route('campaigns.add.excluded.user') }}"
                        data-modaltitle="{{ __('Adding new excluded user') }}"
                        class='js-modal btn btn-success'
                        data-savetext = "{{ __('Save') }}">{{ __('Add new user') }}</a>

        </div>

        <form id="search-excluded" js-container="#container-campaign-excluded-users" method="POST" action="{{ route('campaigns.excluded.users') }}">
            @csrf
            <div class="row">
                <div class="form-group col-md-2">
                    <label>{{ __('Show per page:') }}</label>
                    <select class="form-control" name="perPage">
                        @foreach($perPage as $key => $value)
                        <option value="{{ $key }}">{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('campaignselect', 'Bonus campaign') !!}
                    {!! Form::select('campaign_id', [ null => 'All'] + $campaignSelect, Request::get('campaignId'), ['class' => 'form-control','id'=>'campaignselect']) !!}
                </div>
                <div class="form-group col-md-2">
                    <label for="user_id">{{ __('Aggregator ID:') }}</label>
                    <input type="text" class="form-control" id="user_id" placeholder="{{ __('Aggregator ID') }}" name="user_id" value="{{ $user_id ? $user_id : '' }}">
                </div>
                <div class="form-group col-md-2">
                    <label for="casino_id">{{ __('External ID:') }}</label>
                    <input type="text" class="form-control" id="user_id" placeholder="{{ __('External ID') }}" name="casino_id" value="{{ $casino_id ? $casino_id : '' }}">
                </div>
                <div class="form-group col-md-1 align-self-center text-center mt-4">
                    <button type="submit" class="js-submit btn btn-primary waves-effect waves-light">{{ __('Search') }}</button>
                </div>
            </div>
            <div class="table-responsive">
                <div id="container-campaign-excluded-users">
                    @if (isset($excluded_users))
                       @include ('partial/tables/campaigns/excluded-users')
                    @endif
                </div>
            </div>
        </form>

@endsection

@section('script')
    <script>
        function reRenderTable(response,additional_data) {
            $('#search-excluded').find(".js-submit").click();
        }

        $(document).on('click', '.js-delete-excluded-user', function () {
            var id = $(this).attr('data-id');
            Swal.fire({
                title: "Are you sure?",
                text: "",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "Yes, delete it!"
            }).then(function (result) {
                if (result.value) {

                    $.ajax({
                        data: {"_token": "{{ csrf_token() }}"},
                        type: 'POST',
                        url: "{{ url('') }}/campaigns/deleteExcluded/" + id,

                        success: function (response) {
                            if (response.success){
                                Swal.fire("Deleted!", "User is successfully deleted from campaign.", "success");
                                reRenderTable();
                            }
                            else {
                                Swal.fire("Error!", "Error occured.", "error");
                            }
                        }
                    });
                }
            });
        });
    </script>
@endsection