@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Email Preferences
@stop
@section('content')
<div class="tableSearch clearfix">
    <input type="text" placeholder="Search" id='filing-list-search' class="inputSearch fright">
</div>
<div class="dashboardTable " id="UserList">
    <table class="table usermanagement" id ="searchtable" style="margin-top:0">
        <thead class="theader theaderTab">
            <tr>
                <th><span>User Name</span></th>
                <th><span>Email id</span></th>
                <th><span>Email Preference</span></th>
            </tr>
        </thead>
        @foreach($users as $user)
        <tr>
            <td>{{$user->firstname.' '.$user->lastname}}</td>
            <td>{{$user->email}}</td>
            <td><a class="email_pref" href="#" data-uid="{{$user->uid}}" >Change Email Preference</a></td>
        </tr>
        @endforeach
    </table>
</div>
<div class="popupWrapper customPopWidth popup_response" id='mfr_message_box'>
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
        <div class="popupBody">
            <div class="centerstyle" style="text-align:center">
				<p id="popup_response_text" class="mb35"></p>
				<p class="c-align">
					<a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
				</p>
            </div>
        </div>
    </div>
</div>
<div class="popupWrapper customPopWidth popup_response" id='email_pref_popup'>
    <div class="popupContent">
        <img src="/images/modal_close.png"  class="closePopup" alt="close">
        <div class="popupBody">
            <p id="popup_response_text2" class="mb35 c-align popup_response_text">Configure Email Preferences</p>
            <div class="centerstyle" style="text-align:center">
                {{ Form::open(array('url' => 'superadmin/save-emailpreference','id' => 'email_preferences')) }}
                <p>
                    
                    <input name="submission" type="checkbox" value="submission" id="submission">
                    {{ Form::label('submission', 'Filing Submission Emails') }}
                </p>
                <p>
                    <input name="acceptance" type="checkbox" value="acceptance" id="acceptance">
                    {{ Form::label('acceptance', 'Accepted Filings Emails') }}
                </p>
                <p>
                    <input name="rejection" type="checkbox" value="rejection" id="rejection">
                    {{ Form::label('rejection', 'Rejected Filings Emails') }}
                </p>
                <p hidden>
                    <input name="correction_return" type="checkbox" value="correction_return" id="correction_return">
                    {{ Form::label('correction_return', 'Emails for Correction Returned Filings') }}
                </p>
                {{ Form::hidden('user_id','value' ,array('id' => 'user_id')) }}
                <input type="submit" name='submit' id='submit' class="btn btn-padding btn-medium btn-bluebg" value='Save' />
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
<style>
    #searchtable_info{
        display: none;
    }
</style>

@stop

@section('scripts_bottom')
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/js/jquery.quicksearch.js"></script>
<script type="text/javascript">
$(function() {
    var submission = false;
    var dataTbale = $("#searchtable").dataTable({
        "sDom": "rtip",
        "iDisplayLength": 10,
        "aoColumns": [
            {"bSearchable": true, "bSortable": true},
            {"bSearchable": true, "bSortable": true},
            null

        ],
        "fnDrawCallback": function() {
            if (Math.ceil((this.fnSettings().fnRecordsDisplay()) / 10) <= 1) {

                $('#searchtable_next').css({"display": "none"});
                $('#searchtable_previous').css({"display": "none"});
            }
        }
    });
    $('input#filing-list-search').keyup(function() {
        dataTbale.fnFilter($(this).val());
    });
    var users = {{json_encode($users)}};
    $('#UserList').on('click', "a.email_pref", function(event) {
        event.preventDefault();
        $(".overlay").show();
        MFR.showLoader()
        var uid = $(this).data('uid')
                
    for (var i in users) {
        if (users[i]['uid'] == uid) {
            if (users[i]['submission'] == 1)
                $("#submission").prop("checked", true);
            else
                $("#submission").prop("checked", false);
            if (users[i]['acceptance'] == 1)
                $("#acceptance").prop("checked", true);
            else
                $("#acceptance").prop("checked", false);
            if (users[i]['rejection'] == 1)
                $("#rejection").prop("checked", true);
            else
                $("#rejection").prop("checked", false);
            if (users[i]['correction_return'] == 1)
                $("#correction_return").prop("checked", true);
            else
                $("#correction_return").prop("checked", false);
            $('#email_preferences #user_id').val(uid);
        }
    }
    $('#email_pref_popup').show();
    });
    $('#email_preferences').submit(function(event) {
        event.preventDefault();
        $('#email_pref_popup').hide();
        MFR.showLoader();
        var data = $(this).serialize();
    //    console.log(data);
        $.ajax({
            type: "POST",
            url: $(this).attr('action'),
            data: data,
            dataType: 'json',
            success: function(data) {
                MFR.messageBox(data.message);
                for (var i in users) {
                    if (users[i]['uid'] == data.uid) {
                        users[i]['submission']= data.pref['submission'];
                        users[i]['acceptance']= data.pref['acceptance'];
                        users[i]['rejection']= data.pref['rejection'];
                        users[i]['correction_return']= data.pref['correction_return'];
                        break;
                    }
                }
            }

        });
    });
});

</script>
@stop