1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / eidvoice / web / app / Views / Qurbani /
Filename : qaibCreate.php
back
 <!-- Content Wrapper. Contains page content -->
 <style>
 .pricing8 {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 300;
}

.pricing8 h1,
.pricing8 h2,
.pricing8 h3,
.pricing8 h4,
.pricing8 h5,
.pricing8 h6 {
  color: #fff;
}

.pricing8 h5 {
    line-height: 22px;
    font-size: 18px;
}

.pricing8 .subtitle {
  color: #fff;
  line-height: 24px;
}

.pricing8 .display-5 {
  font-size: 2.3rem;
}

.pricing8 .font-14 {
  font-size: 14px;
}

.card{background-color:none!important;}

.pricing8 .pricing-box sup {
  top: -5px;
  font-size: 16px;
}

.pricing8 .btn-info-gradiant {
  background: #188ef4;
  background: -webkit-linear-gradient(legacy-direction(to right), #2ab200  0%, #ff0000  100%);
  background: -webkit-gradient(linear, left top, right top, from(#2ab200 ), to(#ff0000 ));
  background: -webkit-linear-gradient(left, #2ab200  0%, #ff0000  100%);
  background: -o-linear-gradient(left, #2ab200  0%, #ff0000  100%);
  background: linear-gradient(to right, #2ab200  0%, #ff0000  100%);
}

.pricing8 .btn-info-gradiant:hover {
  background: #2ab200 ;
  background: -webkit-linear-gradient(legacy-direction(to right), #2ab200  0%, #2ab200  100%);
  background: -webkit-gradient(linear, left top, right top, from(#2ab200 ), to(#2ab200 ));
  background: -webkit-linear-gradient(left, #2ab200  0%, #2ab200  100%);
  background: -o-linear-gradient(left, #2ab200  0%, #2ab200  100%);
  background: linear-gradient(to right, #2ab200  0%, #2ab200  100%);
}

.pricing8 .btn-danger-gradiant {
  background: #2ab200 ;
  background: -webkit-linear-gradient(legacy-direction(to right), #2ab200  0%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, right top, from(#2ab200 ), to(#ff0000));
  background: -webkit-linear-gradient(left, #2ab200  0%, #ff0000 100%);
  background: -o-linear-gradient(left, #2ab200  0%, #ff0000 100%);
  background: linear-gradient(to right, #2ab200  0%, #ff0000 100%);
}

.pricing8 .btn-danger-gradiant:hover {
  background: #2ab200 ;
  background: -webkit-linear-gradient(legacy-direction(to right), #2ab200  0%, #2ab200  100%);
  background: -webkit-gradient(linear, left top, right top, from(#2ab200 ), to(#2ab200 ));
  background: -webkit-linear-gradient(left, #2ab200  0%, #2ab200  100%);
  background: -o-linear-gradient(left, #2ab200  0%, #2ab200  100%);
  background: linear-gradient(to right, #2ab200  0%, #2ab200  100%);
}
 </style>
 
 <div class="content-wrapper">
<div class="container">
        <div class="row mb-2">
          <div style="width:25%;" class="col-md-3">
             
          </div> 
          <div style="" class="col-md-6">
    <div class="" style="padding:0px;margin-top:20px;">


    <a class="btn btn-app bg-success" href="<?php echo base_url()?>/createQurbaniAQEEQAH">
    <i class="fas fa-money-bill"></i> AQEEQAH
    </a>

    <a class="btn btn-app bg-success" href="<?php echo base_url()?>/createQurbaniQaib">
    <i class="fas fa-money-bill"></i> Charity Qurbani
    </a>

    <a class="btn btn-app bg-success" href="<?php echo base_url()?>/listQurbani">
    <i class="fas fa-paw"></i> Qurbani
    </a>

    </div>
</div> 
		  
          <div style="width:25%;">
            
    </div> 
        </div> 
      </div> 

    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-12">
            <h1>Qurbani</h1>
          </div>
          
        </div>
      </div><!-- /.container-fluid -->
    </section>
	
	
	<!--Success Notification Display -->
	<section class="content-header">
      <div class="container">
		<?php if(!empty($message)): ?>
		<?php $alert_class = isset($message_type) && $message_type == 'error' ? 'alert-danger' : 'alert-success'; ?>
		<div class="alert <?= $alert_class ?> alert-dismissible">
			<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			<h5>
				<i class="icon fas <?= isset($message_type) && $message_type == 'error' ? 'fa-ban' : 'fa-check' ?>"></i> 
				<?= isset($message_type) && $message_type == 'error' ? 'Error' : 'Success' ?>!
			</h5>
			<?= esc($message) ?>
			<h6> <a href="https://web.alyahsan.com/transaction">Click Here To Download Your Receipt</a></h6>
		</div>
		<?php endif; ?>
	  </div>
	</section>
	<!--Success Notification Display -->

    <!-- Main content -->
    <section class="content">
    <div class="container">
    <?php echo view("Main/navlinks"); ?>
     <div class="row">

    <?php 
    // echo view("Main/nav");
    ?>

      <div class="card col-lg-12">
        
           

                <div class="card-body">

                <div class="row">

                 
               


                  <div class="form-group col-sm-4">
                    <label for="">Total Shares</label>
                    <input type="text" class="form-control shares" name="shares" placeholder="" onkeypress="handle(event)">
                    <span class="error-div shares-error"></span>
                  </div>

                
                  <div class="form-group col-sm-4">
                    <label for="">Per Share</label>
                    <input type="text" class="form-control" readonly name="per_share" placeholder="" onkeypress="handle(event)">
                    <span class="error-div per_share-error"></span>
                  </div>

                  <div class="form-group col-sm-4">
                    <label for="">Total Amount</label>
                    <input type="text" class="form-control" readonly name="total_amount" placeholder="" onkeypress="handle(event)">
                    <span class="error-div total_amount-error"></span>
                  </div>

                  

                 
                  <div class="form-group col-sm-6">
                    <label for="">City</label>
                    <input type="text" class="form-control city" name="city" placeholder="" onkeypress="handle(event)" readonly>
                    <span class="error-div city-error"></span>
                  </div>
                  

                  <!-- <div class="form-group col-sm-6">
                    <label for="">Transaction ID</label>
                    <input type="text" class="form-control transaction_id" name="transaction_id" placeholder="" onkeypress="handle(event)">
                    <span class="error-div city-transaction_id"></span>
                  </div> -->

  
                  <div id="share_area" class="row"></div>
               
                   
                  
                  
                </div>
              

                <div class="card-footer">
                  <a type="button" class="btn btn-success qurbani-button">Submit</a>
                </div>
                <center>
                <!--<img src="<?php echo base_url()?>/global/image/qrcode.jpg" width="50%">-->
                </center>
		  <?php /*
		   <div class="pricing8 py-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8 text-center">
        <h3 class="mb-3" style="color:#343131;"><img width="35px" src="<?php echo base_url()?>/global/image/sheep-icon.png"> Large Animals <img width="35px" src="<?php echo base_url()?>/global/image/bull-icon.png"> </h3>
        
      </div>
    </div>
    <!-- row  -->
    <div class="row mt-4">
      <!-- column  -->
      <div class="col-md-4 ml-auto pricing-box align-self-center" style="width:49%;float:left;background: rgb(255,0,0);
background: linear-gradient(135deg, rgba(255,0,0,1) 51%, rgba(0,255,33,1) 100%);">
        <div class="card mb-4" style="background:none;">
          <div class="card-body p-2 text-center" style="background:none;">
            <h5 class="font-weight-normal">Qurbani</h5>
            <sup>INR</sup><span class="text-white display-5">1500</span>
            <h6 class="font-weight-light font-14">Per Show</h6>
            
          </div>
          <a class="btn btn-info-gradiant p-3 btn-block border-0 text-white" href="#">North India </a>
        </div>
      </div>
      <!-- column  -->
      <!-- column  -->
      <div class="col-md-4 ml-auto pricing-box align-self-center" style="width:49%;float:left;background: rgb(255,0,0);
background: linear-gradient(135deg, rgba(255,0,0,1) 51%, rgba(0,255,33,1) 100%);">
        <div class="card mb-4" style="background:none;">
          <div class="card-body p-2 text-center" style="background:none;">
            <h5 class="font-weight-normal">Qurbani</h5>
            <sup>INR</sup><span class="text-white display-5">4000</span>
            <h6 class="font-weight-light font-14">Per Show</h6>
           
          </div>
          <a class="btn btn-danger-gradiant p-3 btn-block border-0 text-white" href="#">South India</a>
        </div>
      </div>
      <!-- column  -->
      <!-- column  -->
       
      <!-- column  -->
    </div>
  </div>
</div>

   <div class="pricing8 py-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8 text-center">
        <h3 class="mb-3" style="color:#343131;"><img width="35px" src="<?php echo base_url()?>/global/image/sheep-icon.png"> Small Animals <img width="35px" src="<?php echo base_url()?>/global/image/bull-icon.png"></h3>
        
      </div>
    </div>
    <!-- row  -->
    <div class="row mt-4">
      <!-- column  -->
      <div class="col-md-4 ml-auto pricing-box align-self-center" style="width:49%;float:left;background: rgb(255,0,0);
background: linear-gradient(135deg, rgba(255,0,0,1) 51%, rgba(0,255,33,1) 100%);">
        <div class="card mb-4" style="background:none;">
          <div class="card-body p-2 text-center" style="background:none;">
            <h5 class="font-weight-normal">Qurbani</h5>
            <sup>INR</sup><span class="text-white display-5">5000</span>
            <h6 class="font-weight-light font-14">Per Show</h6>
            
          </div>
          <a class="btn btn-info-gradiant p-3 btn-block border-0 text-white" href="#">South Aferica </a>
        </div>
      </div>
      <!-- column  -->
      <!-- column  -->
      <div class="col-md-4 ml-auto pricing-box align-self-center" style="width:49%;float:left;background: rgb(255,0,0);
background: linear-gradient(135deg, rgba(255,0,0,1) 51%, rgba(0,255,33,1) 100%);">
        <div class="card mb-4" style="background:none;">
          <div class="card-body p-2 text-center" style="background:none;">
            <h5 class="font-weight-normal">Qurbani</h5>
            <sup>INR</sup><span class="text-white display-5">15000</span>
            <h6 class="font-weight-light font-14">Per Show</h6>
           
          </div>
          <a class="btn btn-danger-gradiant p-3 btn-block border-0 text-white" href="#">India</a>
        </div>
      </div>
      <!-- column  -->
      <!-- column  -->
       
      <!-- column  -->
    </div>
  </div>
</div> */ ?>
      </div>


    
    </div>  
    </div>  

    </section>
    <!-- /.content -->
  </div>

<style>
    
input[type="file"] {
  display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
</style>

<script>



$(document).on("change","input[type=radio][name=type]",function(){
    if($(this).val() == 1){
        $(".total_shares").hide();
    }else{
        $(".total_shares").show();
    }
});



function handle(e){
    if(e.keyCode === 13){
        e.preventDefault();

        $(".charity-button").trigger("click");
    }
}

function validateFields() {
    let isValid = true;
    $(".error-div").html("");
    
    $(".name").each(function () {
        let name = $(this).val().trim();
        if (name.length < 3 || !/^[A-Za-z ]+$/.test(name)) {
            $(this).next(".error-div").html("Name must be at least 3 letters.");
            isValid = false;
        }
    });
    
    $(".father_name").each(function () {
        let fatherName = $(this).val().trim();
        if (fatherName.length < 3 || !/^[A-Za-z ]+$/.test(fatherName)) {
            $(this).next(".error-div").html("Father Name must be at least 3 letters.");
            isValid = false;
        }
    });
    
    $(".mobile").each(function () {
        let mobile = $(this).val().trim();
        if (!/^[0-9]{10}$/.test(mobile)) {
            $(this).next(".error-div").html("number must be exactly 10 digits.");
            isValid = false;
        }
    });
    
    return isValid;
}


    $.ajax({
        url: "<?php echo api_url();?>qurbaniQaibShare",
        method: "POST",
        dataType: "json",
        headers: {"token": getCookie("q_app_token")},
        data: {
            id:`<?php echo $shareId; ?>`
        },
        success:function(data, textStatus, xhr){
          
          if(data.success == "true"){

                $("input[type=text][name=per_share]").val(data.share.share);
                //$("input[type=text][name=total_amount]").val(data.share.share);
                $(".city").val(data.share.city);
                console.log(data.share.type);
                if(data.share.type=='Small Animal'){
                  $(".shares").val(1);
                  $(".shares").prop("readonly",true);
                  getShareAreaContent();
                }else{
                  $(".shares").val("");
                  $(".shares").prop("readonly",false);
                }

          }

        },
        error:function(xhRequest, ErrorText, thrownError){
            
        }
    });

    function getShareAreaContent(){



        $("input[type=text][name=total_amount]").val($("input[type=text][name=shares]").val()*$("input[type=text][name=per_share]").val());
        let qurbaniType = sessionStorage.getItem("qurbani_type");
//console.log(qurbaniType);
    let defaultType = '';
    if (qurbaniType == '1') {
        defaultType = 'A';
    } else if (qurbaniType == '2') {
        defaultType = 'Q';
    }
         
        str = '';
        for(i = 1; i <= $("input[type=text][name=shares]").val(); i++){
          let isQ = (defaultType === 'Q') ? 'checked' : '';
        let isA = (defaultType === 'A') ? 'checked' : '';
        //let isS = (defaultType === 'S') ? 'checked' : '';
          str += `
          <div class="row">
          <div class="col-sm-12">
          <h3>Share: `+i+`</h3>
          </div>
          </div><br><br>
          <div class="row" style="width:100%">
                  <div class="form-group col-sm-3">
                    <label for="">Name</label>
                    <input type="text" class="form-control name" id="name_`+i+`" name="name" placeholder="" onkeypress="handle(event)">
                    <span class="error-div name-error"></span>
                  </div>

                  <div class="form-group col-sm-3">
                    <label for="">Father Name</label>
                    <input type="text" class="form-control father_name" id="father_name_`+i+`" name="father_name" placeholder="" onkeypress="handle(event)">
                    <span class="error-div father_name-error"></span>
                  </div>

                  <div class="form-group col-sm-3">
                    <label for="">Mobile</label>
                    <input type="number" class="form-control mobile" id="mobile_`+i+`" name="mobile" placeholder="" onkeypress="handle(event)">
                    <span class="error-div mobile-error"></span>
                  </div>
                  <div class="form-group col-sm-3" style="margin-top:30px;">
                  <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="qurbani_type_`+i+`" id="inlineRadio1_`+i+`" value="Q" ${isQ}> <label class="form-check-label" for="inlineRadio1_`+i+`">Qurbani</label> </div> 
                  <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="qurbani_type_`+i+`" id="inlineRadio2_`+i+`" value="A" ${isA}> <label class="form-check-label" for="inlineRadio2_`+i+`">AQEEQAH</label> </div> 
                  <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="qurbani_type_`+i+`" id="inlineRadio3_`+i+`" value="S"> <label class="form-check-label" for="inlineRadio3_`+i+`">Sadhaka</label> </div>
                  </div> </div> `;
        }


        $("#share_area").html(str);

    }


    $("input[type=text][name=shares]").keyup(function(){

        getShareAreaContent();

    });

$(document).on("click",".qurbani-button",function(){
  if (!validateFields()) {
        return;
    }

    $(".error-div").html("");


    shares = $("input[type=text][name=shares]").val();
    per_share = $("input[type=text][name=per_share]").val();
    total_amount = $("input[type=text][name=total_amount]").val();
    city = $("input[type=text][name=city]").val();
    transaction_id = $("input[type=text][name=transaction_id]").val();

    
   

    namearray = [];
    father_namearray = [];
    mobilearray = [];
    qurbaniTypeArray = [];
    $.each($(".name"), function(id, val){
      
      name = $(this).val();
      father_name = $("#father_name_"+(id+1)).val();
      mobile = $("#mobile_"+(id+1)).val();
      qurbani_type = $("input[name=qurbani_type_" + (id+1) + "]:checked").val() || "";

      namearray.push(name);
      father_namearray.push(father_name);
      mobilearray.push(mobile);
      qurbaniTypeArray.push(qurbani_type);
    });
    

    data = new FormData();



    data.append('shares', shares);
    data.append('per_share', per_share);
    data.append('total_amount', total_amount);
    data.append('city', city);
    data.append('transaction_id', transaction_id);



    data.append('name', namearray);
    data.append('father_name', father_namearray);
    data.append('mobile', mobilearray);
    data.append('qurbani_type', qurbaniTypeArray);

    data.append('shareId', '<?php echo $shareId;?>');
   
   
   

    $.ajax({
        url: "<?php echo api_url();?>createQurbaniQaib",
        method: "POST",
        dataType: "json",
        headers: {"token": getCookie("q_app_token")},
        data: data,
        enctype: 'multipart/form-data',
        processData: false, 
        contentType: false,
        success:function(data, textStatus, xhr){
          
          if(data.success == "true"){

            console.log(data);

            if(xhr.status == 200 && data.razorpayurl != ''){
                window.location.href = data.razorpayurl;
            }           

          }

        },
        error:function(xhRequest, ErrorText, thrownError){
            response = jQuery.parseJSON(xhRequest.responseText);
            $.each(response.messages, function(id, val){
                $("."+id+"-error").html(val);
            });
        }
    });


});

</script>