@extends('issuer.layout.base')
@section('content')

<style>
    /* .nice-select .list { overflow-y: scroll; height: 200px; } */
    .form-section-div, .form-section-div1  {
        display: none;
    }
    .form-section-div.current, .form-section-div1.current {
        display: block; 
    }
</style>
    <!-- <style>
.nice-select .list
{
  overflow-y: scroll;
  height: 200px;
}
</style> -->

    <div class="content-page">

        <!-- Header Banner Start -->
        <div class="header-breadcrumbs">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6"><h1>Profile</h1></div>
                    <div class="col-sm-6">
                        <div class="breadcrumb-four" style="text-align: right;">
                            <ul class="breadcrumb">
                                <li><a href="{{url('issuer/dashboard')}}">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-box">
                                            <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
                                            <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
                                            <line x1="12" y1="22.08" x2="12" y2="12"></line>
                                        </svg>
                                        <span>Dashboard</span></a></li>
                                <li class="active"><a href="">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu">
                                            <rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect>
                                            <rect x="9" y="9" width="6" height="6"></rect>
                                            <line x1="9" y1="1" x2="9" y2="4"></line>
                                            <line x1="15" y1="1" x2="15" y2="4"></line>
                                            <line x1="9" y1="20" x2="9" y2="23"></line>
                                            <line x1="15" y1="20" x2="15" y2="23"></line>
                                            <line x1="20" y1="9" x2="23" y2="9"></line>
                                            <line x1="20" y1="14" x2="23" y2="14"></line>
                                            <line x1="1" y1="9" x2="4" y2="9"></line>
                                            <line x1="1" y1="14" x2="4" y2="14"></line>
                                        </svg>
                                        <span>Profile</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Banner Start -->

        <div class="content">
            <!-- Start container-fluid -->
            <div class="container-fluid wizard-border">

                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-tabs tabs-bordered nav-justified">
                                <li class="nav-item">
                                    <a href="#home-b2" data-toggle="tab" aria-expanded="true" class="nav-link active">
                                        <span class="d-block d-sm-none"><i class="mdi mdi-home-variant-outline font-18"></i></span>
                                        <span class="d-none d-sm-block">Profile Update</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#kyc" data-toggle="tab" aria-expanded="true" class="nav-link">
                                        <span class="d-block d-sm-none"><i class="mdi mdi-home-variant-outline font-18"></i></span>
                                        <span class="d-none d-sm-block">KYC</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="#profile-b2" data-toggle="tab" aria-expanded="false" class="nav-link">
                                        <span class="d-block d-sm-none"><i class="mdi mdi-account-outline font-18"></i></span>
                                        <span class="d-none d-sm-block">Change Password</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="home-b2">
                                    <form action="{{ url('issuer/profile_update') }}" method="POST" class="form-validation" enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label for="userName">First Name<span class="text-danger">*</span></label>
                                                    <input type="text" name="fname" parsley-trigger="change" required="" placeholder="" class="form-control" id="userName" value="{{ @$user->identity->first_name }}" required>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userName">Email<span class="text-danger">*</span></label>
                                                    <input type="text" name="email" parsley-trigger="change" required="" placeholder="" class="form-control" id="userName" value="{{ @$user->email }}" required>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userName">Country<span class="text-danger">*</span></label>
                                                    <select class="reg-sel form-control" id="country_id" name="country_id" required="">
                                                        <option value="">Select Country</option>
                                                        @foreach($country as $value)
                                                            <option value="{{$value->id}}" @if($user->country_id == $value->id) selected @endif>{{$value->countryname}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>                                                      
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label for="userName">Last Name<span class="text-danger">*</span></label>
                                                    <input type="text" name="lname" parsley-trigger="change" required="" placeholder="" class="form-control" id="Email" value="{{ @$user->identity->first_name }}" required>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userName">Mobile No<span class="text-danger">*</span></label>
                                                    <input type="text" name="mobileno" parsley-trigger="change" required="" placeholder="" class="form-control" id="userName" value="{{ @$user->identity->primary_phone }}" required>
                                                </div>
                                                <div class="form-group">
                                                    <label for="userName">ETH Address<span class="text-danger">*</span></label>
                                                    <input type="text" name="eth_address" parsley-trigger="change" required="" placeholder="" class="form-control" id="userName" value="{{ @$user->eth_address }}" required>
                                                </div>
                                                {{-- <div class="form-group mb-0">
                                                    <label for="userName">Avatar<span class="text-danger">*</span></label>
                                                    <input type="file" class="filestyle" data-btnClass="btn-primary">
                                                </div> --}}
                                            </div>
                                        </div>

                                        <div class="row next-btn" style="padding:25px 0px;">
                                            <div class="col-sm-12">
                                                <div class="form-group text-center mb-0">
                                                    <input class="btn btn-primary waves-effect waves-light mr-1" type="submit" value="Update Profile">
                                                    {{-- <button class="btn btn-primary waves-effect waves-light mr-1" type="submit">Update Profile</button> --}}
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="kyc">
                                    <form role="form" action="{{url('/issuer/usercompanydetail')}}" method="POST" enctype="multipart/form-data" id="company-user1">
                                        @csrf()
                                        <div class="form-section-div1">
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group">
                                                        <label class="control-label">Company Name</label>
                                                        <input maxlength="30" type="text" required class="form-control" placeholder="Enter Company Name" name="company_name" value="{{ @$user->userCompany->company_name }}"/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Date of Found</label>
                                                        <input maxlength="20" type="date" required="required" class="form-control" placeholder="Date of Found" name="company_date" value="{{ @$user->userCompany->date_founded}}"/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Head Quarters</label>
                                                        <input maxlength="100" type="text" required="required" class="form-control" placeholder="Head Quarters" name="headquarters" value="{{@$user->userCompany->headquarters}}"/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Signing Authority</label>
                                                        @if(@$user->userCompany->signing_authority)
                                                            <img src="{{img(@$user->userCompany->signing_authority)}}" width="50" class="popImage">
                                                        @endif
                                                        <input type="file" class="form-control" name="signing_authority" accept="jpeg,jpg,bmp,png" required/>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group">
                                                        <label class="control-label">Team Size</label>
                                                        <input maxlength="100" type="text" required="required" class="form-control" placeholder="Team Size" name="team_size" value="{{@$user->userCompany->team_size}}"/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Home Page</label>
                                                        <input maxlength="50" type="text" required="required" class="form-control" placeholder="Home Page" name="company_url" value="{{@$user->userCompany->company_url}}"/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Social Channels</label>
                                                        <h5>Please mention all the social links below, separate them with newlines</h5>
                                                        <textarea name="social_channels" id="" cols="30" rows="10">{{ @$user->userCompany->social_channels }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-section-div1">
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-6 country_select_drop">
                                                    <div class="form-group">
                                                        <label class="control-label">Certificate of Incorporation</label>
                                                        @if(@$user->userCompany->incorporation_certificate)
                                                            <img src="{{img(@$user->userCompany->incorporation_certificate)}}" width="50" class="popImage">
                                                        @endif
                                                        <input type="file" class="form-control" name="incorporation_certificate" accept="jpeg,jpg,bmp,png" required/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Partnership deed</label>
                                                        @if(@$user->userCompany->partnership_deed)
                                                            <img src="{{img(@$user->userCompany->partnership_deed)}}" width="50" class="popImage">
                                                        @endif
                                                        <input type="file" class="form-control" name="partnership_deed" accept="jpeg,jpg,bmp,png" required/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Trust deed</label>
                                                        @if(@$user->userCompany->trust_deed)
                                                            <img src="{{img(@$user->userCompany->trust_deed)}}" width="50" class="popImage">
                                                        @endif
                                                        <input type="file" class="form-control" name="trust_deed" accept="jpeg,jpg,bmp,png" required/>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label">Certificate from the register of a societies</label>
                                                        @if(@$user->userCompany->register_socities)
                                                            <img src="{{img(@$user->userCompany->register_socities)}}" width="50" class="popImage">
                                                        @endif
                                                        <input type="file" class="form-control" name="register_socities" accept="jpeg,jpg,bmp,png" required/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-section-div1">
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-6">
                                                    <h5>Accredited Investor Verification</h5>
                                                    <div class="form-group">
                                                        <label for="name">Choose Evidence Type</label>
                                                        <select class="form-control company_accredited_kyc_select" name="accredited_kyc_select" id="company_accredited_kyc_select">
                                                            <option>Choose Document</option>
                                                            @foreach($accredited_documents as $value)
                                                                <option value="{{$value->id}}">{{$value->name}}</option>
                                                            @endforeach
                                                            
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        @foreach($accredited_documents as $value)
                                                            <div class="company_accredited_kyc_upload" id="company_accredited_kyc_upload_{{$value->id}}" style="display: none;">                                
                                                                <label>Application Document</label>
                                                                @if($value->status=="PENDING")
                                                                    <div class="row">
                                                                        <div class="col-lg-12">
                                                                            <i class="fa fa-check" style="font-size:48px;color:blue"></i> Your document is waiting for approval
                                                                        </div>
                                                                    </div>       
                                                                @elseif($value->status=="APPROVED")
                                                                    <div class="row">
                                                                        <div class="col-lg-12">
                                                                            <i class="fa fa-check" style="font-size:48px;color:green"></i> Your document has been approved
                                                                        </div>
                                                                    </div>                                
                                                                @elseif($value->status=="REJECTED")
                                                                    <div class="row">
                                                                        <div class="col-lg-12">
                                                                            <i class="fa fa-ban" style="font-size:48px;color:red"></i> Your document has been rejected
                                                                        </div>       
                                                                    </div> 
                                                                @else
                                                                    <div class="row">
                                                                        <div class="col-lg-6">                      
                                                                            <input type="file" name="image" accept="image/*"  />
                                                                        </div>
                                                                    </div>
                                                                @endif  
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="col-xs-12 list-inline pull-right">
                                            <ul class="list-inline pull-right">
                                                <li>
                                                    <button type="button" class="btn2 prev-step1 btn1 btn2">Previous</button>
                                                </li>
                                                <li>
                                                    <button type="button" class=" btn1 btn2 next-step1">Next</button>
                                                </li>
                                                <li>
                                                    <button type="submit" class="btn2 btn-primary btn1 btn2 btn-info-full form-sub1">Submit</button>
                                                </li>
                                            </ul>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="profile-b2">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <form method="POST" action="{{ route('change.password') }}">
                                                @csrf
                                                <div class="form-group">
                                                    <label for="userName">Current Password<span class="text-danger">*</span></label>
                                                    <input type="password" name="current_password" required="" placeholder="" class="form-control" id="current_password">
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6 form-group">
                                                        <label for="userName">New Password<span class="text-danger">*</span></label>
                                                        <input type="password" name="password" required="" placeholder="" class="form-control" id="password">
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label for="userName">Confirm Password<span class="text-danger">*</span></label>
                                                        <input type="password" name="password_confirmation" required="" placeholder="" class="form-control" id="password_confirmation">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6 form-group text-left mb-0">
                                                        <input class="btn btn-primary mr-1" type="submit" style="margin-top: 30px !important;" value="Update Password"/>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- end container-fluid -->
        <!-- Footer Start -->
        <!-- <footer class="footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                      <ul class="social">
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                    </ul>
                        <p>Copyright © 2021 Real Estate STO. All rights reserved.</p>
                    </div>
                </div>
            </div>
        </footer> -->
        <!-- end Footer -->
    </div>
    <!-- end content -->
    <!-- Footer Start -->
    <footer class="footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <ul class="social">
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                    </ul>
                    <p>Copyright © 2021 Real Estate STO. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- end Footer -->
   <!-- END content-page -->
@endsection
@section('scripts')
<script src="{{ asset('/js/parsley.js')}}"></script>
<script type="text/javascript">
    $(function () {
        var $sections = $('.form-section-div1');
        function navigateTo(index) {
            // Mark the current section with the class 'current'
            $sections
                .removeClass('current')
                .eq(index)
                .addClass('current');
            // Show only the navigation buttons that make sense for the current section:
            $('.prev-step1').toggle(index > 0);
            var atTheEnd = index >= $sections.length - 1;
            $('.next-step1').toggle(!atTheEnd);
            $('.form-sub1').toggle(atTheEnd);
        }
    
        function curIndex() {
            // Return the current index by looking at which section has the class 'current'
            return $sections.index($sections.filter('.current'));
        }
    
        // Previous button is easy, just go back
        $('.prev-step1').click(function() {
            navigateTo(curIndex() - 1);
        });
    
        // Next button goes forward iff current block validates
        $('.next-step1').click(function() { 
            $('#company-user1').parsley().whenValidate({
                group: 'block-' + curIndex()
            }).done(function() {
                navigateTo(curIndex() + 1);
            });
        });
  
        // Prepare sections by setting the `data-parsley-group` attribute to 'block-0', 'block-1', etc.
        $sections.each(function(index, section) {
            $(section).find(':input').attr('data-parsley-group', 'block-' + index);
        });
        navigateTo(0); // Start at the beginning

        $('.company_accredited_kyc_select').change(function(){
            $('.company_accredited_kyc_upload').hide();
            
            var id=$(this).val();
            $('#company_accredited_kyc_upload_'+id).show();        
        });
    });
</script> 
@endsection