@extends('layouts.app1')

@section('content')
<!-- page content -->
<div class="right_col" role="main">
    @include('flashmessage')
                <div class="">
                    <div class="page-title">
                        <div class="title_left">
                            <h3>Member E Kyc</h3>
                        </div>

                        <div class="title_right">
                            <div class="col-md-5 col-sm-5 form-group pull-right top_search">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search for...">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button">Go!</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>

                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    
                                    <ul class="nav navbar-right panel_toolbox">
                                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                        </li>
                                        <li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" href="#">Settings 1</a>
                                                <a class="dropdown-item" href="#">Settings 2</a>
                                            </div>
                                        </li>
                                        <li><a class="close-link"><i class="fa fa-close"></i></a>
                                        </li>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>                               

                                <div class="x_content">
                                    <form method="POST" enctype="multipart/form-data" id="form" class="" action="/members/{{$profile->id}}">
                                        @csrf
                                        @method('PATCH')                                        
                                        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
                                            @php
                                            error_reporting(0);
                                        
                                            $readonly="disabled";

                                            

                                            @endphp
                                        <span class="section">Basic Information</span>
                                        <div class="row">   

                                            <div class="form-group col-md-4">
                                                <label class="">Member Type<span class="required">*</span></label>
                                                <div class="">
                                                    <!-- <input class="form-control" data-validate-length-range="6" data-validate-words="2" name="name" placeholder="ex. John f. Kennedy" required="required" /> -->
                                                    <select readonly name="member_type" id="member_type" class="form-control">
                                                        @if(($profile->package_type) !=null)
                                                        <option data-code="{{$profile->package_type}}" value="{{$profile->member_type}}">
                                                            {{ App\Http\Controllers\Members::packageType( $profile->package_type)}}
                                                        </option>
                                                        @else
                                                        <option value="" data-code="">Select type</option>
                                                        @foreach ($memberType as $item)
                                                        <option {{old('member_type')=="$item->id"?"selected":""}} data-code="{{$item->code}}"
                                                            value="{{$item->id}}">{{$item->name}}
                                                        </option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <p id="memTypeName"></p>
                                                </div>
                                            </div>
                                            @if($profile->id!=null)
                                            <input type="hidden" name="user" value="{{Crypt::encrypt($profile->id) }}">
                                            @endif
                                            <div class="form-group col-md-4">
                                                <label class="">Package Type<span class="required">*</span></label>
                                                <div class="">
                                                    <input readonly name="package_type" value="{{old('package_type',$profile->package_type)}}" id="package_type"
                                                        class="form-control">
                                                </div>
                                            </div>

                                            <div class="form-group col-md-4">
                                                <label class="">Login Id<span class="required">*</span></label>
                                                <div class="">
                                                <input readonly type="text" class="form-control" 
                                                    value="{{old('loginId',$profile->loginId)}}" id='loginId' name="loginId">
                                                </div>
                                            </div>                                           

                                        </div>
                                        
                                        <span class="section">Member Information</span>
                                        <div class="row">
                                            <div class="form-group col-md-3">
                                                <label class="">First Name<span class="required">*</span></label>
                                                <div class="">
                                                <input readonly type="text" class="form-control"
                                                    value="{{old('first_name',$profile->name)}}" id='first_name' name="first_name">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">Middle Name<span class="required">(Optional)</span></label>
                                                <div class="">
                                                <input readonly type="text" class="form-control" 
                                                    value="{{old('middle_name',$profile->middle_name)}}" id='middle_name' name="middle_name">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">Last Name<span class="required"></span></label>
                                                <div class="">
                                                <input readonly type="text" class="form-control" 
                                                    value="{{old('last_name',$profile->last_name)}}" id='last_name' name="last_name">
                                                </div>
                                            </div>
                                            
                                            <div class="form-group col-md-3">
                                                <label class="">Aadhar<span class="required"></span></label>
                                                <div class="">
                                                <input type="text" readonly class="form-control" value="{{old('aadhar',$profile->aadhar)}}"
                                                id='aadhar' name="aadhar">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">Pan Card<span class="required"></span></label>
                                                <div class="">
                                                <input type="text" readonly class="form-control"
                                                    value="{{old('pancard',$profile->pancard)}}" id='pancard' name="pancard">
                                                </div>
                                            </div>
                                        </div>

                                        <span class="section">Business Information</span>
                                        <div class="row">
                                            <div class="form-group col-md-3">
                                                <label class="">Shop Name*</label>
                                                <div class="">
                                                <input {{$profile->shop_name!=null?'readonly':""}} type="text" class="form-control"
                                                    value="{{old('shop_name',$profile->shop_name)}}" id='shop_name' name="shop_name">
                                                </div>
                                            </div>
                                            
                                            <div class="form-group col-md-3">
                                                <label class="">Shop address</label>
                                                <div class="">
                                                <input type="text" {{$profile->shop_address!=null?'readonly':""}} class="form-control" id='shop_address'
                                                    name="shop_address" value="{{old('shop_address',$profile->shop_address)}}">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">Acc Number<span class="required"></span></label>
                                                <div class="">
                                                <input {{$profile->account_no?'readonly':''}} type="text"  class="form-control"
                                                    value="{{old('account',$profile->account_no)}}" id='account_no' name="account">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">IFSC<span class="required"></span></label>
                                                <div class="">
                                                <input {{$profile->ifsc_code?'readonly':''}} type="text" class="form-control"
                                                    value="{{old('ifsc',$profile->ifsc_code)}}" id='ifsc_code' name="ifsc">
                                                </div>
                                            </div>
                                        </div>
                                        <span class="section">Extra Account Information</span>
                                        <div class="row">
                                            <div class="form-group col-md-3">
                                                <label class="">Account Number 2</label>
                                                <div class="">
                                                <input {{$profile->account_no2?'readonly':''}} type="text" class="form-control"
                                                    value="{{old('account',$profile->account_no2)}}" id='account_no2' name="account_no2">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">IFSC 2</label>
                                                <div class="">
                                                <input {{$profile->ifsc_code2?'readonly':''}} type="text"  class="form-control"
                                                    value="{{old('ifsc',$profile->ifsc_code2)}}" id='ifsc_code2' name="ifsc_code2">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">Account Number 3</label>
                                                <div class="">
                                                <input {{$profile->account_no3?'readonly':''}} type="text" class="form-control"
                                                    value="{{old('account',$profile->account_no3)}}" id='account_no3' name="account_no3">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <label class="">IFSC 3</label>
                                                <div class="">
                                                <input {{$profile->ifsc_code3?'readonly':''}} type="text"  class="form-control"
                                                    value="{{old('ifsc',$profile->ifsc_code3)}}" id='ifsc_code3' name="ifsc_code3">
                                                </div>
                                            </div>
                                        </div>
                                        

                                        <span class="section">Address Information</span>
                                        <div class="row">
                                            <div class="form-group col-md-4">
                                                <label class="">Address<span class="required">*</span></label>
                                                <div class="">
                                                <input type="text" readonly class="form-control" 
                                                    value="{{old('address',$profile->address)}}" id='address' name="address">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label class="">Country<span class="required">*</span></label>
                                                <div class="">
                                                <select readonly name="country" id="country" class="form-control">
                                                    <option value="INDIA">INDIA</option>
                                                </select>
                                                <!-- <input type="text" {{$readonly}} class="form-control" id='shop_address'
                                                    name="shop_address" value="{{old('shop_address',$profile->shop_address)}}"> -->
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label class="">State<span class="required">*</span></label>
                                                <div class="">
                                                <select readonly name="state" id="state" class="form-control">
                                                    <option value="">SELECT STATE</option>
                                                    @foreach($states as $state)
                                                    <option {{$state->StateName==$profile->state ?"selected":""}} value="{{$state->StateName}}">
                                                        {{$state->StateName}}</option>
                                                    @endforeach
                                                </select>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label class="">City<span class="required">*</span></label>
                                                <div class="">
                                                                                                    <select readonly name="city" id="city" class="form-control">
                                                    @if ($profile)
                                                    <option value="{{$profile->city}}">{{$profile->city}}</option>
                                                    @endif
                                                </select>
                                                                                                
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label class="">Post Code<span class="required">*</span></label>
                                                <div class="">
                                                <input readonly maxlength="6" type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" value="{{old('post_code',$profile->post_code)}}" name="post_code"
                                                        id="post_code" class="form-control">
                                                </div>
                                            </div>                                            
                                        </div>

                                        <span class="section">Contact Information</span>
                                        <div class="row">
                                            <div class="form-group col-md-4">
                                                <label class="">Email<span class="required">*</span></label>
                                                <div class="">
                                                <input readonly type="email" required name="email" {{$profile->email!=null?'readonly':""}}
                                                    value="{{old('email',$profile->email)}}" id="email" class="form-control">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label class="">Contact Number<span class="required"></span></label>
                                                <div class="">  
                                                @if(request()->role=="")                                              
                                                    <input maxlength="10" type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" name="contact" value="{{old('contact',$profile->contact)}}"
                                                        id="contact" class="form-control" readonly>
                                                @endif
                                                @if(request()->role!="")                                              
                                                    <input readonly maxlength="10" type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" name="contact" {{$profile->contact!=null?'readonly':""}} value="{{old('contact',$profile->contact)}}"
                                                        id="contact" class="form-control" >
                                                @endif
                                                </div>
                                            </div>
                                           <div class="form-group col-md-4" style='display:{{$profile->kyc_status=="Approved"?"none":"block"}}'>
                                                <label class="">Upload Aadhar Card (Both side)
                                                    with signature<span class="required">*</span></label>
                                                <input type="file" name="aadharFront" id="aadharBoth" {{$profile->aadharFront!=null?'disabled':""}}> <br>
                                                <input type="file" name="aadharBack" id="aadharBack" {{$profile->aadharBack!=null?'disabled':""}}>
												
                                                <input type="hidden" name="aadharFront_old" id="aadharBoth" value='{{$profile->aadharFront!=null ? $profile->aadharFront : ""}}'>
                                                <input type="hidden" name="aadharBack_old" id="aadharBack_old" value='{{$profile->aadharBack!=null ? $profile->aadharBack : ""}}'>
                                            </div>    
                                            <div class="form-group col-md-4" style="display:{{$profile->kyc_status=="Approved"?'none':'block'}}">
                                                <label class="">Upload Pan Card with signature<span class="required">*</span></label>
                                                <div class="">
                                                <input type="file" name="panCardImage" id="panCardImage" {{$profile->panCardImage!=null?'disabled':""}}>
                                                <input type="hidden" name="panCardImage_old" id="panCardImage" value="{{$profile->panCardImage!=null ? $profile->panCardImage!=null :""}}">
                                                </div>
                                            </div> 
                                            <div class="form-group col-md-4" style="display:{{$profile->kyc_status=="Approved"?'none':'block'}}">
                                                <label class="">Profile Pic<span class="required">*</span></label>
                                                <div class="">
                                                <input type="file" name="profile" id="profile" {{$profile->profilePic!=null?'disabled':""}}>
                                                <input type="hidden" name="profile_old" id="profile_old" value="{{$profile->profilePic!=null ? $profile->profilePic : ""}}">
                                                </div>
                                            </div>                                      
                                        </div>  

                                        
                                        <div class="mt-5">
                                            <div class="form-group">
                                                <div style="display:{{$profile->kyc_status=="Approved"?'none':'block'}}">
                                                    <button type='submit' class="btn btn-primary" {{$profile->kyc_status=="Approved"?'disabled':''}}>Update</button>
                                                    <button type='reset' class="btn btn-success">Reset</button>
                                                </div>
                                            </div>
                                        </div>
<style type="text/css">
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }
</style>  
<script type="text/javascript">
    jQuery(document).ready(function ()
    {          

            jQuery('select[name="member_type"]').on('change',function(){
               var memberType = jQuery(this).val();               
               var memberId =