@extends('adminlayout.admin')

 @section('content')

 <style >
     .cursor{
        cursor: pointer;
     }
     .nk-content-fluid{
        margin-top: 65px;
        position: relative;
     }
 </style>


<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">{{ $usertype }} Lists</h3>
                        <div class="nk-block-des text-soft">
                            @if($errors->any())
                            <p class="text-danger">
                                {{ implode('', $errors->all(':message')) }}
                            </p>
                            @endif
                            {{-- @if(Session::has('messages'))
                                <p class="{{ Session::get('alert-class') }}">
                                    {{ Session::get('messages') }}
                                </p>
                            @endif --}}
                            {{-- <p>You have total 2,595 users.</p> --}}
                        </div>
                    </div><!-- .nk-block-head-content -->
                    <div class="nk-block-head-content">
                        <div class="toggle-wrap nk-block-tools-toggle">
                            <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                            <div class="toggle-expand-content" data-content="pageMenu">
                                <ul class="nk-block-tools g-3">
                                    <li><a href="#" class="btn btn-white btn-outline-light"><em class="icon ni ni-download-cloud"></em><span>Export</span></a></li>
                                    <li class="nk-block-tools-opt">
                                        <div class="drodown">
                                            @if(Auth::user()->hasRole('super_admin'))
                                            <a href="#" class="dropdown-toggle btn btn-icon btn-primary" data-toggle="modal" data-target="#add-user"><em class="icon ni ni-plus"></em></a>
                                            @endif
                                            {{-- <a href="#" class="dropdown-toggle btn btn-icon btn-primary" data-toggle="dropdown"><em class="icon ni ni-plus"></em></a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <ul class="link-list-opt no-bdr">
                                                    <li><a href="#"><span>Add User</span></a></li>
                                                    <li><a href="#"><span>Add Team</span></a></li>
                                                    <li><a href="#"><span>Import User</span></a></li>
                                                </ul>
                                            </div> --}}
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- .toggle-wrap -->
                    </div><!-- .nk-block-head-content -->
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->
            <div class="nk-block">
                <div class="card card-bordered card-stretch">
                    <div class="card-inner-group">
                        <div class="card-inner position-relative card-tools-toggle">
                            <div class="card-title-group">
                                <div class="card-tools">
                                    <div class="form-inline flex-nowrap gx-3">
                                        <div class="form-wrap w-150px">
                                            <select class="form-select bulk-action-user" data-search="off" data-placeholder="Bulk Action" data-id="" url="{{url()->current()}}">
                                                <option value="">Bulk Action</option>

                                                <!--<option value="email" >Send Email</option>-->
                                                <!--<option value="user_tupe" >Change User Role</option>-->

                                                <!--<option value="pending" >Inactive User</option>

                                                <option value="active" >Active User</option>-->

                                                <option value="delete" >Delete User</option>

                                            </select>
                                        </div>
                                        <!--<div class="btn-wrap">
                                            <span class="d-none d-md-block"><button class="btn btn-dim btn-outline-light disabled">Apply</button></span>
                                            <span class="d-md-none"><button class="btn btn-dim btn-outline-light btn-icon disabled"><em class="icon ni ni-arrow-right"></em></button></span>
                                        </div>-->
                                    </div><!-- .form-inline -->
                                </div><!-- .card-tools -->
                                <div class="card-tools mr-n1">
                                    <ul class="btn-toolbar gx-1">
                                        {{-- <li>
                                            <a href="#" class="btn btn-icon search-toggle toggle-search" data-target="search"><em class="icon ni ni-search"></em></a>
                                        </li> --}}
                                        <!-- li -->
                                        <li class="btn-toolbar-sep"></li><!-- li -->
                                        <li>
                                            <div class="toggle-wrap">
                                                <a href="#" class="btn btn-icon btn-trigger toggle" data-target="cardTools"><em class="icon ni ni-menu-right"></em></a>
                                                <div class="toggle-content" data-content="cardTools">
                                                    <ul class="btn-toolbar gx-1">
                                                        <li class="toggle-close">
                                                            <a href="#" class="btn btn-icon btn-trigger toggle" data-target="cardTools"><em class="icon ni ni-arrow-left"></em></a>
                                                        </li><!-- li -->
                                                        <li>
                                                            <div class="dropdown">
                                                                <a href="#" class="btn btn-trigger btn-icon dropdown-toggle" data-toggle="dropdown">
                                                                    <div class="dot dot-primary"></div>
                                                                    <em class="icon ni ni-filter-alt"></em>
                                                                </a>
                                                                <div class="filter-wg dropdown-menu dropdown-menu-xl dropdown-menu-right">
                                                                    <div class="dropdown-head">
                                                                        <span class="sub-title dropdown-title">Filter Users</span>
                                                                        <div class="dropdown">
                                                                            <a href="#" class="btn btn-sm btn-icon">
                                                                                <em class="icon ni ni-more-h"></em>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="dropdown-body dropdown-body-rg">
                                                                        <form action="" method="get">
                                                                            <div class="row gx-6 gy-3">
                                                                                <div class="col-6">
                                                                                    <div class="form-group">
                                                                                        <label class="overline-title overline-title-alt">Search</label>
                                                                                        <input type="text" class="form-control" name="search" id="search" value="{{ Request::get('search') }}" placeholder="Search Any...">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-6">
                                                                                    <div class="form-group">
                                                                                        <label class="overline-title overline-title-alt">Status</label>
                                                                                        <select class="form-select" name="status" id="status">
                                                                                            <option value="any" @if(Request::get('status')=='any') {{ 'selected' }} @endif>Any Status</option>
                                                                                            <option value="1" @if(Request::get('status')=='1') {{ 'selected' }} @endif>Active</option>
                                                                                            <option value="0" @if(Request::get('status')=='0') {{ 'selected' }} @endif>Inactive</option>
                                                                                            {{-- <option value="suspend">Suspend</option>
                                                                                            <option value="deleted">Deleted</option> --}}
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-12">
                                                                                    <div class="form-group">
                                                                                        <button type="submit" class="btn btn-secondary filter-button">Filter</button>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="dropdown-foot between">
                                                                        <a class="clickable" href="javascript:void(0)">Reset Filter</a>
                                                                        <a href="javascript:void(0)">Save Filter</a>
                                                                    </div>
                                                                </div><!-- .filter-wg -->
                                                            </div><!-- .dropdown -->
                                                        </li><!-- li -->
                                                        <li>
                                                            <div class="dropdown">
                                                                <a href="#" class="btn btn-trigger btn-icon dropdown-toggle" data-toggle="dropdown">
                                                                    <em class="icon ni ni-setting"></em>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-xs dropdown-menu-right">
                                                                    <ul class="link-check">
                                                                        <li><span>Show</span></li>
                                                                        <li class=" cursor limitpaginate" value="10"><a>10</a></li>
                                                                        <li class=" cursor limitpaginate" value="20"><a>20</a></li>
                                                                        <li class=" cursor limitpaginate" value="50"><a>50</a></li>
                                                                    </ul>
                                                                    <ul class="link-check">
                                                                        <li><span>Order</span></li>
                                                                                                                                                <li class="{{ $desc }} cursor orderby" value="desc"><a>DESC</a></li>
                                                                        <li class="{{ $asc }} cursor orderby" value="asc"><a>ASC</a></li>
                                                                    </ul>
                                                                </div>
                                                            </div><!-- .dropdown -->
                                                        </li><!-- li -->
                                                    </ul><!-- .btn-toolbar -->
                                                </div><!-- .toggle-content -->
                                            </div><!-- .toggle-wrap -->
                                        </li><!-- li -->
                                    </ul><!-- .btn-toolbar -->
                                </div><!-- .card-tools -->
                            </div><!-- .card-title-group -->
                            <div class="card-search search-wrap" data-search="search">
                                <div class="card-body">
                                    <div class="search-content">
                                        <a href="#" class="search-back btn btn-icon toggle-search" data-target="search"><em class="icon ni ni-arrow-left"></em></a>
                                        <input type="text" class="form-control border-transparent form-focus-none" placeholder="Search by user or email">
                                        <button class="search-submit btn btn-icon"><em class="icon ni ni-search"></em></button>
                                    </div>
                                </div>
                            </div><!-- .card-search -->
                        </div><!-- .card-inner -->
                        <div class="card-inner p-0">
                            <div class="nk-tb-list nk-tb-ulist is-compact table-responsive" style="display: block; min-height: 250px;">
                                <div class="nk-tb-item nk-tb-head">
                                    <div class="nk-tb-col nk-tb-col-check">
                                        <div class="custom-control custom-control-sm custom-checkbox notext">
                                            <input type="checkbox" class="custom-control-input" id="uid">
                                            <label class="custom-control-label" for="uid"></label>
                                        </div>
                                    </div>
                                    <div class="nk-tb-col"><span class="sub-text">User</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Referral ID</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Phone</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Email</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Activated Date</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Joining Date</span></div>
                                    <div class="nk-tb-col"><span class="sub-text">Status</span></div>
                                    @if(Auth::User()->hasRole('super_admin') || Auth::User()->hasRole('admin'))
                                    <div class="nk-tb-col"><span class="sub-text">Action</span></div>
                                    @endif
                                </div>

                                @foreach ($users as $user)
                                   
                                    <div class="nk-tb-item">
                                        <div class="nk-tb-col nk-tb-col-check">
                                            <div class="custom-control custom-control-sm custom-checkbox notext">
                                                <input type="checkbox"  class="custom-control-input checkbox-user-list" id="uid{{$user->id}}" data-id="{{$user->id}}">
                                                <label class="custom-control-label" for="uid{{$user->id}}"></label>
                                            </div>
                                        </div>
                                        <div class="nk-tb-col">
                                            <div class="user-card">
                                                <div class="user-avatar xs bg-primary">
                                                    <span>{{ substr($user->name, 0, 2) }}</span>
                                                </div>
                                                <div class="user-info">
                                                    <span class="tb-lead">{{ $user->name }}</span>
                                                    <span>{{ $user->user_id }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nk-tb-col">
                                            <div class="user-info">
                                                @if($user->referral_details)
                                                <span class="tb-lead">{{ $user->referral_details->name }} </span>
                                                <span>{{ $user->referral_details->user_id }} </span>
                                                @else
                                                <span class="tb-lead"> Null</span>
                                                <span> Null</span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="nk-tb-col">
                                            <span>{{ $user->phone }}</span>
                                        </div>
                                        <div class="nk-tb-col">
                                            <span>{{ $user->email }}</span>
                                        </div>
                                        <div class="nk-tb-col">
                                            <span>{{ $user->activated_at }}</span>
                                        </div>
                                        <div class="nk-tb-col">
                                            <span>{{ $user->created_at }}</span>
                                        </div>
                                        <div class="nk-tb-col">
                                            @if($user->login_status=='approved')
                                            <span class="tb-status text-success">Active</span>
                                            @else
                                            <span class="tb-status text-warning">Inactive</span>
                                            @endif
                                        </div>
                                        @if(Auth::User()->hasRole('super_admin') || Auth::User()->hasRole('admin'))
                                            <div class="nk-tb-col nk-tb-col-tools">
                                                <ul class="nk-tb-actions gx-2">
                                                    <li class="nk-tb-action-hidden">
                                                        <a href="#" class="btn btn-sm btn-icon btn-trigger" data-toggle="tooltip" data-placement="top" title="Wallet">
                                                            <em class="icon ni ni-wallet-fill"></em>
                                                        </a>
                                                    </li>
                                                    <li class="nk-tb-action-hidden send-email-to-user" data-email="{{$user->email}}" data-name="{{$user->name}}">
                                                        <a  class="btn btn-sm btn-icon btn-trigger " data-toggle="tooltip" data-placement="top" title="Send Email">
                                                            <em class="icon ni ni-mail-fill"></em>
                                                        </a>
                                                    </li>
                                                    <!--<li class="nk-tb-action-hidden">
                                                        <a href="#" class="btn btn-sm btn-icon btn-trigger" data-toggle="tooltip" data-placement="top" title="Suspend">
                                                            <em class="icon ni ni-user-cross-fill"></em>
                                                        </a>
                                                    </li>-->
                                                    <li>
                                                        <div class="drodown">
                                                            <a href="#" class="btn btn-sm btn-icon btn-trigger dropdown-toggle" data-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="link-list-opt no-bdr">
                                                                    <li class="cursor"><a href="{{route('userdetails',['id'=>$user->id])}}"><em class="icon ni ni-eye"></em><span>View Details</span></a></li>
                                                                    <li><a href="{{route('edituserdetails',['id'=>$user->id])}}"><em class="icon ni ni-pen"></em><span>Edit Details</span></a></li>
                                                                    <li class="cursor reset-password-userlist" data-id="{{$user->id}}" data-name="{{$user->name}}"><a ><em class="icon ni ni-shield-star"></em><span>Reset Pass</span></a></li>

                                                                    <li class="cursor"><a href="{{route('send_emial_verification',['id'=>$user->id])}}"><em class="icon ni ni-eye"></em><span>Email Send for Verify </span></a></li>

                                                                    <li class="divider"></li>
                                                                    <li class="cursor delete-user-userlist" data-id="{{$user->id}}" url="{{url()->current()}}" table="users"><a ><em class="icon ni ni-trash"></em><span>Delete User</span></a></li>

                                                                    <!--@if($user->status)
                                                                    <li class="cursor change-status-user" val="{{$user->status}}" data-id="{{$user->id}}" name="{{$user->name}}"><a ><em class="icon ni ni-na"></em><span>Inactive User</span></a></li>
                                                                    @else
                                                                    <li class="cursor change-status-user" val="{{$user->status}}" data-id="{{$user->id}}" name="{{$user->name}}"><a ><em class="icon ni ni-check-circle"></em><span>Active User</span></a></li>
                                                                    @endif-->
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        @endif
                                    </div>
                                @endforeach
                                
                            </div><!-- .nk-tb-list -->
                        </div><!-- .card-inner -->
                    </div><!-- .card-inner-group -->
                </div><!-- .card -->
            </div><!-- .nk-block -->
        </div>
    </div>
</div>


<div class="modal fade" role="dialog" id="change-user-password-userlist">
    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
            <div class="modal-body modal-body-lg">
                <h5 class="title">Change Your Password</h5>
                <ul class="nk-nav nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#personal-document">Password</a>
                    </li>
                    
                </ul><!-- .nav-tabs -->
                <div class="tab-content">
                    <div class="tab-pane active" id="personal-document">
                        <form action="{{route('userlistchangepassword')}}" method="post">
                            @csrf
                        <div class="row gy-4">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <div class="form-label-group">
                                        <label class="form-label" for="password">Change Passcode</label>
                                        
                                    </div>
                                    <div class="form-control-wrap">
                                        <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch lg" data-target="password">
                                            <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                            <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                        </a>

                                        <input name="password" autocomplete="new-password" type="password"  class="form-control form-control-lg" required id="password" placeholder="Enter your passcode">
                                        <input type="hidden" name="url" value="admin_list">
                                        <input type="hidden" name="id" value="" id="id_of_user">
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                    <li>
                                        <button type="submit" class="btn btn-lg btn-primary">Change  Password</button>
                                    </li>
                                    <li>
                                        <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </form>
                    </div><!-- .tab-pane -->
                    
                </div><!-- .tab-content -->
            </div><!-- .modal-body -->
        </div><!-- .modal-content -->
    </div><!-- .modal-dialog -->
</div>

<!--send email modal-->



<div class="modal fade" role="dialog" id="add-user">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
            <div class="modal-body modal-body-lg">
                <h5 class="title">Add User</h5>
                <div class="tab-content">
                    <div class="card card-bordered">
                        <div class="card-inner">
                            <form action="{{ route('add_user') }}" method="POST" class="nk-wizard nk-wizard-simple is-alter" id="wizard-01">
                                @csrf
                                <input type="hidden" id="wizardLength" value="1">
                                <input type="hidden" name="user_type" value="{{ $role_slug }}">
                                <input type="hidden" name="page_name" value="{{ $role_slug.'_list' }}">
                                <div class="nk-wizard-head">
                                    <h5>User Details</h5>
                                </div>
                                <div class="nk-wizard-content">
                                    <div class="row gy-3">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="referral_id">Referral ID</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="referral_id" id="referral_id" value="{{ old('referral_id') }}" class="form-control required @error('referral_id') error @enderror" placeholder="Enter your user id" data-msg="Required" required>
                                                    @error('referral_id')
                                                        <p class="text-danger">{{ $message }}</p>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="pan_no">PAN Number</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="pan_no" class="form-control @error('pan_no') error @enderror" id="pan_no" placeholder="Enter PAN number" value="{{ old('pan_no') }}" onblur="PanValidate(this.value)" data-msg="Required" required>
                                                    @error('pan_no')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror
                                                    <p class="text-danger" id="pan_error"></p>
                                                </div>
                                            </div> 
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="name">Name</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="name" class="form-control @error('name') error @enderror" id="name" placeholder="Enter your name" value="{{ old('name') }}" data-msg="Required" required>
                                                    @error('name')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror                            
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="father_name">Father Name</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="father_name" class="form-control @error('name') error @enderror" id="father_name" placeholder="Enter your name" value="{{ old('father_name') }}" data-msg="Required" required>
                                                    @error('father_name')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror                            
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="email">Email</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="email" class="form-control @error('email') error @enderror" id="email" placeholder="Enter your email address" value="{{ old('email') }}" data-msg="Required" required>
                                                    @error('email')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="phone">Phone</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="phone" class="form-control @error('phone') error @enderror" id="phone" placeholder="Enter your phone" value="{{ old('phone') }}" data-msg="Required" required>
                                                    @error('phone')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="nk-wizard-head">
                                    <h5>Address Details</h5>
                                </div>
                                <div class="nk-wizard-content">
                                    <div class="row gy-3">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="pin">Pin Code</label>
                                                <div class="form-control-wrap">
                                                    <input type="text" name="pin" class="form-control  @error('pincode') error @enderror" id="pin" placeholder="Enter pin Code" value="" onkeyup="getPostOffice(this.value)" onblur="changeAddress(this.value)" data-msg="Required" required>
                                                    @error('pin')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror
                                                    <p class="text-danger" id="pin_error"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="email">Select Town/City</label>
                                                <div class="form-control-wrap">
                                                    <select class="form-control" name="post_office" id="post_office" onchange="changeAddress()" data-msg="Required" required>
                                                        <option></option>
                                                    </select>
                                                    
                                                    <input type="hidden" name="city" value="" id="city">
                                                    <input type="hidden" name="state" value="" id="state">
                                                    <input type="hidden" name="country" value="" id="country">
                                                    <input type="hidden" name="latitude" id="latitude" value="">
                                                    <input type="hidden" name="longitude" id="longitude" value="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="email">Write full address</label>
                                                <div class="form-control-wrap">
                                                    <textarea class="form-control @error('address') error @enderror" name="address" id="address" rows="3" data-msg="Required" required style="min-height: 85px;">{{ old('address') }}</textarea>
                                        
                                                    @error('address')
                                                    <p class="text-danger">{{ $message }}</p>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" data-msg="Required" class="custom-control-input required" name="fw-policy" id="fw-policy" required>
                                                <label class="custom-control-label" for="fw-policy">I agreed Terms and policy</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- .tab-content -->
            </div><!-- .modal-body -->
        </div><!-- .modal-content -->
    </div><!-- .modal-dialog --> 
</div>


@endsection
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
{{-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> --}}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
    function getPostOffice(m_pincode) {
        //var pin_select = ('#pinaddress').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + m_pincode,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    var len = PostOffice.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    $('#pin_error').html("");
                    $('#post_office').html(option);

                    $("#post_office").on("click", function() {

                    });
                    document.getElementById('post_office').click();

                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
    }

    function changeAddress() {
        var pin             = $('#pin').val();
        var post_office     = $('#post_office').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + pin,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var pin_select_status = 0;
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        if (post_office == PostOffice[index].Name) {
                            pin_select_status   = 1;
                            $('#city').val(PostOffice[index].District);
                            $('#state').val(PostOffice[index].State);
                            $('#country').val(PostOffice[index].Country);
                        }
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    if (pin_select_status == 0) {
                        $('#pin_error').html("Error Please re-select address.");
                        $('#post_office').html(option);
                    } else {
                        $('#pin_error').html('');
                    }
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html('');
                }
            }
        });
    }

    function PanValidate(panVal) {
        var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;

        if(regpan.test(panVal)){
            // valid pan card number
            
            // $('#pan_error').html('');
            // var url = "{{ url('pan_validate') }}";

            // $.ajax({
            //     url: url,
            //     headers: {
            //         'X-CSRF-TOKEN': '{{ csrf_token() }}'
            //     },
            //     type: "POST",
            //     data: {
            //         'pan': panVal
            //     },
            //     dataType: 'json',
            //     context: this,
            //     success: function(result) {
            //         if(result.message=="PAN verified successfully"){
            //             $('#name').val(result.registered_name);
            //             $('#father_name').val(result.father_name);
            //         } else {
            //             $('#name').val('');
            //             $('#father_name').val('');
            //             $('#pan_error').html(result.message);
            //         }
            //         console.log(result);
            //     },
            //     error: function(error) {
            //         console.log(error.responseText);
            //     }
            // });
        } else {
            $('#pan_error').html('invalid pan card number');
        }
    }



    getLocation();
    function getLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
      } else { 
        alert("Geolocation is not supported by this browser.");
      }
    }
    
    function showPosition(position) {
        
      document.getElementById("latitude").value=position.coords.latitude;
      document.getElementById("longitude").value=position.coords.longitude;
      sessionStorage.setItem("latitude", position.coords.latitude);
      sessionStorage.setItem("longitude", position.coords.longitude);
    }
</script>

@if($errors->any())
    <script>
        jQuery.noConflict();
        $(window).on('load', function() {
            $('#add-user').modal('toggle');
        });
    </script>
@endif

@if(Session::has('message'))
    @if(Session::get('message')=="User added successfully!")
        <script>
            jQuery.noConflict();
            $(window).on('load', function() {
                var url = "