@extends('layouts.app')
@section('title', 'Forms | Website')
@section('extrastyles')
    <link rel="stylesheet" href="{{ asset('/plugins/dataTables/datatables.min.css') }}" >
    <link href="{{ asset('/plugins/datepicker/datepicker3.css') }}" rel="stylesheet">
@endsection

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title2">
                    <h5>Blocked Emails for Submission</h5>
                </div>
                <div class="ibox-content p-md">
                    @include('flash::message')
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="tabs-container">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a data-toggle="tab" href="#tab-general" aria-expanded="true"><i class="fa fa-gear"></i> Settings</a></li>
                                    <li class=""><a data-toggle="tab" href="#tab-entries" aria-expanded="false"><i class="fa fa-bars"></i> Entries</a></li>
                                </ul>
                            </div>
                            <div class="tab-content">
                                <div id="tab-general" class="tab-pane active">
                                    <div class="panel-body">
                                        {!! Form::open(['id' => 'form_blocked_list','novalidate' => 'novalidate', 'url' => url('form/blocked/'.'#general')]) !!}
                                        <div class="form-group">
                                            {!! Form::label('blocked_emails','List of Blocked Email Addresses') !!}
                                            {!! Form::textarea('_form_submission_blocked_emails', SiteSettingFind('_website_form_submission_blocked_emails',''), ['class' => 'form-control', 'rows' => '2']) !!}
                                            <small>Separate multiple email addresses using commas</small>
                                        </div>
                                        <div class="form-group pull-right">
                                            <button type="submit" class="btn btn-primary">Update</button>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                                <div id="tab-entries" class="tab-pane">
                                    <div class="panel-body">
                                        <div class="form-group">
                                            <h2>Blocked Entries</h2>
                                        </div>
                                        <div class="row">
                                        @include('Website::form.blocked.entries')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer')
    <script src="{{ asset('/plugins/dataTables/datatables.min.js') }}"></script>
    <script src="{{ asset('/plugins/dataTables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('/plugins/datepicker/bootstrap-datepicker.js') }}"></script>

    <script>
        $(document).ready(function () {
            var hash = window.location.hash;
            hash = hash.replace('#','');
            hash = hash.split('/');
            if(hash[0] != ''){
                var parentNav = $('#tab-'+hash[0]).closest('.parent_tab').attr('id');
                if(parentNav != undefined && parentNav != '') {
                    $('.nav-tabs a[href="#' + parentNav + '"]').tab('show');
                }
                $('.nav-tabs a[href="#tab-' + hash[0] + '"]').tab('show');
            }
            $('.nav-tabs a').click(function (e) {
                var hasShow = this.hash;
                hasShow = hasShow.replace('tab-','');
                window.location.hash = hasShow;
            });

            $('.input-group .date_in').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                format: "mm-dd-yyyy"
            });
            $('select[name=form_filter]').change(function () {
                var selected = $(this).val();
                if(selected == 'all') {
                    document.location.href = "{{ website_form('blocked') }}"+window.location.hash
                } else {
                    document.location.href = "{{ website_form('blocked') }}?form_id="+selected+window.location.hash;
                }

            });
            $('input[name=form_entry_search]').on('keyup', function () {
                refresh_entries();
            });
            $('input[name=from_date]').on('change', function () {
                refresh_entries();
            });
            $('input[name=to_date]').on('change', function () {
                refresh_entries();
            });
            $('.csv-export').on('click', function () {
                var data = '?_token={{ csrf_token() }}';
                data += '&search='+$("input[name=form_entry_search]").val();
                data += '&from_date='+$("input[name=from_date]").val();
                data += '&to_date='+$("input[name=to_date]").val();
                data += '&'+$('input[name=current_page]').val();
                data += '&form_id={{ (Request::has('form_id')) ? Request::input('form_id') : 0 }}';
                window.location.href = '{{ website_form('export-entry-csv') }}'+data;
            });
            refresh_entries();
        });
        function refresh_entries() {
            var data = '_token={{ csrf_token() }}';
            data += '&search='+$("input[name=form_entry_search]").val();
            data += '&from_date='+$("input[name=from_date]").val();
            data += '&to_date='+$("input[name=to_date]").val();
            data += '&only_blocked=yes';
            data += '&'+$('input[name=current_page]').val();
            data += '&form_id={{ (Request::has('form_id')) ? Request::input('form_id') : 0 }}';
            $("#table_searching").html('<span class="fa fa-spinner fa-spin"></span>&nbsp;Searching...');
            $.ajax({
                method: 'GET',
                url: '{{ website_form('filter-entries') }}',
                data: data,
                dataType: 'json',
            }).done(function(data) {
                $("#entery_listing").html(data.html);
                $("#pagination").html(data.pagination);
                $("#table_searching").html('');
                checkPage();
                doActions();
            });
        }
        function checkPage() {
            $('#pagination').find('a').click( function () {
                var current_page = $(this).attr('href');
                current_page = current_page.replace('{{ website_form('filter-entries/?') }}', '');
                $('input[name=current_page]').val(current_page);
                refresh_entries();
                return false;
            });
        }
        function doActions() {
            $('.delete_entry').unbind('click');
            $('.delete_entry').click(function () {
                if(confirm('Are you sure you want to delete this entry ?')) {
                    var id = $(this).data('id');
                    $.ajax({
                        method: 'POST',
                        url: '{{ website_form('delete-entry') }}',
                        data: 'id='+id+'&_token={{ csrf_token() }}',
                        dataType: 'json',
                    }).done(function(data) {
                        toastrShow('Entry Deleted Successfully', 'Success');
                        refresh_entries();
                    });
                }
            });
            $('.unblock_entry').unbind('click');
            $('.unblock_entry').click(function () {
                if(confirm('Are you sure you want to unblock this entry ?')) {
                    var id = $(this).data('id');
                    $.ajax({
                        method: 'POST',
                        url: '{{ website_form('unblock-entry') }}',
                        data: 'id='+id+'&_token={{ csrf_token() }}',
                        dataType: 'json',
                    }).done(function(data) {
                        toastrShow('Entry Unblocked Successfully', 'Success');
                        refresh_entries();
                    });
                }
            });
        }
    </script>
@endsection