<?php  include('techsyn_header.php'); ?>    
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
		<script type="text/javascript">
			try{ace.settings.loadState('main-container')}catch(e){}
		</script>
<?php  include('techsyn_sidebar.php'); ?>    

<!--breadcrumb-->
<div class="main-content">
    <div class="main-content-inner">
        <div class="breadcrumbs ace-save-state" id="breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a href="#">Home</a>
                </li>
                <li class="#">Master</li><li class="active">Events</li>
            </ul>
        </div>
        <!-- End of breadcrumb -->
           
        	
			<div>
			
				<form name="f1" method="post" action=""id="">
					<div id="flex1" style="width:100%">
					</div>
					<input type="hidden" name="flex_schedule_id" id="flex_schedule_id"/>
				</form>	
			</div>



    </div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->

                    


<script type="text/javascript">
    $(function () {
		var w=screen.width*.50;
		var h =$(".main-content").height()+100;
        $("#flex1").flexigrid({
            url: '',
            dataType: 'json',
            colModel: [
                {display: 'Sr', name: 'count', width: w*.04, sortable: false, align: 'left'},
      
                {display: 'Event ID', name: 'event_id', width: w*.2, sortable: true, align: 'left'},
                {display: 'Event Name', name: 'event_name', width: w*.2, sortable: true, align: 'left'},
				//{display: 'To Date', name: 'to_date', width: w*.2, sortable: true, align: 'left'},
				//{display: 'Trainer Name', name: 'trainer_name', width: w*.2, sortable: true, align: 'left'},
				//{display: 'Location', name: 'location', width: w*.2, sortable: true, align: 'left'},
				//{display: 'Remark', name: 'remark', width: w*.2, sortable: true, align: 'left'},
				   
                {display: '', name: '', width: w*.3, sortable: false, align: 'left'},
               
            ],
            buttons: [
               
               {name: 'Add', bclass: 'add', onpress : add},
			   {separator: true},
			   {name: 'PDF', bclass: 'print', onpress : pdf},
			   {separator: true},
			   {name: 'Excel', bclass: 'print_excel', onpress : excel},
               {separator: true}
            ],
            searchitems: [
  
                {display: 'Event ID', name: 'event_id', isdefault: true},
                {display: 'Event Name', name: 'event_name'},
				{display: '', name: ''},
				
            ],
            sortname: "event_id",
            sortorder: "asc",
            usepager: true, //pagination

            useRp: true,
           rp: 50, //records per page
            showTableToggleBtn: false, //toggle button for the whole table
            resizable: true,
            //width: w,
            height: h,
            singleSelect: true
        });
    });

   

function add(){
	$(".save_button").show();
	$("#event_id").val("")
	$("#event_name").val("");
	$("#last_modify").val("");
	$("#modify_by").val("");
	//$("#trainer_name").val("");
	//$("#location").val("");
	//$("#remark").val("");
	
	$('#modal-add-event').modal("show");
}

function pdf(){
	window.open('pdf_event.php');
}
function excel(){
	window.location = 'excel_event.php';
}
function delete_training(secheduleId){
	$("#flex_event_id").val(eventId);
	
	BootstrapDialog.confirm('Are you sure to delete the Event?', function(result){
            if(result) {
               $.ajax({
					url : 'delete_event.php',
					type : "POST",
					data : $("#flex_event_form").serialize(),
					success : function(data) {
						if(data.indexOf("SUCCESS")!=-1){
							BootstrapDialog.alert('Event Deleted Successfully.');
							$("#flex1").flexReload();
								
						}else{
							BootstrapDialog.alert('Error Deleting Event ');
						}
					return;
					},
					error : function(data) {
						BootstrapDialog.alert('Error Deleting Event');
						return;
					}
			});
            }
        });
	
}

function save_schedule(){
	$.ajax({
			url : 'save_add_event.php ',
			type : "POST",
			data : $("#sechedule_form").serialize(),
			success : function(data) {
				BootstrapDialog.alert('Event Saved Successfully.');
				$("#flex1").flexReload();
				return;
			},
			error : function(data) {
				BootstrapDialog.alert('Error Saving Event');
				return;
			}
	});
    $('.close').click();
}


var training_id = "";
function open_training(trainingId, action) {
	var training_id = "";
		if(action=="V"){
				$(".save_button").hide();

		}else{
				$(".save_button").show();
		}
		$.ajax({
			url : 'select_add_event.php?scheduleId='+eventId+' ',
			type : 'POST',
			success : function(data) {
			//alert(data);
			var data = $.parseJSON(data);
			//alert(data);
					
					$("#event_id").val(data.event_id);
					$("#event_name").val(data.event_name);
					$("#last_modify").val(data.last_modify);
					$("#modify_by").val(data.modify_by);
					//$("#trainer_name").val(data.trainer_name);
					//$("#location").val(data.location);
					//$("#remark").val(data.remark);
					
					$('#modal-add-event').modal("show");
			},
			error : function(data) {
				BootstrapDialog.alert('Error Populating Event');
				return;
			}
		});
}

</script>

<?php  include('techsyn_footer.php'); ?>    
<?php  include('form/add_event.php');?>