@extends('layouts.app')

@section('appjs')
    <script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')
@section('page_title')
    Launched Campaigns
@endsection
<div class="container-fluid">
<div class="card-header"><h4> <b>Campaigns Launched</b>
                @can('hasExcelPermission')
                <form class="pull-right" method="post" action="{{ url('exportlaunchdashboard') }}">
                @csrf
                <button type="submit" class="export-dashboard-excel btn-sm btn excel-btn border-radius-0"><i class="fa fa-download"></i> Export</button>
                <input type="hidden" name="fromdate" id="from_date_hidden" />
                <input type="hidden" name="todate" id="to_date_hidden"/>
                <input type="hidden" name="parentid[]" id="parent_id_hidden"/>
            </form>
            @endcan
            </h4>
        </div>
    <div class="card">
        <div class="card-body">
        <div class="inline-flex col-md-3">
        <div class="form-group col-md-12 col-sm-12 col-xs-12 col-lg-12">
        <select class="form-control" name="acc_id[]" multiple id="acc_id">
            <optgroup label="ACTIVE">
                @foreach ($accname as $value)
                @if($value->status > 0)
                    <option value="{{$value->id}}">{{ $value->account_name }}-({{$value->id}})</option>
                @endif
                @endforeach
            </optgroup>
            <optgroup label="INACTIVE">
                @foreach ($accname as $value)
                @if($value->status == 0)
                    <option value="{{$value->id}}">{{ $value->account_name }}-({{$value->id}})</option>
                @endif
                @endforeach
            </optgroup>
        </select>
          </div>
        </div>
        <form class="pull-right inline-flex">
            <div class="form-group ml-4">
            <select id="period_filter" class="form-control">
                            <option value=''>Select</option>
                            <option value="1">Today</option>
                            <option value="2">Yesterday</option>
                            <option value="3">This Month</option>
                            <option value="4">Last Month</option>
                            <option value="5">Last 6 Months</option>
                            <option value="6">This Year</option>
                            <option value="7">Last Year</option>
                        </select>
                </div>
        <div class="form-group ml-4">
            <input type="text" id="start_date" class="form-control" name="start_date" placeholder="From Date">
        </div>

        <div class="form-group ml-4">
        <input type="text" id="end_date" class="form-control" name="end_date" placeholder="To Date">
        </div>
        </form>
        <div class="table-responsive">
            <table class="table-bordered" id="launchdashboard">
                <thead>
                    <tr>
                        <th class="text-center">Sr. No </th>
                        <th class="text-center">Launch Id </th>
                        <th class="text-center">Industry </th>
                        <th class="text-center">Brand Name </th>
                        <th class="text-center">Campaign Group </th>
                        <th class="text-center">Campaign Sub Group </th>
                        <th class="text-center">Campaign Data</th>
                        <th class="text-center">Content 1 </th>
                        <th class="text-center">Content 2 </th>
                        <th class="text-center">Content 3 </th>
                        <th class="text-center">Volume Pushed </th>
                        <th class="text-center">Volume Submitted </th>
                        @canany(['isSuperAdmin','isAdmin', 'isSupport'])
                        <th class="text-center">Total SMS Units </th>
                        @endcanany
                        <th class="text-center">Invalid Numbers</th>
                        <th class="text-center">DND Numbers</th>
                        <th class="text-center">Already Used Numbers</th>
                        <th class="text-center">Blacklisted Numbers</th>
                        <th class="text-center">Duplicate Numbers</th>
                        <th class="text-center">Exclude No Activity Numbers</th>
                        <th class="text-center">Exclude Operator Numbers</th>
                        <th class="text-center">Campaign URL </th>
                        <th class="text-center">CPM 1 </th>
                        <th class="text-center">CPM 2 </th>
                        <th class="text-center">CPM 3 </th>
                        @canany(['isSuperAdmin','isAdmin', 'isSupport'])
                        <th class="text-center">Spends</th>
                        @endcanany
                        <th class="text-center">Sender ID </th>
                        <th class="text-center">Submitted Time </th>
                        <th class="text-center">Executed   Time </th>
                        <th class="text-center">Status </th>
                        @if(Gate::allows('hasLogsPermission'))
                            <th>Logs</th>
                        @endif
                    </tr>
                </thead>
                <tbody> 
                </tbody>
            </table>
        </div>
        </div>
    </div>
</div>

<!-- --- view log Section Start -->
<div class="modal fade" id="logModal" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content logmodelcontent">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body logmodalbody">
            <p id="logdata"></p>
            </div>
            <div class="modal-footer logmodalfooter">
            </div>
        </div>
    </div>
</div>
<!-- --- view log Section end-->

<link rel="stylesheet" href="{{asset('css/jquery-ui.css')}}"/>
<script type="application/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
<script>
    $(document).ready(function() {
    /* call function while DOM get ready to get all records.*/
        launchcompaignselection();
    });
        //multi select for users
        $('#acc_id').multiselect({
            includeSelectAllOption: true,
            allSelectedText: 'All Accounts selected',
            nonSelectedText: 'No Account selected',
            selectAllValue: 'all',
            selectAllText: 'Select all',
            unselectAllText: 'Unselect all',
            buttonWidth: '100%',
            enableFiltering: true,
            includeSelectAllOption: true,
            selectAllJustVisible: false,
            templates: {
                filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter" type="button">Clear</button></span>',
            },
            enableCaseInsensitiveFiltering: true
        });

 /* fetch logs records*/
    $(document).on('click', '.log-modal', function() {
        var logfile_name = $(this).data('info');
        $('.loading').css('display','block');
        $.ajax({
            type: 'post',
            url: 'logfile',
            data: {
                "_token": "{{ csrf_token() }}",
                "logfile": logfile_name
            },
            success: function(data) {
                $('.loading').css('display','none');
                $('#logModal').modal('show');
                $('#logdata').text(data);
            },
            error: function(xhr, status, error) {
            $('.loading').css('display','none');
            // Show an error message to the user
            alert('log file not found.');
            }
        });
    });

    // Download the log file when clicked
    $(document).on('click', '.log-modal-download', function() {
        var logfile_name = $(this).data('info');
        $('.loading').css('display','block');
        $.ajax({
            type: 'post',
            url: 'logfile',
            data: {
                "_token": "{{ csrf_token() }}",
                "logfile": logfile_name
            },
            success: function(data) {
                $('.loading').css('display','none');
            var blob = new Blob([data], { type: 'text/plain' });
            var downloadLink = document.createElement('a');
            downloadLink.href = window.URL.createObjectURL(blob);
            downloadLink.download = logfile_name + '.log';
            document.body.appendChild(downloadLink);
            downloadLink.click();
            document.body.removeChild(downloadLink);
            },
            error: function(xhr, status, error)
            {
                $('.loading').css('display','none');
                alert('log file not found.');
            }
        });
    });

/* export launch dashboard on filter of from date, to date, accountlist */
$(".export-dashboard-excel").click(function(){
        var start_date = $('#start_date').val();
        var end_date = $('#end_date').val();
        var parent_id = $('#acc_id').val();

        $('#from_date_hidden').val(start_date);
        $('#to_date_hidden').val(end_date);
        $('#parent_id_hidden').val(parent_id);
        $(this).submit();
    });

    // default value of from and to date
        var today = new Date();
        var dd = (today.getDate() < 10 ? '0' : '') + today.getDate();
        var date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + dd;
        $('#start_date,#end_date').val(date);

 /* on change of From Date */
    $("#start_date").datepicker({
        dateFormat: 'yy-mm-dd',
        maxDate : 0,
        autoclose: true,
        todayHighlight: true,
        onSelect: function (selectedDate) {
            var date2 = $('#start_date').datepicker('getDate');
            $('#end_date').datepicker('option', 'minDate', date2);
            $('#end_date').datepicker('setDate', date2);
            launchcompaignselection();
            $('#period_filter').val('');
        }
    });

    /* on change of To Date */
    $("#end_date").datepicker({
        dateFormat: 'yy-mm-dd',
        minDate: $("#start_date").datepicker("getDate"),
        maxDate : 0,
        autoclose: true,
        todayHighlight: true,
        onSelect: function(selectedDate) {
            var dt1 = $('#start_date').datepicker('getDate');
            var dt2 = $('#end_date').datepicker('getDate');
            if (dt2 < dt1) {
                var minDate = $('#end_date').datepicker('option', 'minDate', dt1);
                $('#end_date').datepicker('setDate', minDate);
            }
            launchcompaignselection();
            $('#period_filter').val('');
        }
    });

    /* on change of Choose Account */
    $('#acc_id').change(function(){
        launchcompaignselection();
    });

    /* on change of Choose Time Period */
    $("body").on("change", "#period_filter", function(){
            var periodValue = $(this).val();

            //filter by today
            if(periodValue=='1'){
                var start_date = new Date().toJSON().slice(0,10);
                var end_date = new Date().toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }

            //filter by yesterday
            else if(periodValue=='2'){
                var start_date =  new Date(Date.now() - 864e5).toJSON().slice(0,10);
                var end_date =  new Date(Date.now() - 864e5).toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }

            //filter by this month
            else if(periodValue=='3'){
                var start_date = new Date();
                var end_date = new Date().toJSON().slice(0,10);
                start_date = new Date(start_date.setMonth(start_date.getMonth()));
                start_date = new Date(start_date.setDate(1));
                start_date = start_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }

            //filter by last month
            else if(periodValue=='4'){
                var start_date = new Date();
                var end_date = new Date();
                start_date = new Date(start_date.setMonth(start_date.getMonth() - 1));
                start_date = new Date(start_date.setDate(1));
                start_date = start_date.toJSON().slice(0,10);
                end_date = new Date(end_date.setDate(1)-864e5);
                end_date = end_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }

            //filter by last 6 month
            else if(periodValue=='5')
            {
                var start_date = new Date();
                var end_date = new Date();
                end_date = new Date(end_date.setDate(1)-864e5);
                end_date = end_date.toJSON().slice(0,10);
                start_date = new Date(start_date.setDate(1));
                start_date = new Date(start_date.setMonth(start_date.getMonth() - 6));
                start_date = start_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }

            //filter by this year
            else if(periodValue=='6')
            {
                var end_date = new Date().toJSON().slice(0,10);
                var makeDate = new Date(end_date);
                var start_date = new Date(makeDate.setMonth(0));
                start_date = new Date(makeDate.setDate(1));
                start_date = start_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }
            //filter by Last year
            else if(periodValue=='7'){
                var end_date = new Date();
                var start_date = new Date();
                end_date = new Date(end_date.setMonth(0));
                end_date = new Date(end_date.setDate(1)-864e5).toJSON().slice(0,10);
                start_date = new Date(start_date.setMonth(start_date.getMonth() - 12));
                start_date = new Date(start_date.setMonth(0));
                start_date = new Date(start_date.setDate(1)).toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                launchcompaignselection();
            }
        });

/* Fetch all the records  through data-table*/
function launchcompaignselection(){
    var parent_id = $('#acc_id').val();
    var start_date = $('#start_date').val();
    var end_date = $('#end_date').val();
    $.ajax({
        type: "POST",
        url: "{{ url('/get_launch_account_date_based_result') }}",
        data: {
        "_token" : "{{ csrf_token() }}",
        "start_date" : start_date,
        "end_date" : end_date,
        "parent_id" : parent_id
        },
        success: function(launchdata) {
            $("#launchdashboard").DataTable().clear().destroy();
            $('#launchdashboard').DataTable({
                data: launchdata,
                "scrollX": true,
                "bProcessing":true,
                "bLengthChange": true,
                "scrollY":  400,
                "pageLength": 20,
                "scrollCollapse": true,
                "language": { search: '', searchPlaceholder: "Search..." },

            aoColumns: [
                { data: "", render: function ( data, type, row ) {
				  		return '';
				    }
			    },
                { data: "id"},
                { data: "type_name"},
                { data: "campaign_name" },
                { data: "group_name" },
                { data: "sub_group_name" },
                { data: "type" },
                {
                    data: 'sample_content',
                    render: function(data, type, row, meta) {
                        let content = row.sample_content;
                        content = content.replace(/\\n/g, '');
                        return content;
                    }
                },
                {
                    data: 'sample_content2',
                    render: function(data, type, row, meta) {
                        let content = row.sample_content2;
                        content = content.replace(/\\n/g, '');
                        return content;
                    }
                },
                {
                    data: 'sample_content3',
                    render: function(data, type, row, meta) {
                        let content = row.sample_content3;
                        content = content.replace(/\\n/g, '');
                        return content;
                    }
                },
                { data: "pushed_volume" },
                { data: "volume_count" },
                @canany(['isSuperAdmin','isAdmin','isSupport'])
                { data: "total_sms_units" },
                @endcanany
                { data: "invalid_count" },
                { data: "dnd_ndnd_count" },
                { data: "exclude_count" },
                { data: "blacklist_count" },
                { data: "duplicate_count" },
                { data: "exclude_lastsms_count" },
                { data: "exclude_operator_count" },
                { data: "campaign_url" },
                { data: "cps" },
                { data: "cps2" },
                { data: "cps3" },
                @canany(['isSuperAdmin','isAdmin','isSupport'])
                { data: "total_spends" },
                @endcanany
                { data: "sender_name" },
                { data: "created_on" },
                { data: "executed_on" },
                { data: "status" },
                @if(Gate::allows('hasLogsPermission'))
                { data: "view_logbtn" }
                @endif
             ],
             order:[],
             fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                    $('td:eq(0)', nRow).html(iDisplayIndexFull + 1);
                    return nRow;
                },
           });
        }
     });
}
</script>
@endsection