


<?php $__env->startSection('content'); ?>
<!-- row -->
<div class="container-fluid">
  <div class="row">
    <div class="col-xl-12">
      <input type="hidden" id="loggedinUsername" value="<?php echo e($users->name); ?>">
        <div class="card">
            <div class="card-header border-0 pb-0">
              <h4 class="text-black">Book your tickets</h4>
            </div>
            <div class="card-body pt-3">
              <div class="profile-blog">
                <form>                            
                    <div class="form-group col-6">
                        <label>Centre</label>
                        <select class="form-control" id="inputCentre" name="inputCentre">
                                <option selected="">Choose...</option>
                                <?php $__currentLoopData = $organisations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $org): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                  <?php if($org->id==$organisation_id): ?>
                                        <option value="<?php echo e($org->id); ?>" selected><?php echo e($org->city); ?></option>
                                  <?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                
                        </select>
                    </div>  
                    <div class="form-group col-4">
                        <label>Date of Visit</label>
                        <?php
                          $todate = date("Y-m-d");
                          $ticket_max_date = date("Y-m-d", strtotime("+".$ticket_booking_max_days."days"));
                        ?>
                        <input name="date_of_visit" class="form-control" id="date_of_visit" type="date" value="<?php echo e(date('Y-m-d')); ?>" min="<?php echo e($todate); ?>" max="<?php echo e($ticket_max_date); ?>">
                        <input type="hidden" name="ticket_max_date" id="ticket_max_date" value="<?php echo e($ticket_max_date); ?>">
                        <input type="hidden" name="todate" id="todate" value="<?php echo e($todate); ?>">
                    </div>
                    <div class="form-row">
                      <div class="form-group col-4">
                          <label>Name</label>
                          <input name="visitor_name" class="form-control" id="visitor_name" type="text" maxlength="250" onkeypress="return isChar(event);" onchange="return nameCheck_char(this,'Name');">
                      </div>
                      <div class="form-group col-4">
                          <label>Phone Number</label>
                          <input name="phone_number" class="form-control" id="phone_number" type="text" maxlength="10" minlength="10" pattern="[0-9]{1}[0-9]{9}" onkeypress="return isNumber_phone(event);" onchange="ValidateNo(this,'Phone Number');">
                      </div>
                    </div>
                    
                   
                    <div class="form-row col-6">
                        <div class="form-group col-md-4">
                          <div class="form-check form-check-inline">
                            <label>Adults</label>
                            <input type="text" class="form-control" name="adultCount" id="adultCount" style="width: 100px;" maxlength="3" onkeypress="return isNumber(event);">
                          </div>
                        </div>
                        <div class="form-group col-md-8">
                          <div class="form-check form-check-inline">
                            <label>Children</label>
                            <input type="text" class="form-control" name="childCount" id="childCount" style="width: 100px;" maxlength="3" onkeypress="return isNumber(event);">
                          </div>
                        </div>
                        
                    </div>
                    
                    <button class="btn btn-primary" type="submit" id="bookBtn">Book Ticket Now</button>
                    <button class="btn btn-secondary" type="button" onclick="clearselection();">Clear</button>
                </form>
              </div>
            </div>
          </div>
    </div>
  </div>
</div>
<script type="text/javascript">
//////////////////////character checking//////////////////////////////////
function isChar(evt) 
{
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 47 && charCode < 58) 
    {
        return false;
    }
   
}
/////check given string suitable for names... accepts only a-z,A-Z,'///////////////////////////////////////////////
function nameCheck_char (field,fieldname) 
{  
    var inputString = field.value;
    // Same, but here we instead check for characters. NOT matching the pattern. Above we capture all legal chars, here we capture all illegal chars by adding a ^ inside the class,
    // And overwrite them with "".
    var newStr = inputString.match(/^([a-zA-Z ]){2,250}$/, "");
    // If the lengths aren't equal, something was removed. If something was removed, the string contained illegal chars. Returns true if no illegal chars, else false.
    if(newStr== null)
    {
        sweetAlert("Oops...", "Name field is not valid, please enter correct input for Name", "error");
        field.value = "";
        field.focus();
        return false;   
    }
}
/////////validate integer fields in phone ///////////////////////////
function isNumber_phone(evt) 
{
  evt = (evt) ? evt : window.event;
  var charCode = (evt.which) ? evt.which : evt.keyCode;
  if (!((charCode == 43) || (charCode >= 48 && charCode <= 57)))
  //if ((charCode!=43 ) && (charCode < 48 || charCode > 57)) 
  {
    return false;
  }

  return true;
}
function ValidateNo(phoneNo,field) 
{
    if (phoneNo.value == "" || phoneNo.value == null) 
    {
        sweetAlert("Oops...", "Please Enter Your Phone Number", "error");
        phoneNo.focus();
        return false;
    }
    //alert(phoneNo.name);
    /////mobile number//////////////
    if(phoneNo.name == 'phone_number')
    {
        inputString = phoneNo.value;
        if(phoneNo.value!='')
        {
            //var newStr = inputString.match(/^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[6789]\d{9}$/);
            var newStr = inputString.match(/^(?:(\s*[\-]\s*)?|[0]?)?[6789]\d{9}$/);
            if(!newStr)
            {
                sweetAlert("Oops...", "Phone Number Is Not Valid. Please Enter Correct Phone Number", "error");
                phoneNo.value="";
                phoneNo.focus();
                return false;       
            }
        }
        if (phoneNo.value.length < 10 || phoneNo.value.length > 10) 
        {
            sweetAlert("Oops...", "Phone Number Is Not Valid. Please Enter Correct Phone Number", "error");
            phoneNo.focus();
            return false;
        }
        if (phoneNo.value.length >= 10) 
        {
            document.getElementById(errfield).innerHTML="";
            phoneNo.focus();
            return false;
        }
    }
    return true;
}
/////////validate integer fields///////////////////////////
function isNumber(evt) 
{
  evt = (evt) ? evt : window.event;
  var charCode = (evt.which) ? evt.which : evt.keyCode;
  if (charCode > 31 && (charCode < 48 || charCode > 57)) 
  {
    //alert("Please enter only Numbers.");
    return false;
  }

  return true;
}
///////////////////////////////////////////////////////////////////////////
$(function(){

  $("#bookBtn").click(function(){

        //check if all values are enetered
        var date_of_visit = $("#date_of_visit").val();
        var visitor_name = $("#visitor_name").val();
        var inputCentre = $("#inputCentre").val();
        var adultCount = $("#adultCount").val();
        var childCount = $("#childCount").val();
        var phone_number = $("#phone_number").val();
        var ticket_max_date = $("#ticket_max_date").val();
        var todate = $("#todate").val();
        if(date_of_visit>ticket_max_date)
        {
            sweetAlert("Oops...", "Please check date of visit", "error");
            return false;  
        }
        if(date_of_visit<todate)
        {
            sweetAlert("Oops...", "Please check date of visit", "error");
            return false;  
        }

        if(date_of_visit && inputCentre && (adultCount || childCount))
        {
           //save to session
           var csrf = "<?php echo e(csrf_token()); ?>";
            $.ajax({
              type: "POST",
              url: "<?php echo e(url('set_inputs')); ?>",
              dataType : 'json',
              data: {_token: csrf, date_of_visit: date_of_visit, visitor_name: visitor_name, inputCentre: inputCentre, adultCount: adultCount, childCount: childCount, phone_number:phone_number},
              success: function( result ) 
              {
                if(result.statusCode == 200)
                {
                    //inputs set to session
                    var loggedin = $("#loggedinUsername").val();
                    if(loggedin)
                    {
                        //logged in user, redirect to facility booking page
                        let url = "<?php echo e(url('book_tickets')); ?>";
                        document.location.href = url;
                    }
                    else
                    {
                         sweetAlert("Oops...", "You must login to continue !!", "error");
                         //alert("You must login to continue !!");
                         let url = "<?php echo e(url('login')); ?>";
                         document.location.href = url;
                         return false;
                    }
                }
                else{
                    sweetAlert("Oops...", "Something went wrong, Try again later !!", "error");
                    return false;
                }
              }
            });  
        }
        else
        {
            //alert(date_of_visit+".."+visitor_name+".."+inputCentre+".."+adultCount+".."+childCount);
            sweetAlert("Oops...", "All fields are not entered !!", "error");
            return false;
        }
        return false;
    });
});

function clearselection()
{
    $('#visitor_name').val('');
    $('#adultCount').val('');
    $('#childCount').val('');
}
</script>
<?php $__env->stopSection(); ?>			
<?php echo $__env->make('layout.default', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/ksstmorg/resources/views/Sales/ticket_sales.blade.php ENDPATH**/ ?>