@php
	$serverOrigin = $_SERVER['HTTP_ORIGIN'];
	$id = $company->id;
@endphp
<style type="text/css">
	.text-center {
		text-align: center !important;
	}
	.inboxDivHead {
		background-color: #f0f3f7;
		padding:20px;
		box-shadow:rgb(34 34 34) -2px 3px 6px -6px
	}
	.rowCus {
		width: 100%;
		/*padding:20px;
		padding-bottom:0px;
		box-shadow:rgb(34 34 34) -2px 3px 6px -6px;*/
	}
	.rowMarg {
		margin: 0;
		margin-bottom: -10px;
	}
	.cardBodyStyle {
		height: 100% !important;
	}
	.divClss {
		position: absolute;
    	right: 20px;
	}
	.spinnerDefault {
		top: 19px;
    	right: -19px;
    	position: absolute;
	}
</style>
<input type="hidden" value="{{$id}}" id="idCompanyTemplate">
<div class="card card-custom card-stretch">
	<div class="card-header align-items-center flex-wrap justify-content-between py-5 h-auto">
		<div class="d-flex align-items-center my-2">
			<a href="#" class="btn btn-clean btn-icon btn-sm mr-6" data-inbox="back">
				<i class="flaticon2-left-arrow-1"></i>
			</a>
		</div>
		<div class="editCompanyDiv divClss">
			<a class="btn btn-default btn-sm btn-icon editCompanyBtn" style="width: 100%;padding: 20px;">
				Update Company&nbsp;&nbsp;&nbsp;<i class="flaticon2-check-mark"></i>
			</a>
		</div>
		<div class="updateCompanyDiv divClss" style="display:none">
			<a class="btn btn-default btn-sm btn-icon updateCompanyBtn" style="width: 100%;padding: 20px;">
				Done Updating Company&nbsp;&nbsp;&nbsp;<i class="flaticon2-check-mark"></i>
			</a>
		</div>
	</div>
	<div class="card-body p-0">
		<div class="d-flex align-items-center justify-content-between flex-wrap card-spacer-x py-5">
			<div class="d-flex align-items-center mr-2 py-2">
				<div class="font-weight-bold font-size-h3 mr-3" id="companyNameDiv">{{$company->company_name}}</div>
				
			</div>
		</div>
		<form id="updateEvalForm">
			<div class="mb-3-data" style="background:#fff; padding:50px!important;margin-top:-50px;">
				<div class="card-spacer mb-3" id="kt_inbox_reply">
					<div class="card card-custom shadow-sm">
						<div class="card-body p-0">
							<form id="kt_inbox_reply_form">
								<div class="saveBtnDiv align-items-center justify-content-between py-5 pl-8 pr-5 border-top">
									<div class="align-items-center mr-3">
										<div class="btn-group mr-4">
											<span id="btnSaveCompany" style="width:150px" class="btn btn-primary font-weight-bold px-6">Save</span>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript">
var KTAppInbox = function() {
    var _initEditor = function() {
		
        jQuery('.editCompanyBtn').click(function(e) {
			e.preventDefault();
			var dt = jQuery(this);
			dt.html('Loading..&nbsp;&nbsp;&nbsp;<div class="spinnerDefault spinner spinner-track spinner-success mr-15 spinnerPrint"></div>');
			setTimeout(function() {
				dt.html('Edit Company&nbsp;&nbsp;&nbsp;<i class="flaticon-cogwheel-1"></i>');
				jQuery('.editCompanyDiv').hide();
				jQuery('.updateCompanyDiv').show();
				jQuery('.saveBtnDiv').show();
				NewEditor.enable(true);
				jQuery('#compose_subject').attr('disabled', false);
				jQuery('#checkboxData').attr('disabled', false);
				jQuery('#checkboxData').css('cursor', 'pointer');
				jQuery('#companyNameDiv').hide();
				jQuery('#companyUpddate').show();
			}, 1000);
		});

		jQuery('.updateCompanyBtn').click(function(e) {
			e.preventDefault();
			var dt = jQuery(this);
			dt.html('Loading..&nbsp;&nbsp;&nbsp;<div class="spinnerDefault spinner spinner-track spinner-success mr-15 spinnerPrint"></div>');
			setTimeout(function() {
				dt.html('Done Editing Company&nbsp;&nbsp;&nbsp;<i class="flaticon-cogwheel-1"></i>');
				jQuery('.updateCompanyDiv').hide();
				jQuery('.editCompanyDiv').show();
				jQuery('.saveBtnDiv').hide();
				NewEditor.enable(false);
				jQuery('#compose_subject').attr('disabled', true);
				jQuery('#checkboxData').attr('disabled', true);
				jQuery('#checkboxData').css('cursor', 'default');
				jQuery('#companyNameDiv').show();
				jQuery('#companyUpddate').hide();
			}, 1000);
		});

    }

    var _initForm = function(formEl) {
        var formEl = KTUtil.getById(formEl);
 
        KTUtil.on(formEl, '[data-inbox="cc-show"]', 'click', function(e) {
            var inputEl = KTUtil.find(formEl, '.inbox-to-cc');
            KTUtil.removeClass(inputEl, 'd-none');
            KTUtil.addClass(inputEl, 'd-flex');
            KTUtil.find(formEl, "[name=compose_cc]").focus();
        });

        // CC input hide
        KTUtil.on(formEl, '[data-inbox="cc-hide"]', 'click', function(e) {
            var inputEl = KTUtil.find(formEl, '.inbox-to-cc');
            KTUtil.removeClass(inputEl, 'd-flex');
            KTUtil.addClass(inputEl, 'd-none');
        });

        // BCC input show
        KTUtil.on(formEl, '[data-inbox="bcc-show"]', 'click', function(e) {
            var inputEl = KTUtil.find(formEl, '.inbox-to-bcc');
            KTUtil.removeClass(inputEl, 'd-none');
            KTUtil.addClass(inputEl, 'd-flex');
            KTUtil.find(formEl, "[name=compose_bcc]").focus();
        });

        // BCC input hide
        KTUtil.on(formEl, '[data-inbox="bcc-hide"]', 'click', function(e) {
            var inputEl = KTUtil.find(formEl, '.inbox-to-bcc');
            KTUtil.removeClass(inputEl, 'd-flex');
            KTUtil.addClass(inputEl, 'd-none');
        });
    }


    return {
        init: function() {
            KTAppInbox.initReply();
        },

        initReply: function() {
            _initEditor();
            _initForm('kt_inbox_reply_form');
        },

    };
}();


	jQuery(document).ready(function() {
		KTAppInbox.init();

		$('[data-toggle="tooltip"]').tooltip();

		jQuery('#btnSaveCompany').click(function(e) {
			e.preventDefault();
			var dt = jQuery(this);
			updateEvalForm

			var myEditor = document.querySelector('.ql-editor');
			var html = myEditor.innerHTML;
		
			KTApp.blockPage({
                overlayColor: '#000000',
                state: 'primary',
                message: 'Processing...'
            });
		
			var id_company = $("#idCompanyTemplate").val();
			var comName = $("#complateTemplateName").val();

            $.ajax({
		        url: "/updateCompanyTemp",
		        type: "POST",
		        data: 'comName='+comName+'&id='+id_company,
		        headers: {
		           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		        },
		        dataType: "JSON",
		        success: function(data){
		           KTApp.unblockPage();

		        	if(data.error == 'false'){
		           	swal.fire({
		               	text: data.msg,
		               	icon: "success",
		               	buttonsStyling: false,
		               	confirmButtonText: "Ok, got it!",
		               	customClass: {
		               	    confirmButton: "btn font-weight-bold btn-light-primary"
		               	},onClose: function(e) {
		               		// location.reload();
		               		KTUtil.scrollTop();
		               	}
		               	}).then(function() {
		               	    KTUtil.scrollTop();
		               	});
		         	}
		         	else {
		              	swal.fire({
		              	text: data.msg,
		              	icon: "error",
		              	buttonsStyling: false,
		              	confirmButtonText: "Ok, got it!",
		              	customClass: {
		              	    confirmButton: "btn font-weight-bold btn-light-primary"
		              	}
		              	}).then(function() {
		              	   KTUtil.scrollTop();
		              	});
		            }
		        }
		    });   
		});
		
	});
</script>