@extends('layouts.master')
@section('content')
<section class="content home">
  <div class="block-header">
    <div class="row">
      <div class="col-lg-5 col-md-5 col-sm-12">
        <h2>Add Company Registration 
        <small>Welcome to WBI</small>
        </h2>
      </div>            
      <div class="col-lg-7 col-md-7 col-sm-12 text-right">
         
        <ul class="breadcrumb float-md-right">
        <li class="breadcrumb-item"><a href="#"><i class="zmdi zmdi-home"></i>ASSAM-WBI</a></li>
        <li class="breadcrumb-item active">Add Company Registration</li>
        </ul>
      </div>
    </div>
  </div>
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="card">
				<div class="header">
					<h2><strong>Add </strong> Company Registration 
					<!-- <small>Plantation Raised On Non-forest Land</small> </h2> -->
					<!-- <ul class="header-dropdown">
						<li >
							<a href="/plantation/add" class="btn btn-light btn-block">Add Plantation</a>
						</li>
					</ul> -->
				</div>
				<div class="body">
          <form action="{{ route('company-registration.store') }}" name="myForm" method="POST" enctype="multipart/form-data" onsubmit="return validateForm()">
            @csrf
			<div class="row">
				<div class="col-lg-4">
					<div class="">
						<label for="input-6">Firm Type <span class="text-danger">*</span></label>
						<select class="form-control form-control-rounded firm_type_id @error('firm_type_id') is-invalid @enderror" id="firm_type_id" name="firm_type_id">
						<option value="">Select Firm Type</option>
						@foreach($firm_types as $firm_type)
						  <option {{ old('firm_type_id') && old('firm_type_id') ==  $firm_type->id ? 'selected' : ''  }} value="{{ $firm_type->id }}">{{ $firm_type->firm_type }}</option>
						@endforeach
						</select>
						@error('firm_type_id')
						<span class="invalid-feedback" role="alert">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
                        
						<br>

						<span class="text-danger"><strong class="firm_type_id_error"></strong></span>
					</div>
				</div>
				
				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-6">Firm Name <span class="text-danger">*</span></label>
						<input type="text" class="form-control form-control-rounded name @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name') }}" placeholder="Enter Firm Name"  autofocus>
						@error('name')
						<span class="invalid-feedback" role="alert">
							<strong>{{ $message }}</strong>
						</span>
						@enderror

						<br>

						<span class="text-danger"><strong class="name_error"></strong></span>
					</div>
				</div>

				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-7"><span class="license_name_label">Cin</span> <span class="text-danger">*</span></label>
						<input type="text" class="form-control cin form-control-rounded cin @error('cin') is-invalid @enderror" id="cin" name="cin" value="{{ old('cin') }}" placeholder="Enter Details">
						@error('cin')
						<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
						</span>
						@enderror

						<br>
						
						<span class="text-danger"><strong class="cin_error"></strong></span>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-12">
					<div class="form-group">
						<label for="input-6">Registered Offfice <span class="text-danger">*</span></label>
						<textarea  class="form-control form-control-rounded registered_office @error('registered_office') is-invalid @enderror" id="registered_office" name="registered_office" placeholder="Enter Registered Office"  autofocus>{{ old('registered_office') }}</textarea>
						
						@error('registered_office')
						<span class="invalid-feedback" role="alert">
							<strong>{{ $message }}</strong>
						</span>
						@enderror

						<br>

						<span class="text-danger"><strong class="registered_office_error"></strong></span>
					</div>
				</div>
			</div>

			<div class="row company_upload_file_area"></div>

			<div class="row add_more_area">
			    <div class="col-lg-12">
					<div class="form-group">
						<button type="button" name="add" id="add" class="btn btn-primary btn-sm btn-round">Add More</button>
					</div>
				</div>
			</div>

			
			@if(session()->has('docerrormessage'))
			<span style="color: #FF3636;">
			  <strong>{{ session()->get('docerrormessage') }}</strong>
			</span>
			@endif


			<div class="inner mb-4">
			</div>

            
        <div class="firm_type_details_area">

			<div class="row" style="margin-left: 10px;">
			 <div class="form-group">
			 <input type="radio" checked class="isprimary @error('isprimary.0') is-invalid @enderror" name="isprimary[0]" id="input-8" value="{{ old('isprimary[0]') }}"> <span><strong>Primary</strong></span>
			 </div>	
			</div>

			<br>

			<div class="row">
				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-8"><span class="firm_head_label">Partner Name</span> <span class="text-danger">*</span></label>
						<input type="text" class="form-control partner_name form-control-rounded @error('partner_name') is-invalid @enderror" name="user_firm_documents[0][partner_name]" id="input-8" value="{{ old('partner_name') }}" placeholder="Enter Name">
						@error('partner_name')
						<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
						</span>
						@enderror

						<br> 

						<span class="text-danger"><strong class="partner_name_error"></strong></span>
					</div>
				</div>

				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-7">Aadhaar Card No. <span class="text-danger">*</span></label>
						<input type="text" class="form-control aadhar_card_number form-control-rounded @error('aadhar') is-invalid @enderror" id="input-7" name="user_firm_documents[0][aadhar]" value="{{ old('aadhar') }}" placeholder="Enter Aadhaar Card No." maxlength="12">
						@error('aadhar')
						<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
						</span>
						@enderror

						<br>

						<span class="text-danger"><strong class="aadhar_error"></strong></span>
					</div>
				</div>
				
				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-8">Aadhaar Card File <span class="text-danger">*</span></label>						
						<input type="file" name="user_firm_documents[0][aadhar_copy]" class="form-control form-control-rounded @error('aadhar_copy') is-invalid @enderror" accept=".png, .jpg, .jpeg">
						@error('aadhar_copy')
						<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
						</span>
						@enderror
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-7">Pan Card No. <span class="text-danger">*</span></label>
						<input type="text" class="form-control pan_card_number form-control-rounded @error('pan') is-invalid @enderror" id="input-7" name="user_firm_documents[0][pan]" value="{{ old('pan') }}" placeholder="Enter Pan Card No." maxlength="10">
						@error('pan')
						<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
						</span>
						@enderror

						<br>

						<span class="text-danger"><strong class="pan_error"></strong></span>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="form-group">
						<label for="input-8">Pan Card File <span class="text-danger">*</span></label>
						<input type="file" name="user_firm_documents[0][pan_copy]" class="form-control form-control-rounded @error('pan_copy') is-invalid @enderror" accept=".png, .jpg, .jpeg">
						@error('pan_copy')
						<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
						</span>
						@enderror
					</div>
				</div>
		    </div>
		</div>

            <div class="form-group">
              <button type="submit" class="btn btn-primary btn-sm btn-round">Save</button>
            </div>
          </form>
        </div>
      </div>
    </div></div>
    <div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
        @include('layouts.footer')
      </div>
    </div>
  </div>
</section>

<script>
var i = 10001;
$("#add").click(function(){
var firm_type_id = $('#firm_type_id').find(":selected").val();

if(firm_type_id!='')
{
	jQuery.ajax({
		method:'GET',
		url:"{{ route('firm_type_details.action') }}",
		dataType: 'json',
		data: {_token: CSRF_TOKEN,firm_type_id: firm_type_id},
		beforeSend:function()
		{
		
		},
		success:function(data)
		{
			++i;
			$(".inner").append('<hr></hr><div class="main_div_area"><button type="button" class="btn btn-danger btn-sm btn-round remove-tr btn-remove-btn btn-icon btn-icon-mini" style="padding:7px" title="remove"><i class="material-icons">remove_circle_outline</i></button><div class="row" style="margin-left: 10px;"><div class="form-group"><input type="radio" class="isprimary @error('isprimary') is-invalid @enderror" name="isprimary['+i+']" id="input-8" value=""> <span><strong>Primary</strong></span></div></div><div class="row"><div class="col-lg-4"><div class="form-group"><label for="input-8">'+data.firm_head+'</label><input type="text" class="form-control partner_name form-control-rounded @error('partner_name') is-invalid @enderror" name="user_firm_documents['+i+'][partner_name]" id="input-8" value="" placeholder="Enter Name">@error('partner_name')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span> @enderror</div></div> <div class="col-lg-4"> <div class="form-group"> <label for="input-7">Aadhaar Card No.</label> <input type="text" class="form-control form-control-rounded @error('aadhar') is-invalid @enderror" id="input-7" name="user_firm_documents['+i+'][aadhar]" value="" placeholder="Enter Aadhaar Card No." maxlength="12"> @error('aadhar') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> </div> <div class="col-lg-4"> <div class="form-group"> <label for="input-8">Aadhaar Card File</label> <input type="file" name="user_firm_documents['+i+'][aadhar_copy]" class="form-control form-control-rounded @error('aadhar_copy') is-invalid @enderror" accept=".png, .jpg, .jpeg"> @error('aadhar_copy') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> </div> <div class="col-lg-4"> <div class="form-group"> <label for="input-7">Pan Card No.</label> <input type="text" class="form-control form-control-rounded @error('pan') is-invalid @enderror" id="input-7" name="user_firm_documents['+i+'][pan]" value="" placeholder="Enter Pan Card No." maxlength="10"> @error('pan') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> </div> <div class="col-lg-4"> <div class="form-group"> <label for="input-8">Pan Card File</label> <input type="file" name="user_firm_documents['+i+'][pan_copy]" class="form-control form-control-rounded @error('pan_copy') is-invalid @enderror" accept=".png, .jpg, .jpeg"> @error('pan_copy') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div></div></div></div>');

		}
	});
}
else
{
	alert('Please Select Firm Type First !');
}
});
























function validateForm()
{
  var firm_type_id = document.forms["myForm"]["firm_type_id"].value;
  var name = document.forms["myForm"]["name"].value;
  var cin = document.forms["myForm"]["cin"].value;
  var registered_office = document.forms["myForm"]["registered_office"].value;
  var partner_name = $(".partner_name").val();
  var aadhar = $(".aadhar_card_number").val();
  var pan = $(".pan_card_number").val();

/* aadhar expression */
	var expr = /^([0-9]{4}[0-9]{4}[0-9]{4}$)|([0-9]{4}\s[0-9]{4}\s[0-9]{4}$)|([0-9]{4}-[0-9]{4}-[0-9]{4}$)/;
 /* aadhar expression */


  /* PAN Expression */
  var regex = /[A-Z]{5}[0-9]{4}[A-Z]{1}$/;
 /* PAN Expression */

  if (firm_type_id != '' && name != '' && cin != '' && registered_office != '' && partner_name != '' && aadhar != '' && pan != '') 
  {
	if (!expr.test(aadhar))
	{
		resetErrorMsg();
		$(".aadhar_error").html('Invalid Aadhaar Card Number');
		//document.myForm.aadhar.focus();
		return false;
    }
	else if(!regex.test(pan))
	{   
		resetErrorMsg();
		$(".pan_error").html('Invalid Pan Card Number');
		//document.myForm.pan.focus();
		return false;   
    }
	else
	{
	 return true;
	}
  }
  else
  {
	if (firm_type_id == "" || firm_type_id == null) {
    resetErrorMsg();
    $(".firm_type_id_error").html('Please Select Firm Type');
    document.myForm.firm_type_id.focus();
    return false;
    }
	else if (name == "" || name == null) {
    resetErrorMsg();
    $(".name_error").html('Please Enter Name Of the Applicant');
    document.myForm.name.focus();
    return false;
    }
	else if (cin == "" || cin == null) {
    resetErrorMsg();
    $(".cin_error").html('Please Enter Data');
    document.myForm.cin.focus();
    return false;
    }
	else if (registered_office == "" || registered_office == null) {
    resetErrorMsg();
    $(".registered_office_error").html('Please Enter Registered Office');
    document.myForm.registered_office.focus();
    return false;
    }
	else if (partner_name == "" || partner_name == null) {
    resetErrorMsg();
    $(".partner_name_error").html('Please Enter Name');
    return false;
    }
	else if (aadhar == "" || aadhar == null) {
    resetErrorMsg();
    $(".aadhar_error").html('Please Enter Aadhar Card No.');
    //document.myForm.aadhar.focus();
    return false;
    }  
    else if (!expr.test(aadhar)) {
    resetErrorMsg();
    $(".aadhar_error").html('Invalid Aadhaar Card Number');
    //document.myForm.aadhar.focus();
    return false;
    }
	else if (pan == "" || pan == null) {
    resetErrorMsg();
    $(".pan_error").html('Please Enter Pan Card No.');
    //document.myForm.pan.focus();
    return false;
    }
	else if(!regex.test(pan)){   
    resetErrorMsg();
    $(".pan_error").html('Invalid Pan Card Number');
    //document.myForm.pan.focus();
    return false;   
    }
  }
}


function resetErrorMsg(){
$(".firm_type_id_error").html('');
$(".name_error").html('');
$(".cin_error").html('');
$(".registered_office_error").html('');
$(".partner_name_error").html('');
$(".aadhar_error").html('');
$(".pan_error").html('');
}
</script>
@endsection