@extends('layouts.master')

@section('content')
<style type="text/css">
    .pointer,
    .o,
    .uniqueUsers {
        cursor: pointer;
    }
</style>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ trans('breadcrumbs.Search Campaign') }}</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render('Search Campaign') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <h3 class="card-title">{{ trans('layout.Filter') }}</h3>
                <div class="col-md-6 card-primary card-form-1">
                    <div class="card-body">
                        <div class="form-col-1">
                            {{ Form::label('CAMPAIGN_TYPE', trans('marketing.Campaign Type')) }}
                            {{ Form::select('CAMPAIGN_TYPE', $campaignType, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'CAMPAIGN_TYPE']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('STATUS', trans('marketing.Status')) }}
                            {{ Form::select('STATUS', $PromoStatus, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'STATUS']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('CURRENCY_TYPE', trans('marketing.Currency Type')) }}
                            {{ Form::select('CURRENCY_TYPE', $currencyType, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'CURRENCY_TYPE']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('CAMPAIGN_NAME', trans('marketing.Campaign Name')) }}
                            {{ Form::text('CAMPAIGN_NAME','', ['id' => 'CAMPAIGN_NAME', 'class' => 'form-control', 'placeholder' => trans('marketing.Campaign Name'),'maxlength' => 25]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('CAMPAIGN_CODE', trans('marketing.Campaign Code')) }}
                            {{ Form::text('CAMPAIGN_CODE','', ['id' => 'CAMPAIGN_CODE', 'class' => 'form-control', 'placeholder' => trans('marketing.Campaign Code'),'maxlength' => 50]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('PAYMENT_TYPE', trans('marketing.Payment Type')) }}
                            {{ Form::select('PAYMENT_TYPE', $paymentType, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'PAYMENT_TYPE']) }}
                        </div>

                        <div class="form-col-1">
                            {{ Form::label('DATE_RANGE',trans('layout.Select Date Range')) }}<br>
                            <button type="button" style="width: 100%;" class="btn btn-default" id="daterange-btn">
                                <span class="daterange_span pull-left">{{ trans('layout.Select Date Range') }}</span>
                            </button>
                            <input type="hidden" name="selected_date" id="selected_date">
                            <input type="hidden" name="selected_datatime" id="selected_datatime">
                        </div>
                        <br> <br>
                        <div class="button_sec">
                            <button class="btn btn-primary" id="getReport">{{ trans('layout.Submit') }}</button>
                            <button class="btn btn-default" id="reloadPage">{{ trans('layout.Clear') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>

        <div class="card" id="report" style="display:none">
            <div class="card-header">
                <h3 class="card-title" id="report_title"></h3>
            </div>
            <div class="card-body">
                <div class="dt-buttons" onClick="post()"><button class="dt-button buttons-excel buttons-html5" tabindex="0" type="button" title="Excel"><span><i class="fa fa-file-excel-o"></i></span></button> </div>
                <table id="table" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th class="text-center">{{ trans('marketing.Campaign Type') }}</th>
                            <th class="text-center">{{ trans('marketing.Campaign Code') }}</th>
                            <th class="text-center">{{ trans('marketing.Campaign Name') }}</th>
                            <th class="text-center">{{ trans('marketing.Currency Type') }}</th>
                            <th class="text-center">{{ trans('marketing.Payment Type') }}</th>
                            <th class="text-center">{{ trans('marketing.No.Of Clicks') }}</th>
                            <th class="text-center">{{ trans('marketing.Unique Users') }}</th>
                            <th class="text-center">{{ trans('marketing.Status') }}</th>
                            <th class="text-center">{{ trans('marketing.Actions') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
    </section>
    <div class="modal fade" id="msg_detail" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">General Info</h4>
                </div>
                <div class="modal-body" id="campaign-infoview">
                    <div>
                        <div><b>Campaign Settings</b></div><br>
                        <div id="template-data"></div>
                    </div>

                </div>
                <div class=" error" id="modal-error"></div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="msg_detail1" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Promo Camapign Users</h4>
                </div>
                <div class="modal-body">
                    <div>

                        <div><span id='userName'></span></div><br>

                    </div>
                    <div class="error" id="modal-error"></div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection
@section('javascript')
@include('datatablejs')
<script type="text/javascript">
    var reportTable;
    $("#getReport").click(function() {
        $("#selected_datatime").val($("#selected_date").val());

        $('#report_title').html("Campaign Reports: " + $('.daterange_span').html());
        $('#report').show();

        reportTable = $('#table').DataTable({
            "responsive": true,
            "pagingType": "numbers",
            "processing": true,
            "bDestroy": true,
            "serverSide": true,
            "searching": false,
            "aaSorting": [],
            "lengthMenu": [
                [20, 50, 100, 200],
                [20, 50, 100, 200]
            ],
            "columnDefs": [{
                    "orderable": false,
                    "targets": [3, 4, 6, 7, 8]
                },
                {
                    "className": 'text-center',
                    "targets": [3, 4, 5, 6, 7, 8]
                }
            ],
            "ajax": {
                "url": "{{ route('searchCampaign.fetch') }}",
                "type": "GET",
                "data": function(d) {
                    d.filter_date = $("#selected_datatime").val();
                    d.filter_campaign_type = $("#CAMPAIGN_TYPE").val();
                    d.filter_campaign_status = $("#STATUS").val();
                    d.filter_currency_name = $("#CURRENCY_TYPE").val();
                    d.filter_campaign_name = $("#CAMPAIGN_NAME").val();
                    d.filter_campaign_code = $("#CAMPAIGN_CODE").val();
                    d.filter_payment_type = $("#PAYMENT_TYPE").val();
                },
                "error": function(e) {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                },
            },
            "drawCallback": function(response, settings) {
                var api = this.api();
                var rows = api.rows({
                    page: 'current'
                }).nodes();
                if (rows.length > 0) {
                    $('.dt-buttons').show();
                } else {
                    $('.dt-buttons').hide();
                }
            }
        });
    });

    function updatePromoCampaignStatus(promoCampaignId, statusId) {
        swal({
                title: " {{ trans('marketing.Alert')  }} ",
                text: "{{ trans('marketing.Alertmsg') }}",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willUpdate) => {
                if (willUpdate) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('searchCampaign.updatePromoCampaignStatus') }}",
                        method: "GET",
                        dataType: 'json',
                        data: {
                            promoCampaignId: promoCampaignId,
                            statusId: statusId
                        },
                        success: function(response) {

                            if (response.success == true) {
                                $('select[name=table_length]').trigger('change');
                                swal("{{ trans('marketing.StatusSuccess') }}", {
                                    icon: "success",
                                });
                            } else if (response.success == false) {
                                swal("{{ trans('layout.Something went wrong') }}", {
                                    icon: "warning",
                                });
                            }
                        }
                    });
                } else {
                    // swal("{{ trans('layout.Something went wrong') }}", {
                    //     icon: "warning",
                    // });

                }
            });
    }

    function deleteCampaign(promoCampaignId) {
        swal({
                title: " {{ trans('player.Alert')  }} ",
                text: "Do you want to delete?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: "{{ route('searchCampaign.deleteCampaign') }}",
                        method: "GET",
                        dataType: 'json',
                        data: {
                            promoCampaignId: promoCampaignId,

                        },
                        success: function(response) {

                            if (response.success == true) {
                                $('select[name=table_length]').trigger('change');
                                swal("{{ trans('player.StatusSuccess') }}", {
                                    icon: "success",
                                });
                            } else if (response.success == false) {
                                swal("{{ trans('layout.Something went wrong') }}", {
                                    icon: "warning",
                                });
                            }
                        }
                    });
                } else {

                }
            });
    }

    function viewPromoCampaignInfo(promoCampaignId) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: "{{ route('searchCampaign.viewPromoCampaignInfo') }}",
            method: "GET",
            dataType: 'json',
            data: {
                promoCampaignId: promoCampaignId,
            },
            success: function(response) {
                if (response.status == 200) {

                    var data = response.data;

                    var template = "<div><b> Campaign Type: </b> <span>" + data.CAMPAIGN_TYPE_NAME + "</span></<div><div ><b> Partner Name: </b> <span >" + data.PARTNER_NAME + "</span></div>  <div> <b> Campaign Name: </b> <span>" + data.CAMPAIGN_NAME + "</span></div> <div> <b> Campaign Code: </b> <span>" + data.CAMPAIGN_CODE + " </span> </div>";

                    if (data.PROMO_CAMPAIGN_TYPE_ID != 1) {
                        template += "<div> <b> Campaign URL: </b> <span>" + data.CAMPAIGN_URL + " </span> </div>";
                    }

                    template += "<div> <b> Campaign Status: </b> <span>" + data.CAMPAIGN_STATUS + " </span> </div> <div> <b> Start Date: </b> <span> " + data.START_DATE + " </span> </div> <div> <b> End Date: </b> <span>" + data.END_DATE + "<span></div > <br> <div> <b> Payment & Rule Settings </b></div> <br>";

                    if (data.PROMO_CAMPAIGN_TYPE_ID == 1 || data.PROMO_CAMPAIGN_TYPE_ID == 6) {

                        template += "<div> <b> Promo Chips: </b> <span>" + data.PROMO_CHIPS + "</span></div><div> <b> Promo(%): </b> <span>" + data.PROMO + "</span></div> <div> <b> PromoCap: </b> <span>" + data.PROMO_CAP + "</span> </div> <div> <b> Unclaimed Bonus: </b> <span>" + data.UNCLAIAMED_BONUS + " </span> </div> <div> <b> Credit/Debit Card(%): </b> <span>" + data.CREDIT_DEBIT_VALUE + "</span> </div> <div> <b> Netbanking(%): </b> <span>" + data.NETBANKING_VALUE + "</span></div><div><b> Bonus Cap: </b> <span>" + data.BONUS_CAP + "</span> </div> <div> <b> Tournament Tickets: </b> <span>" + data.TOURNAMENT_TICKETS + "</span></div>";

                    } else if (data.PROMO_CAMPAIGN_TYPE_ID == 5) {
                        template += "<div><b>Promo Chips:</b> <span>" +
                            data.PROMO_CHIPS + "</span></div> <div> <b> Promo Amount: </b> <span>" +
                            data.PROMO_AMOUNT + "</span> </div> <div> <b> Tournament Tickets: </b> <span>" +
                            data.TOURNAMENT_TICKETS + "</span> </div>";

                    } else {
                        template += "<div> <b>Payment Type:</b> <span>" + data.PAYMENT_TYPE + "</span> </div> <div> <b> Promo Type: </b> <span>" + data.PROMO_TYPE + "</span> </div>";
                    }

                    template += "<div> <b> Promo Value: </b> <span>" +
                        data.PROMO_VALUE1 + "</span> </div> <br>";

                    template += "<div><b>User Range Settings</b></div><br><div> <b>Exp User Min:</b> <span>" + data.EXP_USER_MIN + "</span> </div> <div> <b> Exp User Max: </b> <span>" + data.EXP_USER_MAX + "</span> </div>";

                    $('#template-data').html(template);

                    $("#msg_detail").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                } else {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                }
            }
        });
    }

    function viewUniqueUsers(promoCampaignId) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: "{{ route('searchCampaign.viewUniqueUsers') }}",
            method: "GET",
            dataType: 'json',
            data: {
                promoCampaignId: promoCampaignId,

            },
            success: function(response) {
                if (response.status == 200) {

                    var sNo = 1;
                    $('#userName').html('');
                    $.each(response.data, function(index, value) {

                        $('#userName').append(sNo + '.' + '&nbsp' + value.PLAYERS_NAME + '<br>');

                        sNo++;
                    });

                    $("#msg_detail1").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                } else {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                }
            }
        });
    }

    function post() {
        const form = document.createElement('form');
        form.method = 'get';
        form.action = "{{ route('searchCampaign.download') }}";

        const hiddenField = document.createElement('input');
        hiddenField.type = 'hidden';
        hiddenField.name = 'filter_date';
        hiddenField.value = $("#selected_datatime").val();

        form.appendChild(hiddenField);

        const hiddenField2 = document.createElement('input');
        hiddenField2.type = 'hidden';
        hiddenField2.name = 'filter_partner_type';
        hiddenField2.value = $("#CAMPAIGN_TYPE").val();

        form.appendChild(hiddenField2);

        const hiddenField3 = document.createElement('input');
        hiddenField3.type = 'hidden';
        hiddenField3.name = 'filter_currency_type';
        hiddenField3.value = $("#CURRENCY_TYPE").val();

        form.appendChild(hiddenField3);

        const hiddenField4 = document.createElement('input');
        hiddenField4.type = 'hidden';
        hiddenField4.name = 'filter_campaign_status';
        hiddenField4.value = $("#STATUS").val();

        form.appendChild(hiddenField4);

        const hiddenField5 = document.createElement('input');
        hiddenField5.type = 'hidden';
        hiddenField5.name = 'filter_campaign_name';
        hiddenField5.value = $("#CAMPAIGN_NAME").val();


        form.appendChild(hiddenField5);

        const hiddenField6 = document.createElement('input');
        hiddenField6.type = 'hidden';
        hiddenField6.name = 'filter_campaign_code';
        hiddenField6.value = $("#CAMPAIGN_CODE").val();

        form.appendChild(hiddenField6);

        const hiddenField7 = document.createElement('input');
        hiddenField7.type = 'hidden';
        hiddenField7.name = 'filter_payment_type';
        hiddenField7.value = $("#PAYMENT_TYPE").val();

        form.appendChild(hiddenField7);

        document.body.appendChild(form);
        form.submit();
    }
</script>
@stop