{{View::make('layout.header')}}



<style>

    .table thead th,

    .table tbody td {

        padding: 5px 2px !important;

        text-align: center !important;

    }



    table.dataTable thead .sorting:before,

    table.dataTable thead .sorting_asc:before,

    table.dataTable thead .sorting_desc:before,

    table.dataTable thead .sorting:after,

    table.dataTable thead .sorting_asc:after,

    table.dataTable thead .sorting_desc:after {

        display: none;

    }



   



</style>

<!-- BEGIN: Content-->

<div class="app-content content ">

    <div class="content-overlay"></div>

    <div class="header-navbar-shadow"></div>

    <div class="content-wrapper">

        <div class="content-header row">

            <div class="content-header-left col-md-9 col-12 mb-2">

                <div class="row breadcrumbs-top">

                    <div class="col-12">

                        <h2 class="content-header-title float-left mb-0">E-Leave</h2>

                        <div class="breadcrumb-wrapper">

                            <ol class="breadcrumb">

                                <li class="breadcrumb-item active"><a href="{{route('settings')}}">Settings</a>

                                </li>

                                <li class="breadcrumb-item active"><a href="{{route('email-server')}}">Email Server</a>

                                </li>

                            </ol>

                        </div>

                    </div>

                </div>

            </div>

            @if(session()->has('message'))

            <div class="alert alert-success">

                {{ session()->get('message') }}

            </div>

            @endif

            @if(session()->has('danger'))

            <div class="alert alert-danger">

                {{ session()->get('danger') }}

            </div>

            @endif



        </div>





        

        <div class="content-body">

            <section id="dashboard-ecommerce">



             <div class="row match-height">

             

<div class="col-sm-6">

                        <div class="card">



                        <div class="card-header">

                                                <div class="d-flex align-items-center">

                                                    <h4 class="card-title"> Email Settings</h4>

                                                </div>

                                            </div>

                            

                            <div class="card-body"style="padding-top:0px;">



                                <form>



                                    @csrf



                                    <div class="row">

                                        <div class="col-sm-6">

                                    <div class="form-group">

                                        <label for="">SMTP Server :*</label>

                                        <input type="text" class="form-control" id="email_smtp_server"

                                            name="email_smtp_server" value="{{$email_server->value  ?? ''}}"

                                           >

                                        <span class="text-danger error-text email_smtp_server_err"></span>

                                    </div></div>

                                    <div class="col-sm-6">

                                    <div class="form-group">

                                        <label for="">Email Id :*</label>

                                        <input type="email" class="form-control" name="email_email_id"

                                            value="{{$email_id->value  ?? ''}}" id="email_email_id">

                                        <span class="text-danger error-text email_email_id_err"></span>

                                    </div></div></div>

                                    <div class="row">

                                        <div class="col-sm-6">

                                    <div class="form-group">

                                        <label for="">Password :*</label>

                                        <input type="password" class="form-control" name="email_password"

                                            value="{{$email_password->value  ?? ''}}" id="email_password">

                                        <span class="text-danger error-text email_password_err"></span>



                                    </div></div>

                                    <div class="col-sm-6">

                                    <div class="form-group">

                                        <label for="">Port :*</label>

                                        <input type="text" class="form-control" name="email_port"

                                            value="{{$email_port->value  ?? ''}}" id="email_port">

                                        <span class="text-danger error-text email_port_err"></span>

                                    </div></div></div>

                                    <div class="form-group">

                                        <label for="">Sender Name :*</label>

                                        <input type="text" class="form-control" value="{{$email_sender->value  ?? ''}}"

                                            name="email_sender_name" id="email_sender_name">

                                            <span class="text-danger error-text email_sender_name_err"></span>

                                       

                                    </div>

                                    <div id="message3"class="mb-1"></div>

                                    <button type="submit" class="btn btn-info btn-submit">Apply</button>

                                    

                                </form>



                            </div>

                   



                    </div>



                </div>



  <div class="col-sm-6">

			<div class="card">

	

            <div class="card-header">

                                                <div class="d-flex align-items-center">

                                                    <h4 class="card-title">ADD Email Prefrencess</h4>

                                                </div>

                                            </div>

         

          



      

				





				<div class="card-body">

                <label for="">Instant Search : </label><input type="text" placeholder="Staff Name:" id="staffnamenum" name="staffnamenum" class="form-control mb-1" style="width:100%;" onkeyup="searchemp();"/>

						<table border="0" cellpadding="3" id="list_emp" cellspacing="0">

							<tr>

								<td>

									<select id="source" name="source" class="select form-control" style="height:155px; width:100%;overflow:scroll;padding-right:5px;" multiple></select>

								</td>

                                <td>





                              <button type="button" class="add btn btn-success btn-small" id="src2TargetAll" name="src2TargetAll" style="margin-bottom: 3px; width:100%;" >Add >></button><br/>

                <button type="button" class="add btn btn-success btn-small" id="src2Target" style="margin-bottom: 3px; width:100%;" name="src2Target">Add ></button><br/>

               <button type="button" style="margin-bottom: 3px; width:100%;" class="remove btn btn-danger btn-small" id="target2Src" name="target2Src">< Remove</button><br/>

               <button type="button" class="remove btn btn-danger d-inline-block " id="target2SrcAll" name="target2SrcAll" style="width:100%; white-space: nowrap; text-align: center;" ><< Remove</button><br/>



						

								</td>

								<td > 

									<select id="target" name="target" class="select form-control"style="height:155px;width:100%; overflow:scroll;padding-right:5px;" multiple></select>

								</td>

							 </tr>

                            

                         </table>

                         <div class="my-1" id="message1"></div>

                

                      

                      </div>

                    </div></div></div>





                    <div class="">

                        <div class="card">

                        <div class="card-header">

                                                <div class="d-flex align-items-center">

                                                    <h4 class="card-title"> Set Email Content Preferences</h4>

                                                </div>

                                            </div>



				

                    

                            <div class="card-body">

                            <label for="">Instant Search : </label><input type="text" placeholder="Staff Name:" id="staffnamesearch" name="staffnamesearch" class="form-control mb-1" style="width:100%;" onkeyup="searchemp1();"/>

                                    <table border="0" cellpadding="3" id="list_emp1" cellspacing="0"style="width:100%;">

                                        <tr>

                                            <td width="">

                                              

                                            <select id="source1" name="source1" class="select form-control" style="height:155px; width:100%;overflow:scroll;padding-right:5px;" multiple></select>

                               

                                            <td>



                                            <button type="button" class="add btn btn-success btn-small" id="src2TargetAll1" name="src2TargetAll1" style="margin-bottom: 3px; width:100%;" >Add >></button><br/>

                                                <button type="button" class="add btn btn-success btn-small" id="src2Target1" style="margin-bottom: 3px; width:100%;" name="src2Target1">Add ></button><br/>

                                            <button type="button" style="margin-bottom: 3px; width:100%;" class="remove btn btn-danger btn-small" id="target2Src1" name="target2Src1">< Remove</button><br/>

                                            <button type="button" class="remove btn btn-danger " id="target2SrcAll1" name="target2SrcAll1" style="width:100%;" ><< Remove</button><br/>

                        

                                            </td>

                                            <td > 

                                            <select id="target1" name="target1" class="select form-control"style="height:155px;width:100%; overflow:scroll;padding-right:5px;" multiple></select>

                                            </td>

                                         </tr>

                                        

                                     </table>

                                     <div class="my-1" id="message2"></div>

                                     

                            

                            </div>

                        

                                    </div>

                                  </div>

                                </div>





           

            </section>

        </div>

    </div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script type="text/javascript">

    $(document).ready(function () {

        getUser();

        $(".btn-submit").click(function (e) {

            e.preventDefault();

            var _token = $("input[name='_token']").val();

            var email_smtp_server = $("#email_smtp_server").val();

            var email_email_id = $("#email_email_id").val();

            var email_password = $("#email_password").val();

            var email_port = $("#email_port").val();

            var email_sender_name = $("#email_sender_name").val();



            $.ajax({

                url: "{{ route('updatemailsetting')}} ",

                type: 'POST',

                data: { _token: _token, email_smtp_server: email_smtp_server, email_email_id: email_email_id, email_password: email_password, email_port: email_port, email_sender_name: email_sender_name },

                success: function (data) {



                    if ($.isEmptyObject(data.error)) {

                        

                        showMessage3("Email Setting Added Successfully ");

                    }

                    else {

                        printErrorMsg(data.error);

                    }



                }

            });

        });

        function showMessage3(message) {

            $("#message3").html("<span style='color:green;'>" + message + "</span>");

        }

        function printErrorMsg(msg) {

            $.each(msg, function (key, value) {

                console.log(key);

                

                $('.' + key + '_err').text(value);

            });

        }



    });



    function getUser(){

        var _token = $("input[name='_token']").val();



        $.ajax({

                url: "{{ route('getAllUsersNameSort')}} ",

                type: 'POST',

                data: { _token: _token },

                success: function (data) {



                    var resObj = jQuery.parseJSON(data);



			var html = "";

			var html1 = "";      

			//html += '<tr><td width="150"><select id="source" name="source" class="select" style="height:120px;width:100%" multiple>';

			//html1 += '<tr><td width="150"><select id="source1" name="source1" class="select" style="height:120px;width:100%" multiple>';

			for(var i = 0; i < resObj.length; i++){

				html += '<option value="'+resObj[i].username+'">'+resObj[i].name+'</option>';

				html1 += '<option value="'+resObj[i].username+'">'+resObj[i].name+'</option>';

			}

         

			/*html += '</select></td><td>';

			html += '<input type="button" class="add" id="src2TargetAll" name="src2TargetAll" value="Add >>"/><br/>';

			html += '<input type="button" class="add" id="src2Target" name="src2Target" value="Add >"/><br/>';

			html += '<input type="button" class="remove" id="target2Src" name="target2Src" value="< Remove"/><br/>';

			html += '<input type="button" class="remove" id="target2SrcAll" name="target2SrcAll" value="<< Remove"/><br/>';

			html += '</td><td width="150"> <select id="target" name="target" class="select" style="height:120px;width:100%;min-width:100px;" multiple></select></td></tr>';

                        

                        html1 += '</select></td><td>';

			html1 += '<input type="button" class="add" id="src2TargetAll1" name="src2TargetAll1" value="Add >>"/><br/>';

			html1 += '<input type="button" class="add" id="src2Target1" name="src2Target1" value="Add >"/><br/>';

			html1 += '<input type="button" class="remove" id="target2Src1" name="target2Src1" value="< Remove"/><br/>';

			html1 += '<input type="button" class="remove" id="target2SrcAll1" name="target2SrcAll1" value="<< Remove"/><br/>';

			html1 += '</td><td width="150"> <select id="target1" name="target1" class="select" style="height:120px;width:100%;min-width:100px;" multiple></select></td></tr>';

			*/

			$("#source").html(html);

            $("#source1").html(html1);

			

			selectedEmp();



                }

            });





        }

function selectedEmp(){

    var _token = $("input[name='_token']").val();

    $.ajax({

                url: "{{ route('getPreferences')}} ",

                type: 'POST',

                data: { _token: _token },

		

                success: function(data){

                   



			var resObj = jQuery.parseJSON(data);



            



			var html = "";

          

			

			for(var i = 0; i < resObj.length; i++){



               

                            $("#source option[value='" + resObj[i].employee_id + "']").prop("selected", true);

			}

			sureTransfer(document.getElementById("source"), document.getElementById("target"), false);

           

            getEmailContentPrefernce();

                      

		}	

                        

    });	

}

function sureTransfer(from, to, all) {

	if ( from.getElementsByTagName && to.appendChild ) {

		while ( getCount(from, !all) > 0 ) {

			transfer(from, to, all);

		}

	}

}

function getCount(target, isSelected) {

	var options = target.getElementsByTagName("option");

	if ( !isSelected ) {

		return options.length;

	}

	var count = 0;

	for ( i = 0; i < options.length; i++ ) {

		if ( isSelected && options[i].selected ) {

			count++;

		}

	}

	return count;

}

function transfer(from, to, all) {

	if ( from.getElementsByTagName && to.appendChild ) {

		var options = from.getElementsByTagName("option");

		for ( i = 0; i < options.length; i++ ) {

			if ( all ) {

				to.appendChild(options[i]);

			} else {

				if ( options[i].selected ) {

					to.appendChild(options[i]);

				}

			}

		}

	}   

}

function getEmailContentPrefernce(){

    var _token = $("input[name='_token']").val();

    $.ajax({

                url: "{{ route('getEmailContentPrefernce')}} ",

                type: 'POST',

                data: { _token: _token },

		

	success:function(data){

                    var resObj = jQuery.parseJSON(data);

                    var html = "";



                    for(var i = 0; i < resObj.length; i++){

                        //html += '<option selected="selected" value="'+resObj[i].employee_id+'">'+resObj[i].employee_name+'</option>';

                        $("#source1 option[value='" + resObj[i].employee_id + "']").prop("selected", true);

                    }



                    //$("#target1").html(html);

                    sureTransfer(document.getElementById("source1"), document.getElementById("target1"), false);

                    selempsec();

		}	

    });	

}

function selempsec() {

	document.getElementById("src2TargetAll").onclick = function() {

            addEmpWD(true);

            sureTransfer(document.getElementById("source"), document.getElementById("target"), true);

	};

	document.getElementById("src2Target").onclick = function() {

            addEmpWD(false);

            sureTransfer(document.getElementById("source"), document.getElementById("target"), false);   

	};

	document.getElementById("target2SrcAll").onclick = function() {

            deleteEmpWD(true);

            sureTransfer(document.getElementById("target"), document.getElementById("source"), true);

	};

	document.getElementById("target2Src").onclick = function() {

            deleteEmpWD(false);

            sureTransfer(document.getElementById("target"), document.getElementById("source"), false);     

	};

	document.getElementById("src2TargetAll1").onclick = function() {

            setEmailContentPrefernce(true);

			sureTransfer(document.getElementById("source1"), document.getElementById("target1"), true);

	};

	document.getElementById("src2Target1").onclick = function() {

            setEmailContentPrefernce(false);

			sureTransfer(document.getElementById("source1"), document.getElementById("target1"), false);

	};

	document.getElementById("target2SrcAll1").onclick = function() {

            removeEmailContentPrefernce(true);

			sureTransfer(document.getElementById("target1"), document.getElementById("source1"), true);

	};

	document.getElementById("target2Src1").onclick = function() {

            removeEmailContentPrefernce(false);

			sureTransfer(document.getElementById("target1"), document.getElementById("source1"), false);

	};

}

function validate(){

	var server = $("#server").val();

	var email = $("#email").val();

	var password = $("#password").val();

	if(server == ""){

		displayred();

		return false;

	}

	else if(email == ""){

		displayred();

		return false;

	}

	else if(password == ""){

		displayred();

		return false;

	}

	else

		return true;

}

function displayred(){

	$(".red").css("display", "inline");

}

<!--/// add email settings ends///-->



<!--/// add emp starts///-->

function addemp(){

    var options = document.getElementById("target").options;

    var arr = new Array();

    for(var i = 0; i < options.length; i++){

        arr[i] = options[i].value

    }

    var str = arr.join();

    var url = "controller/email.php";

    $.post( url, {

            action: "addPreference",

            username: str,

        },

        function(data){

            var resObj = jQuery.parseJSON(data);

            var messege = resObj.result;

            if(messege ==  true){

                showMessage1("Employees added successfully");

                //setInterval(redirect,1500);

            }	

            else

                showError1("Error Occured");

        }	

    );	

}

function addEmpWD(all){



   

    if(all==""){

        all=false

    }

    var options = document.getElementById("source").options;

    var arr = new Array();

    for(var i = 0; i < options.length; i++){

        if(all==false){

            if(options[i].selected){

                arr[i] = options[i].value

            }

        }else{

            arr[i] = options[i].value

        }

    }

    var str = arr.join();





    

    var _token = $("input[name='_token']").val();



    $.ajax({

                url: "{{ route('addPreferenceWD')}} ",

                type: 'POST',

                data: { _token: _token, str:str },



       success: function(data){



        if ($.isEmptyObject(data.error)) {

                        

                        showMessage1("Employees added successfully ");

                    }

                    else {

                        showError1("Error Occured");

                    }



        }	

    });	

}

function deleteEmpWD(all){

    if(all==""){

        all=false

    }

    var options = document.getElementById("target").options;

    var arr = new Array();

    for(var i = 0; i < options.length; i++){

        if(all==false){

            if(options[i].selected){

                arr[i] = options[i].value

            }

        }else{

            arr[i] = options[i].value

        }

    }

    var str = arr.join();

  



    var _token = $("input[name='_token']").val();



    $.ajax({

                url: "{{ route('deletePreferenceWD')}} ",

                type: 'POST',

                data: { _token: _token, str:str },



       success: function(data){



        if ($.isEmptyObject(data.error)) {

                        

                        showMessage1("Employees removed successfully ");

                    }

                    else {

                        showError1("Error Occured");

                    }



        }	

    });		

}

function setEmailContentPrefernce(all){

    if(all==""){

        all=false

    }    

    var options = document.getElementById("source1").options;

    var arr = new Array();

    for(var i = 0; i < options.length; i++){

        if(all==false){

            if(options[i].selected){

                arr[i] = options[i].value

            }

        }else{

            arr[i] = options[i].value

        }

    }

    var str = arr.join();  



    var _token = $("input[name='_token']").val();

    $.ajax({

                url: "{{ route('setEmailContentPrefernce')}} ",

                type: 'POST',

                data: { _token: _token, str:str },

       success: function(data){



          

        if ($.isEmptyObject(data.error)) {

                        

                        showMessage2("Employees added successfully ");

                    }

                    else {

                        showError2("Error Occured");

                    }



        }	

     });

}

function removeEmailContentPrefernce(all){

    if(all==""){

        all=false

    }   

    var options = document.getElementById("target1").options;

    var arr = new Array();

    for(var i = 0; i < options.length; i++){

        if(all==false){

            if(options[i].selected){

                arr[i] = options[i].value

            }

        }else{

            arr[i] = options[i].value

        }

    }

    var str = arr.join();  

    var _token = $("input[name='_token']").val();

  

        $.ajax({

                url: "{{ route('deleteEmailContentPrefernceWD')}} ",

                type: 'POST',

                data: { _token: _token, str:str },

        success:function(data){

            if ($.isEmptyObject(data.error)) {

                        

                        showMessage2("Employees removed successfully ");

                    }

                    else {

                        showError2("Error Occured");

                    }

        }	

        });

}

function showMessage3(message){

	$("#message3").html("<span style='color:green;'>" + message + "</span>");

}

function showError3(message){

	$("#message3").html("<span style='color:red;'>" + message + "</span>");

}

function showMessage1(message){

	$("#message1").html("<span style='color:green;'>" + message + "</span>");

}

function showError1(message){

	$("#message1").html("<span style='color:red;'>" + message + "</span>");

}

<!--/// add emp starts///-->

function showMessage2(message){

	$("#message2").html("<span style='color:green;'>" + message + "</span>");

}

function showError2(message){

	$("#message2").html("<span style='color:red;'>" + message + "</span>");

}

<!--/// del emp starts///-->

<!--/// clear form starts///-->

function clear_form(ele) {

    $(ele).find(':input').each(function(){

        switch(this.type) {

            case 'password':

            case 'select-multiple':

            case 'select-one':

            case 'text':

            case 'textarea':

                $(this).val('');

                break;

            case 'checkbox':

            case 'radio':

                this.checked = false;

        }

    });

}

function searchemp(){



   

   var name= $("#staffnamenum").val();

    var _token = $("input[name='_token']").val();

    $.ajax({

                url: "{{ route('getUserLi')}} ",

                type: 'POST',

                data: { _token: _token, name:name },



		success:function(data){

         

            var resObj = jQuery.parseJSON(data);

			var html = "";

			html += '<tr><td width=""><select id="source" name="source" class="select form-control" style="height:155px;width:100%; overflow:scroll;padding-right:5px;" multiple>';

            for(var i = 0; i < resObj.length; i++){



           

				html += '<option value="'+resObj[i].username+'">'+resObj[i].name+'</option>';

			}

         

    

            

			html += '</select></td><td>';

			html += ' <button type="button" class="add btn btn-success btn-small" id="src2TargetAll" name="src2TargetAll" style="margin-bottom: 3px; width:100%;" >Add >></button><br/>';

			html += '<button type="button" class="add btn btn-success btn-small" id="src2Target" style="margin-bottom: 3px; width:100%;" name="src2Target">Add ></button><br/>';

			html += ' <button type="button" style="margin-bottom: 3px; width:100%;" class="remove btn btn-danger btn-small" id="target2Src" name="target2Src">< Remove</button><br/>';

			html += ' <button type="button" class="remove btn btn-danger " id="target2SrcAll" name="target2SrcAll" style="width:100%;white-space: nowrap; text-align: center;" ><< Remove</button><br/>';

			html += '</td><td width=""> <select id="target" name="target" class="select form-control"style="height:155px;width:100%; overflow:scroll;padding-right:5px;" multiple></select></td></tr>';

			$("#list_emp").html(html); 

			selectedEmp();

		},

    });

}



function searchemp1(){



   

var name= $("#staffnamesearch").val();

 var _token = $("input[name='_token']").val();

 $.ajax({

             url: "{{ route('getUserLi')}} ",

             type: 'POST',

             data: { _token: _token, name:name },



     success:function(data){

      

         var resObj = jQuery.parseJSON(data);

         var html = "";

         html += '<tr><td width=""><select id="source1" name="source1" class="select form-control" style="height:130px;width:100%; overflow:scroll;padding-right:5px;" multiple>';

         for(var i = 0; i < resObj.length; i++){



        

             html += '<option value="'+resObj[i].username+'">'+resObj[i].name+'</option>';

         }

      



         

         html += '</select></td><td>';

         html += ' <button type="button" class="add btn btn-success btn-small" id="src2TargetAll1" name="src2TargetAll1" style="margin-bottom: 3px; width:100%;" >Add >></button><br/>';

			html += '<button type="button" class="add btn btn-success btn-small" id="src2Target1" style="margin-bottom: 3px; width:100%;" name="src2Target1">Add ></button><br/>';

			html += ' <button type="button" style="margin-bottom: 3px; width:100%;" class="remove btn btn-danger btn-small" id="target2Src1" name="target2Src1">< Remove</button><br/>';

			html += ' <button type="button" class="remove btn btn-danger " id="target2SrcAll1" name="target2SrcAll1" style="width:100%;white-space: nowrap; text-align: center;" ><< Remove</button><br/>';

         html += '</td><td width=""> <select id="target1" name="target1" class="select form-control" style="height:130px;width:100%; overflow:scroll;padding-right:5px;" multiple></select></td></tr>';

         $("#list_emp1").html(html); 

         selectedEmp();

     },

 });

}

<!--/// clear form ends///-->

function redirect(){

	location.href = "emailsettings.php";

}

function showMessage(message){

	$("#message").html("<span style='color:green;'>" + message + "</span>");

}

function showError(message){

	$("#message").html("<span style='color:red;'>" + message + "</span>");

}

</script>

<!-- END: Content-->

{{View::make('layout.footer')}}

@include('inc.updateleave-modal')