<?php 


?>
<style>
.modal-dialog {
    width: 90% !important;
}
@media (max-width: 3500px) and (min-width: 992px){
	.form-inline .form-group {
		display: inline-block;
		vertical-align: middle;
		margin-left: 15px;
		margin-bottom: 10px;
		width: 15.5%;
	}
}
@media (max-width: 768px) and (min-width: 200px){
	.form-inline .form-group {
		display: inline-block;
		vertical-align: middle;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		width: 65%
	}
	label.required:after {
		color: red !important;
		content: "*";
		position: relative;
		font-size: 18px;
		top: 5px;
		left: 0px;
	}
	.form-group > label {
		display: inline-block;
		margin-bottom: 0px;
		cursor: pointer;
		font-size: 7px;
	}
	.btn-primary {
		min-width: auto;
		font-size: 7px;
	}
	.btn-danger {
		min-width: auto;
		font-size: 7px;
	}
	.input-sm {
		height: 23px !important;
		line-height: 33px;
		font-size: 10px !important;
	}
	/*#remarks {
		width: 410px !important; 
		height: 40px !important;
	}*/
}
</style>
<div style='background-color: #FFFFFF !important; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); border-radius: 3px; margin: 8px; padding: 8px;overflow: auto;'>
	<table style='width:100%;'>
		<tr>
			<td style='white-space:nowrap;padding-right:10px;font-weight:bold;text-align: center;'>
				<span style='color:#00b0eb !important;font-size:12px;'>Customer Name</span><br/>
				<?php echo ucwords('hEllO');?>
			</td>
			<td style='white-space:nowrap;padding-right:10px;font-weight:bold;text-align: center;'>
				<span style='color:#00b0eb !important;font-size:12px;'>Mobile Number</span><br/>
				<?php echo 'hi';?>
			</td>
			<td style='white-space:nowrap;padding-right:10px;font-weight:bold;text-align: center;'>
				<span style='color:#00b0eb !important;font-size:12px;'>Customer Data</span><br/>
				<?php echo 'HI';?>
			</td>
		</tr>
	</table> 
</div>

<?php echo  form_open("$controller_name/save_log/",array("id"=>'save_log',"class"=>"form-inline")); ?>
<fieldset style='margin:0px;padding:8px;background-color:#f2f2f2;'>
    <div class="form-group">
		<?php			
            $lead_status_list = array(''=>'--Select--','1'=>'Hot','2'=>'Cold','3'=>'Warm','4'=>'Dropped');
            echo form_label("Lead Status", 'lead_status', array('class' => 'required'));
            echo form_dropdown(array( 'name' => 'lead_status', 'id' => 'lead_status', 'class' => 'form-control input-sm', 'value' => ''),$lead_status_list);
		?>
	</div>	
	<div class="form-group">
		<?php			
			echo form_label("NCD", 'ncd', array('class' => 'required'));
			echo form_input(array( 'name' => 'ncd', 'id' => 'ncd', 'class' => 'form-control input-sm datepicker_time', 'placeholder'=>'NCD','value' => ''));
		?>
	</div>	
	<div class="form-group">
		<?php  echo form_label("Remarks", 'remarks', array('class' => 'required')); ?>
		<textarea name='remarks' id='remarks' class='form-control' rows='3' cols='50' placeholder='Remarks'></textarea>
	</div>
	<div class="form-group" style='width:14.5%; margin-top:20px;'>
		<button class='btn btn-primary btn-sm' id="submit">Add/Update</button>
		<a class='btn btn-danger btn-sm' id="cancel">Cancel</a>
	</div>
</fieldset>
<?php echo form_close(); ?>
<div id='cold_calling_table' style='overflow:auto;padding:15px;'>

</div>

<script type="text/javascript">
$(document).ready(function(){
	$(function () {
        $(".datepicker_time").datetimepicker({
            // format: 'DD-MM-YYYY HH:mm:ss',
            format: 'YYYY-MM-DD',
        });
    });
    //
    $('#save_log').submit(function(event){ event.preventDefault(); }).validate({
		rules:{
			ncd: "required",
			remarks: "required",
			lead_status: "required",
		},
		ignore: ".ignore",
		submitHandler: function (form){
			$("#submit").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
			$('#submit').attr('disabled','disabled');
			$(form).ajaxSubmit({
				success: function (response){
					console.log(response);
                    $('#submit').attr('disabled',false);
					$("#submit").html("Submit");
				},
				dataType: 'json'
			});
		}
	});
});
</script>