@extends('layouts.admin')

@section('title') Settings @endsection

@section('content')


            <div class="settingcontentbox">
                {{-- <div class="notificationBox">
                    <div class="notificationLeft">
                        <figure>
                            <img src="{{asset('img/notification.png')}}">
                        </figure>
                        <article class="textcontent">
                            <h3>Notification</h3>
                            <!-- <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
                                has been the industry's standard dummy text </p> -->
                        </article>
                    </div>
                    <div class="notificationRight">
                        <label class="switch">
                            <input type="checkbox" id="changeNotificationInput" data-redirect_url="{{route('changeNotificationStatus')}}" {{!empty($admin->notification)?'checked':''}}>
                            <span class="slider round"></span>
                        </label>
                    </div>
                </div> --}}
                <div class="changePassword">
                        <div class="notificationLeft">
                                <figure>
                                    <img src="{{asset('img/passwordkey.png')}}">
                                </figure>
                                <article>
                                    <h3>Password</h3>
                                </article>
                        </div>
                    <div class="changePassword mt-3">
                    <div class="passwordfield">
                                <label>Password</label>
                                <input type="password" class="form-control type_password" placeholder="" value="{{@$admin->old_password}}" id="old_password_input">
                            </div>
                            <div class="notificationRight my-4">
                                <a href="javascript:;" class="nextbtn change_password_btn">Change Password</a>
                            </div>
                    </div>
                </div>
                <!-- <div class="notificationBox">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <div class="notificationLeft">
                                <figure>
                                    <img src="{{asset('img/passwordkey.png')}}">
                                </figure>
                                <article>
                                    <h3>Password</h3>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        Ipsum has been the industry's standard dummy text </p>
                                </article>
                            </div>
                        </div>

                        <div class="col-md-2" id="old_password_div">
                            <div class="passwordfield">
                                <label>Password</label>
                                <input type="password" class="form-control type_password" placeholder="" value="{{@$admin->old_password}}" id="old_password_input">
                            </div>
                        </div>
                        <div class="col-md-2" id="change_password_btn_div">
                            <div class="notificationRight">
                                <a href="javascript:;" class="nextbtn change_password_btn">Change Password</a>
                            </div>
                        </div>
                    </div>

            </div> -->
            <div class="row" style="display: none;" id="change_password_div">
                <form method="POST" class="changePassForm" action="{{route('setting.changePassword')}}">
                  @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="passlabel" for="exampleInputPassword1">New Password </label>
                                    <input id="idPasswordchange1" class="form-control type_password {{ $errors->has('new_password') ? ' is-invalid' : '' }}" type="password" placeholder="Enter Password" name="new_password" value="{{old('new_password')}}">
                                   <!--  <span class="toggle_password_">
                                <span class="show-icon togglePasswordchange1"></span>
                            </span> -->
                              @if ($errors->has('new_password'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('new_password') }}</strong>
                                </span>
                            @endif
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <label class="passlabel" for="exampleInputPassword2">Confirm New Passwordd </label>
                                    <input id="idPasswordchange2" class="form-control type_password {{ $errors->has('confirm_password') ? ' is-invalid' : '' }}" type="password"  placeholder="Confirm Password" name="confirm_password" value="{{old('confirm_password')}}">
                                   <!--  <span class="toggle_password_">
                                <span class="show-icon togglePasswordchange2"></span>
                            </span> -->

                             @if ($errors->has('confirm_password'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('confirm_password') }}</strong>
                                </span>
                            @endif
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-12 mt-3">
                                <button type="Submit" class="btn nextbtn">Reset Password</button>
                                <button type="button" class="btn backbtn" id="discard_btn">Discard</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            </div>



		<script type="text/javascript">
        document.getElementById("changeNotificationInput").onclick = function (event) {
         console.log(event.target.dataset.redirect_url)
        location.href = event.target.dataset.redirect_url;
    }
    </script>
       @if (count($errors) > 0 || session()->has('error'))
    <script type="text/javascript">
        document.getElementById('change_password_div').style.display = 'block';
       document.getElementById('old_password_div').style.display = 'none';
       document.getElementById('change_password_btn_div').style.display = 'none';
    </script>

    @endif

@endsection