<?php session_start(); ?>
<?php
	include "inc/eagro.php";
	$eagro = new Eagro();

	$result_status = $eagro->getStatusDocument($_SESSION["merchant_id"]);
	$array_status = json_decode($result_status,true);

	if($array_status["status"] == 3){
		header('Location: dashboard.php');
	}

	$result_state = $eagro->getStateList();
	$array_state = json_decode($result_state,true);

	$result_city = $eagro->getCitiesList();
	$array_city = json_decode($result_city,true);
?>
<!DOCTYPE html>
<html>
<head>
	<?php include "inc/head.php"; ?>

	<style type="text/css">
	.login-form .nice {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #666666;
    margin-bottom: 15px;

		}
	</style>
</head>
<body>
	<header>
		<?php include "inc/header.php"; ?>
	</header>

    <div class="breadcrumb-area mb-50">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="breadcrumb-container">
                        <ul>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


	<div class="page-content mb-50">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 col-md-12 col-xs-12 col-lg-1 ">
				</div>
				<?php
					if($array_status["status"] == 1){
						?>
						<div class="col-sm-12 col-md-12 col-xs-12 col-lg-10 ">
							<div class="login-form">
								<p style="text-align: center;font-size: 20px;">Thanks for submitting your documents.<br> We will notify you by email once admin approved your account</p>
								<!-- <center><a href="inc/merchant_logout.php" >Logout</a></center> -->
							</div>
						</div>
						<?php
					}elseif($array_status["status"] == 2 || $array_status["status"] == 0){
						?>
						<div class="col-sm-12 col-md-12 col-xs-12 col-lg-10 ">
							<div class="login-form">
						<?php

						if($array_status["status"] == 2){
							?>

								<p style="text-align: center;font-size: 20px;">Your documents has been declined by ours admin<br>Please submit the documents again.</p>
								<br>
								<br>

							<?php
						}elseif($array_status["status"] == 0){
							?>
								<h4 class="login-title" style="text-align: center;">Company Details</h4>
							<?php
						}
						?>
								<input type="hidden" id="contractor_id" value="<?php echo $_SESSION["merchant_id"]; ?>">
								<div class="row">
									<div class="col-md-12 mb-20">
										<label>Address Line 1*</label>
										<input class="mb-0 required" id="company_address"  type="text" placeholder="Enter Company Address Line 1">
									</div>
									<div class="col-md-12 mb-20">
										<label>Address Line 2 (Optional)*</label>
										<input class="mb-0" id="company_address_2"  type="text" placeholder="Enter Company Address Line 2">
									</div>
									<div class="col-md-12 mb-20">
										<label>Postcode*</label>
										<input type="text" id="company_postcode" class="mb-0 required" placeholder="Enter Postcode">
									</div>
									
									<div class="col-md-6 mb-20">
										<label>State*</label>
										<select class="nice" name="company_state" id="company_state" >
											<option value=""> -- Please Select State-- </option>
													

													        <?php
											for($a= 0 ;$a<count($array_city["data"]);$a++){
												?>
												<option value="<?php echo $array_city["data"][$a]["address_state_id"]; ?>">
													<?php echo $array_city["data"][$a]["address_state_name"]; ?></option>
												<?php
											} 
											?>
										
										</select>
									</div>
									<div class="col-md-6 mb-20">
										<label>City*</label>

        
										<select class="nice" name="company_city" id="company_city">
											<option value="">-- Please Select City--</option>
										
										</select>
										
									</div>
									<div class="col-md-12 mb-20">
										<label>Identify Card (IC)*</label>
										<input type="file" id="contractorICFile"  class="mb-0 required">
									</div>
									<div class="col-md-12 mb-20">
										<label>Company Registration Document*</label>
										<input type="file" id="contractorCompanyFile" class="mb-0 required">
									</div>
									<div class="col-md-12 mb-20">
										<label>Bank Infomation*</label>
										<input type="file" id="contractorBankFile" class="mb-0 required">
									</div>
									<div class="col-12">
										<center>
											<button class="register-button mt-0" onclick="submit();" style="float: none;width: 100%;">Submit</button>
										</center>
									</div>
								</div>
							</div>
						</div>
						<?php
					}
				?>
				<div class="col-sm-12 col-md-12 col-xs-12 col-lg-1 ">
				</div>
			</div>
		</div>
	</div>

	<footer>
		<?php include "inc/footer.php"; ?>
	</footer>
</body>
<?php include "inc/inc-js.php"; ?>

<script type="text/javascript">
$(document).ready(function(){
    $('#company_state').on('change',function(){
        var stateID = $(this).val();
        if(stateID){
            $.ajax({
                type:'POST',
                url:'state.php',
                data:'state_id='+stateID,
                success:function(html){
                    $('#company_city').html(html);
                    
                }
            }); 
        }else{
            $('#company_city').html('<option value="">-- Please Select State First --</option>');
            
        }
    });
});
</script>
<script type="text/javascript">

	function submit(){
		var checking = checking_required();

		if(checking){

			if(!IChasExtension('icFile',['.jpg','.pdf','.jpeg','png','.JPG','.PDF','.JPEG','PNG']) || !companyFilehasExtension('icFile',['.jpg','.pdf','.jpeg','png','.JPG','.PDF','.JPEG','PNG']) || !BankhasExtension('icFile',['.jpg','.pdf','.jpeg','png','.JPG','.PDF','.JPEG','PNG'])){
				swal({
					type:'error',
					title:'Oops..',
					html:'You only can upload file jpg, png, jpeg and pdf.'
				})
			}else{
				var contractor_id = $("#contractor_id").val();
				var address = $("#company_address").val();
				var address_2 = $("#company_address_2").val();
				var city = $("#company_city").val();
				var state = $("#company_state").val();
				var postcode = $("#company_postcode").val();
				var documentIC = document.getElementById('contractorICFile').files[0];
				var documentCR = document.getElementById('contractorCompanyFile').files[0];
				var documentBank = document.getElementById('contractorBankFile').files[0];

				var formData = new FormData();

				formData.append("action","contractorSubmitCompanyDocument");
				formData.append("address",address);
				formData.append("address_2",address_2);
				formData.append("city",city);
				formData.append("state",state);
				formData.append("postcode",postcode);
				formData.append("contractor_id",contractor_id);
				formData.append("documentIC[]",documentIC);
				formData.append("contractorCompanyFile[]",documentCR);
				formData.append("contractorBankFile[]",documentBank);

				$.ajax({
					type:'post',
					url:'action.php',
					data:formData,
					cache: false,
            		contentType: false,
            		processData: false,
					success:function(result){
						console.log(result);
						var result_obj = JSON.parse(result);
						if(result_obj.valid){
							swal({
								type:'success',
								title:'Success!',
								html:result_obj.msg
							}).then(function(){
								location.reload();
							})
						}else{
							swal({
								type:'error',
								title:'Oops..',
								html:result_obj.msg
							})
						}
					}
				})
			}
		}else{
			swal({
				type:'error',
				title:'Oops..',
				html:'You must filed in company address detail <br> and upload the all documents'
			})
		}
	}

	//Checking all information required already key in or not
	function checking_required(){
		var checking = '';

		$('.required').each(function(){
			if($(this).val() == "" || $(this).val() == null){
				return checking = false;
			}else{
				return checking = true;
			}
		})
		return checking;
	}

	//checking document format
    function IChasExtension(inputID, exts) {
        var fileName = document.getElementById('contractorICFile').value;
        return (new RegExp('(' + exts.join('|').replace(/\./g, '\\.') + ')$')).test(fileName);
    }

    //checking document format
    function companyFilehasExtension(inputID, exts) {
        var fileName = document.getElementById('contractorCompanyFile').value;
        return (new RegExp('(' + exts.join('|').replace(/\./g, '\\.') + ')$')).test(fileName);
    }

    //checking document format
    function BankhasExtension(inputID, exts) {
        var fileName = document.getElementById('contractorBankFile').value;
        return (new RegExp('(' + exts.join('|').replace(/\./g, '\\.') + ')$')).test(fileName);
    }
</script>
</html>
