@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Site Settings
@stop
@section('content')


<div class="form addForm" id='site_setting_form'>
	<p>
	    <label for="location" class="">Position</label>
	    <select name="location_code" class="selectWidth" id="place_message">
		<option value="0">Select</option>
		    @foreach($locations as $loc_short => $location_name)
		    <option value="{{$loc_short}}">{{$location_name}}</option>
		    @endforeach
	    </select>
	    <input type="checkbox" class="displaycheck" name="displaycheck" checked="checked">
	    <label for="displaycheck" style="width: auto;">Display now?</label>
	</p>
	<label></label>
	<textarea name="systemdowntext" class="displaytext" rows="2" cols="45" maxlength="1024"></textarea>
	<p>
	    <label></label>
	    <input type="button" value="Add message" class="btn btn-padding btn-bluebg" id="add_message"/>
	</p>
</div>
</br>
</br>
</br>
<a style="font-size:1.5em" href="/quickbook/newCodes" target="_blank">Update Quickbook Tokens</a>
@if(count($settings))
<div style="margin-top: 2em" class="dashboardTable " id="SettingList">
    <table class="table usermanagement" id ="searchtable" style="margin-top:0">
        <thead class="theader theaderTab">
            <tr>
                <th><span>Place</span></th>
                <th><span>Message</span></th>
                <th><span>Action</span></th>
            </tr>
        </thead>
	@foreach($settings as $setting)
        <tr>
            <td>{{$locations[$setting->location]}}</td>
            <td>{{$setting->message}}</td>
            <td>
                <ul class="service-actions">
		    @if($setting->is_display)
		    <input type="checkbox" id="displaycheck" name="displaycheck" class="changedisplay" checked="checked" data-value="{{$setting->location}}">
		    @else
			<input type="checkbox" id="displaycheck" class="changedisplay" name="displaycheck" data-value="{{$setting->location}}">
		    @endif
                    <li><a class="delete_message delete_acc" title="Delete message" data-value="{{$setting->location}}"></a></li>
                </ul>
            </td>
        </tr>
        @endforeach
    </table>
</div>
@endif

<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_delete">
    <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_small_text" class="mb35">Delete the notification message?</p>
                <p>
                    <a href="#" class="btn btn-medium btn-bluebg" id="confirmdelete" style="margin-left:15px">Yes</a>&nbsp;&nbsp;
                    <a href="#" class="btn btn-medium delete_closebtn btn-bluebg" style="margin-left:15px">No</a>&nbsp;&nbsp;
                </p>
            </div>
        </div>
    </div>
</div>

@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" src="/js/main.js?@assetsVersion()"></script>
<script type="text/javascript">
$(function(){
    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()) / 5) <= 1) {

                $('#searchtable_next').css({"display": "none"});
                $('#searchtable_previous').css({"display": "none"});
            }
           else{
              $('#searchtable_next').css({"display":"block"});
              $('#searchtable_previous').css({"display":"block"});
           }
        }
    });
    $(document).on('click', "#add_message", function (e) {
		if($('.displaytext').val() == 0 || $('#place_message').val() == 0){
		    if ($('#place_message').val() == 0) {
			MFR.messageBox('Please select a place to show');
			return;
		    }
		    if ($('.displaytext').val().length == 0) {
			MFR.messageBox('Please enter a message');
			return;
		    }
		    return false;
		}
		$('.overlay').show();		
		var displaytext = $('.displaytext').val();
		var displayplace = $('#place_message').val();
		var displaycheck = ($('.displaycheck').prop('checked'))?1:0;
		$.ajax({
			url: '/superadmin/site-settings',
			data: {'displaytext': displaytext, 'is_display': displaycheck, 'displayplace': displayplace},
			type: 'POST',
			async: false,
			success: function (response) {
			    $('.loader').hide();
			    $('.overlay').hide();
			    if (response.error) {

			    }
			    else if(!response.error){
				location.href = '/superadmin/site-settings';
			    }
			}
		});
	});
	
	$(document).on('click', ".delete_message", function (e) {
		trigElem = this;
		$('.overlay').show();
		$(".popup_delete").css({"display":"block"});
		$(".delete_closebtn,.popupContent .closePopup").on('click',function(){
			$(this).parents('.popupWrapper').hide();
			$('.overlay').hide();
			
		});
		$("#confirmdelete").unbind('click').on('click',function(){
				$('.loader').show();
				$.ajax({
					url: '/superadmin/delete-notification-message',
					data: {'displayplace': $(trigElem).attr("data-value")},
					type: 'POST',
					async: false,
					success: function (response) {
					    $(".popup_delete").css({"display":"none"});
					    $('.loader').hide();
					    $('.overlay').hide();
					    if (response.error) {
						
					    }
					    else if(!response.error){	
						location.href = '/superadmin/site-settings';
					    }
					    (".superadminmesaage").html(response.message);
					}
				});
			   
		});
	});
	
	$('.changedisplay').change(function() {
	    var isdisplay = ($(this).is(":checked"))?1:0;
	    $('.overlay').show();
	    $('.loader').show();
	    $.ajax({
		     url: '/superadmin/toggle-notification-display',
		     data: {'displayplace': $(this).attr("data-value"), 'is_display': isdisplay },
		     type: 'POST',
		     async: false,
		     success: function (response) {
			 $('.loader').hide();
			 $('.overlay').hide();
		     }
	     });
	    
	});
	
	$(document).on('click', '#response_msg', function () {
		$('.overlay').hide();
		$(".popup_response").css({"display":"none"});
	});

	$(document).on('click', "#casePopup, .delete_closebtn,.popupContent .closePopup,#response_msg", function() {
		$(this).parents('.popupWrapper').hide();
		MFR.hideLoader();
	});
});

</script>
@stop