    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.css" />
    <style type="text/css">
        /* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
    </style>
<?php $__env->startSection('header'); ?>
    <div class="col-lg-8 col-md-6 col-sm-6 col-6">            
        <div class="header-text">Reports</div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<div class="container"><br><br>
 <div class="box-body">
    <center>
            <?php if($errors->any()): ?>
            <div class="alert alert-warning" role="alert">
                <?php echo $errors->first(); ?>

            </div>
            <?php endif; ?>
        </center>
                 <form method="POST" action="<?php echo url('credit-report'); ?>" role="form" name="checkform" id="myform">
        <div class="row">
        <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-6">
                        <label for="title" class="required">Report Type</label>
                                    <select name="report_type" class="form-control" id="report_type">
                                        <!-- <option value="" selected hidden>Select Report Type</option> -->
                                        <option value="credit_given_report" id="credit_given_report" >Credits Given Report</option>
                                        <option value="credit_redeem_report" id="credit_redeem_report" disabled>Credits Redeemed Report</option>
                                        <option value="reward_verified_report" id="reward_verified_report" disabled>Rewards Verified Report</option>
                                        <option value="coupon_report" id="coupon_report" disabled>Coupons Report</option>
                                        <option value="ebooklets_issued_report" id="ebooklets_issued_report" disabled>Ebooklets Issued Report</option>
                                        <option value="check_in_report" id="check_in_report" disabled>Check In ReportCoupon Booklets Issued Report</option>
                                        <option value="coupon_booklet_report" id="coupon_booklet_report" disabled>Coupon Booklets Issued Report</option>
                                    </select>
                        </div>
                    <?php if(!Session::has('employeeuser')): ?>

                        <!-- <select class="selectpicker" multiple data-live-search="true">
                              <option>Mustard</option>
                              <option>Ketchup</option>
                              <option>Relish</option>
                        </select> -->
                        <div class="col-md-6">
                            <label for="title" class="required">Select Account</label>
                            <select name="login_id" class="form-control">
                                <option value="" selected hidden>Select Sub Account</option>
                                <?php foreach($employee as $emp): ?>
                                <option value=""><?php echo $emp->email; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    <?php else: ?>
                        <div class="col-md-6">
                            <label for="title" class="required">Select Account</label>
                            <select name="login_id" class="form-control">
                                <option value="" selected hidden>Select Sub Account</option>
                                <?php foreach($employee as $emp): ?>
                                <option value=""><?php echo $emp->email; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    <?php endif; ?>
                       
                    </div>


        </div>
                
        </div><br><br>
        <div class="row"><h6>Select Parameters</h6></div> <br>
        <!-- section start -->
        <div class="col-md-12" id="dynamic_section" >
            <div class="row">
                    <div class="col-md-3">
                        <div class="form_group">
                                <label for="title" class="required">Mobile No</label>
                                <input class="required form-control" data-validation="required length " data-validation-error-msg-required="You must enter School Name" data-validation-length="min2" id="mobile" name="mobile1" type="number"  min="10" max="10">
                        </div>
                    </div>

                 
                    <div class="col-md-3">
                        <div class="form_group">
                        <label for="Timing" class="required">Start Date</label>
                        <input class="required form-control datepicker" id="start_date1" name="start_date1" type="text">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form_group">
                        <label for="Timing" class="required">End Date</label>
                        <input class="required form-control datepicker" id="end_date1" name="end_date1" type="text">
                        </div>
                    </div>
            </div><br> 

            <div class="row">
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Bill Number</label>
                        <input class="required numericOnly form-control" id="bill_number1" name="bill_number1" type="text">
                    </div>
                </div>
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Bill Amount</label>
                        <input class="required numericOnly form-control" id="bill_amount1" name="bill_amount1" type="number">
                    </div>
                </div>
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Credits Given</label>
                        <input class="required numericOnly form-control" id="credits_given1" name="credits_given1" type="number">
                    </div>
                </div>
            </div><br>
            
            <div class="row">
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Campaign Id</label>
                        <input class="required numericOnly form-control" id="campaign_id1" name="campaign_id1" type="number">
                    </div>
                </div>
            </div>
        </div><br>     
     <!-- end of sec1 -->


     <!-- section2 start -->
        <div class="col-md-12" id="dynamic_section2"  style="display: none;">
            <div class="row">
                    <div class="col-md-3">
                        <div class="form_group">
                                <label for="title" class="required">Mobile No</label>
                                <input class="required form-control" id="mobileresult" name="mobile" type="text">
                        </div>
                    </div>

                 
                    <div class="col-md-3">
                        <div class="form_group">
                        <label for="Timing" class="required">Start Date</label>
                        <input class="required form-control datepicker" id="select_account" name="select_account" type="text">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form_group">
                        <label for="Timing" class="required">End Date</label>
                        <input class="required form-control datepicker" id="select_account" name="select_account" type="text">
                        </div>
                    </div>
            </div><br> 

            <div class="row">
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Bill Number</label>
                        <input class="required numericOnly form-control" id="bill_number" name="bill_number" type="text">
                    </div>
                </div>
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Bill Amount</label>
                        <input class="required numericOnly form-control" id="bill_amount" name="bill_amount" type="text">
                    </div>
                </div>
                <div class="col-md-3">  
                    <div class="form_group">
                        <label for="title" class="required">Credits Redeemed</label>
                        <input class="required numericOnly form-control" id="credits_redeemed" name="credits_redeemed" type="text">
                    </div>
                </div>
            </div><br>
            
        </div><br><br>      
     <!-- end of sec2 -->

     <!-- section3 start -->
        <div class="col-md-12" id="dynamic_section3"  style="display: none;">
            <div class="row">
                    <div class="col-md-3">
                        <div class="form_group">
                            <label for="title" class="required">Mobile No</label>
                            <input class="required form-control" id="mobile" name="mobile" type="text">
                        </div>
                    </div>

                 
                    <div class="col-md-3">
                        <div class="form_group">
                            <label for="Timing" class="required">Start Date</label>
                            <input class="required form-control datepicker" id="start_date" name="start_date" type="text">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form_group">
                            <label for="Timing" class="required">End Date</label>
                            <input class="required form-control datepicker" id="end_date" name="end_date" type="text">
                        </div>
                    </div>
            </div><br> 

        </div>     
     <!-- end of sec3 -->
    
            <div class="form_group">
                <input type="submit" style="margin: 18px;
    padding: 5px;" class="btn btn-primary" name="addmore" value="Submit"> 
                
            </div>
            </form>
        </div>
  
</div>
  
<?php $__env->stopSection(); ?>

<?php $__env->startSection('modals'); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('customscripts'); ?>
<?php $__env->stopSection(); ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>

<script type="text/javascript">
    
    $(document).ready(function(){
        $('#report_type').on('change', function() {
            if(this.value=='credit_given_report'){
                $("#dynamic_section2").hide();
                $("#dynamic_section3").hide();
                $("#dynamic_section").show();
            }else if(this.value=='credit_redeem_report'){
                $("#dynamic_section3").hide();
                $("#dynamic_section").hide();
                $("#dynamic_section2").show();
            }else if(this.value=='reward_verified_report'){
                 
                $("#dynamic_section").hide();
                $("#dynamic_section2").hide();
                $("#dynamic_section3").show();
            }else if(this.value=='coupon_report'){
                 alert( this.value );
            }else if(this.value=='ebooklets_issued_report'){
                 alert( this.value );
            }else if(this.value=='check_in_report'){
                 alert( this.value );
            }else if(this.value=='coupon_booklet_report'){
                 alert( this.value );
            }
        });
        $( "#start_date1").datepicker({ 
            dateFormat: 'dd-mm-yy'
        });
    $('.col-md-12').find("#end_date1").datepicker({
                        dateFormat: 'dd-mm-yy',
                 });

    })
    
        $("#myform").validate({
                    rules: {
                        login: {
                            required:true,
                            rangelenght: [4,20],
                            remote:"look.php"
                        },
                        nick : {
                            required:true,
                            rangelenght:[4,20],
                            remote:"look.php"
                        },
                        password: {
                            required:true,
                            rangelenght:[4.20]
                        },
                        retype: {
                            required:true,
                            equalTo:"#passw"
                        }
                    },
                    messages:{
                        login:{
                            required:"To pole jest wymagane!"
                        }
                    }
                });

        $('#myform').validate({

        rules: {
            mobile: { required: true, minlength: 3 },
            
        },
    });



    //     function mobilecheck(){
    //     var mobile = document.forms["checkform"]["mobile"].value;
    //     if(mobile == ""){
    //         document.getElementById('mobileresult').innerHTML = "";
    //         error = 0;
    //     }
    //     else{
    //         if(mobile.length != 10){
    //             document.getElementById('mobileresult').innerHTML = "Mobile Number Must Be 10 digit";
    //             error++;
    //         }
    //         else{
    //             document.getElementById('mobileresult').innerHTML = "";
    //             error = 0;
    //         }
    //     }
    // }

    // function billnumbercheck(){
    //     var billnumber = document.forms["checkform"]["billnumber"].value;
    //     if(billnumber == ""){
    //         document.getElementById('billnumberresult').innerHTML = "";
    //         error = 0;
    //     }
    //     else{
    //         if(billnumber == 0){
    //             document.getElementById('billnumberresult').innerHTML = "Bill Number Can't Be zero";
    //             error++;
    //         }
    //         else{
    //             document.getElementById('billnumberresult').innerHTML = "";
    //             error = 0;  
    //         }
    //     }
    // }
    // function billamountcheck(){
    //     var billamount = document.forms["checkform"]["billamount"].value;
    //     if(billamount == ""){
    //         document.getElementById('billamountresult').innerHTML = "";
    //         error = 0;
    //     }
    //     else{
    //         if(billamount == 0){
    //             document.getElementById('billamountresult').innerHTML = "Bill Amount Can't Be zero";
    //             error++;
    //         }
    //         else{
    //             document.getElementById('billamountresult').innerHTML = "";
    //             error = 0;
    //         }
    //     }
    // }
    // function campaign_idcheck(){
    //     var campaign_id = document.forms["checkform"]["campaign_id"].value;
    //     if(campaign_id == ""){
    //         document.getElementById('campaign_idresult').innerHTML = "";
    //         error = 0;
    //     }
    //     else{
    //         if(campaign_id == 0){
    //             document.getElementById('campaign_idresult').innerHTML = "Campaign id should not be Zero";
    //             error++;
    //         }
    //         else{
    //             document.getElementById('campaign_idresult').innerHTML="";
    //             error = 0;
    //         }
    //     }
    // }

    //$('.datepicker').datepicker();

    
</script>
    
<?php echo $__env->make('layouts.MasterLayout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>