<?php $__env->startSection('header'); ?>
    <div class="col-lg-8 col-md-6 col-sm-6 col-6 search-box">
        <i class="fa fa-times"></i><i class="fa fa-bars desktop-hidden"></i>
        
       	<form action="<?php echo url('user_dashboard_login'); ?>" method="POST">
            <span class="mobile-hidden"><i class="fa fa-search"></i>
                <input type="text" class="search-field" placeholder="Enter Mobile Number" name="mobile_no" onkeypress="return isNumberKey(event)">
            </span>
            <button class="btn mobile-hidden" style="diplay:inline-block">GO</button>
        </form>
        <div class="error-message mobile-hidden" style="color:red; margin-top:20px;"><?php echo Session::get('message'); ?></div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <div class="section1">
        <div class="row desktop-menu-container">
            <div class="col-lg-12 col-md-12 col-sm-12">
                
                <div class="row">
                    <form method="POST" action=<?php echo url('addMerberToCard'); ?>>
                            <span class="mobile-hidden"><!-- <i class="fa fa-search"></i> -->
                                <?php if($merchant_details->sharecode_permission == 'Yes'): ?> <input type="text" class="search-field" placeholder="Enter Referral Code" name="referral_code" onkeypress="return isNumberKey(event)"> <?php endif; ?>
                            </span>
                            <input type="hidden" class="search-field" name="user_id" value=<?php echo $user_details->id; ?>>
                            <input type="hidden" class="search-field" name="merchant_id" value=<?php echo $merchant_details->user_id; ?>>
                        <button class="btn" style="diplay:inline-block">Add Member</button>
                    </form>
                    <div class="error-message" style="color:red; margin-top:20px;"><?php echo Session::get('error'); ?></div>
                </div>
            </div>
        </div>
        <div class="row desktop-hidden">
            <form action="<?php echo url('user_dashboard_login'); ?>" method="POST">
                <span class=""><i class="fa fa-search"></i>
                    <input type="text" class="search-field1" placeholder="Enter Mobile Number" name="mobile_no" onkeypress="return isNumberKey(event)">
                </span>
                <button class="btn " style="diplay:inline-block">GO</button>
            </form>
            <div class="error-message" style="color:red; margin-top:20px;"><?php echo Session::get('message'); ?></div>
        </div>
        <div class="row desktop-hidden">
            <form action="<?php echo url('addMerberToCard'); ?>" method="POST">
                <span class=""><!--<i class="fa fa-search"></i>-->
                    <?php if($merchant_details->sharecode_permission == 'Yes'): ?> <input type="text" class="search-field1" style="padding-left: 40px;" placeholder="Enter Referral Code" name="referral_code" onkeypress="return isNumberKey(event)"> <?php endif; ?>
                </span>
                <input type="hidden" class="search-field" name="user_id" value=<?php echo $user_details->id; ?>>
                <input type="hidden" class="search-field" name="merchant_id" value=<?php echo $merchant_details->user_id; ?>>
                <button class="btn" style="diplay:inline-block">Add Member</button>
            </form>
            <div class="error-message" style="color:red; margin-top:20px;"><?php echo Session::get('message'); ?></div>
        </div>
        
    </div>
    <div class="section2">
        <div class="profile-container">
            <!--<a href="#" data-toggle="modal" class="rewards desktop-hidden" data-target="#rewards_coupon"><img src="<?php echo asset('revampstyles/icons/Rewards.png'); ?>" alt="rewards" width="20px" height="20px"></a>
            <div class="check-in desktop-hidden"><i class="fa fa-map-marker"></i> check-in</div>-->
            <div class="row">
                <div class="col-lg-2 col-md-4 col-sm-12 col-12">
                    <div class="profile-pic">
                        <img src="<?php echo asset($user_details->image); ?>" alt="profile-pic">
                    </div>
                </div>
                <div class="col-lg-10 col-md-8 col-sm-12 col-12">
                    <div class="row profile-heading">
                        <div class="col-lg-2 col-md-2 col-sm-12">
                            <div class="profile-name"><?php echo $user_details->name; ?></div>
                        </div>
                        <!-- <div class="col-lg-8 col-md-6 col-sm-12">
                            <div class="profile-status">Loyal customer (Active)</div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-12 mobile-hidden">
                            <div class="row" style="padding:0px;float:right">
                                <div class="col-lg-3 col-md-3 col-sm-3 col-1" style="padding:0px;">
                                    <a href="#" data-toggle="modal" data-target="#rewards_coupon">
                                        <img src="<?php echo asset('revampstyles/icons/Rewards.png'); ?>" alt="rewards" width="20px" height="20px">
                                    </a>
                                </div>
                                <div class="col-lg-9 col-md-9 col-sm-9 col-11" style="padding:0px;">
                                    <div class="check-in-status"><i class="fa fa-map-marker"></i> check-in</div>
                                </div>
                            </div>                                   
                        </div> -->
                    </div>
                    <div>
                        <div class="statistic">
                            <div class="statistic-heading">credit balance</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">total billing</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">last visit date</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">credits earned</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">credits redeemed</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">coupons issued</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">coupons redeemed</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">rewards redeemed</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">total transactions</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                        <div class="statistic">
                            <div class="statistic-heading">total visits</div>
                            <div class="statistic-value">N/A</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section3">
        <div class="card-container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="cards">
                        <div class="card-header">
                            <div class="float-left">personal information</div>
                            <div class="float-right"><i class="fa fa-edit"></i></div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="card-body">
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Mobile.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php echo $user_details->mobile; ?></div>
                            </div>
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Email.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php if($user_details->email==""): ?> N/A <?php else: ?> <?php echo $user_details->email; ?> <?php endif; ?> <!--<a href="#" class="float-right" data-toggle="modal" data-target="#edit_email" style="color:#3d3c3c"><i class="fa fa-edit"></i></a>--></div>
                            </div>
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Pincode.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php if($user_details->pincode==""): ?> N/A <?php else: ?> <?php echo $user_details->pincode; ?> <?php endif; ?></div>
                            </div>
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Gender.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php if($user_details->gender==""): ?> N/A <?php else: ?> <?php echo $user_details->gender; ?> <?php endif; ?></div>
                            </div>
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Birthday.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php if($user_details->dob=="0000-00-00"): ?> N/A <?php else: ?> <?php echo date('j<\s\up>S<\/\s\up> F, Y',strtotime($user_details->dob)); ?> <?php endif; ?></div>
                            </div>
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Maritial Status.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php if($user_details->marital==""): ?> N/A <?php else: ?> <?php echo $user_details->marital; ?> <?php endif; ?></div>
                            </div>
                            <div class="row personal-details">
                                <div class="col-lg-2 col-md-2 col-sm-2 col-2"><img src="<?php echo asset('revampstyles/icons/Anniversary.png'); ?>" alt="icon"></div>
                                <div class="col-lg-10 col-md-10 col-sm-10 col-10"><?php if($user_details->anniversary_date=="0000-00-00"): ?> N/A <?php else: ?> <?php echo date('j<\s\up>S<\/\s\up> F, Y',strtotime($user_details->anniversary_date)); ?> <?php endif; ?></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="cards">
                        <div class="card-header">
                            <div class="float-left">membership details</div>
                            <div class="float-right"><i class="fa fa-edit"></i></div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="card-body">
                            <div class="details-field">
                                <div class="label">membership validity</div>
                                <input type="radio" name="validity"> Lifetime
                                <input type="radio" name="validity"> Limited
                            </div>
                            <div class="details-field">
                                <div class="label">valid till</div>
                                <input type="text" name="valid_till">
                            </div>
                            <div class="details-field">
                                <div class="label">membership number</div>
                                <input type="text" name="membership_no">
                            </div>
                        </div> 
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="cards">
                        <div class="card-header">
                            <div class="float-left">notes</div>
                            <div class="float-right"><i class="fa fa-edit"></i></div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="card-body">
                            <textarea class="note-textarea" placeholder="Write note here"></textarea>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="cards">
                        <div class="card-header">
                            <div class="float-left">tags</div>
                            <div class="float-right"><i class="fa fa-edit"></i></div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="card-body">
                            <div class="tags-field">
                                <div class="label">Tag 1</div>
                                <input type="text" name="tag1">
                            </div>
                            <div class="tags-field">
                                <div class="label">Tag 2</div>
                                <input type="text" name="tag2">
                            </div>
                            <div class="tags-field">
                                <div class="label">Tag 3</div>
                                <input type="text" name="tag3">
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
    
<?php $__env->startSection('modals'); ?>

    <!-- Information Modal -->
    <div class="modal fade" id="information" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">info</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="information-content">
                        <div class="information-div">Minimum credits balance should be 5 to redeem</div>
                        <div class="information-div">Maximum 100% of bill amount can be redeemed</div>
                        <div class="information-div">Maximum 15,000 credits can be redeemed</div>
                    </div>
                <div>
                        <button class="info-btn btn">done</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <!-- Edit Email Modal -->
    <div class="modal fade" id="edit_email" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">edit email address</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div>
                            <div class="label">Email Address</div>
                            <input type="email" name="" class="modal-field" placeholder="Enter email here">
                        </div>
                        <div>
                            <button class="edit-email btn" data-dismiss="modal" data-toggle="modal" data-target="#otp2">next</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    

    <!-- Message Modal -->
    <div class="modal fade" id="message" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Message</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="message-content"></div>
                </div>
            </div>
        </div>
    </div>
    
<?php $__env->stopSection(); ?>
    
<?php $__env->startSection('customscripts'); ?>
    <script>
        $(document).ready(function() 
        {
            $(".add-credit").css("display","block");

            // $(".expand").click(function()
            // {
            //     $(this).css("display","none");
            //     $(".less").css("display","block");
            //     $("#add-credit").addClass("active");
            //     $(".hidden-form").fadeIn("fast");
            //     $(".add-credit").fadeIn("fast");
            // });

            // $(".less").click(function()
            // {
            //     $(this).css("display","none");
            //     $(".expand").css("display","block");
            //     $("#add-credit").removeClass("active");
            //     $(".hidden-form").fadeOut("fast");
            //     $(".hidden-section").css("display","none");
            //     $(".menu-list").removeClass("active");
            // });

            
        });

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