@extends('layouts.dashboard')
@section('stylesheets')
    <link rel="stylesheet" href="{{ asset('css/administrator/toastr.min.css') }}">
@endsection

@section('nav-top-left')
    <x-admin.nav-top-left pageTitle="Manage Your Password" pageSubTitle="Feel free to change your password"></x-admin.nav-top-left>
@endsection

@section('nav-top-right')
{{--    <x-admin.nav-top-right btnHref="#" class="btn add" datatarget="#" datatoggle="#" btnTitle="Create Call"></x-admin.nav-top-right>--}}
@endsection
@section('nav-bottom-left')
    <ul>
        <li><a href="{{ route('dashboard') }}"><i class="fas fa-chart-pie"></i> Dashboard</a></li>
    </ul>
@endsection

{{--@if($user->isSuperAdmin === 1)--}}
{{--    @section('nav-top-right')--}}
{{--        <x-admin.nav-top-right btnHref="{{route('test')}}" class="btn add"--}}
{{--                               datatarget="{{route('test')}}" datatoggle="modal"--}}
{{--                               btnTitle="Create Call"></x-admin.nav-top-right>--}}
{{--    @endsection('nav-top-right')--}}
{{--@endif--}}

@section('content')
    <section id="login-register">
    <div class="form-page-container container">
        <div class="row">
            <div class="form-container col-sm-12">
                <div class="row">
                    <h2 class="form-inner-title col-sm-12">Change Your Password</h2>
                </div>
                <form class="row needs-validation" action="{{route('change-password.submit')}}" method="POST" novalidate>
                    @csrf
{{--                    @method('PUT')--}}
                    <div class="form-field col-sm-12 col-md-12 invalid">
                        <label for="title" class="form-label">Current Password *</label>
                        <input type="password" class="form-control" name="current_password" id="title" required @if ($errors->has('current_password')) autofocus @endif>
                        <div class="invalid-feedback">
                            Please provide a valid title.
                        </div>
                        @error('current_password','updatePassword')
                        <span id="error"
                              class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-field col-sm-12 col-md-6">
                        <label for="new_password" class="form-label">New Password *</label>
                        <input type="password" class="form-control"  name="password" id="quote" placeholder="...">
                        <div class="valid-feedback">
                            Looks good!
                        </div>
                        <div class="invalid-feedback">
                            Please provide a valid title.
                        </div>
                    </div>
                    <div class="form-field col-sm-12 col-md-6">
                        <label for="quote" class="form-label">Retype New Password *</label>
                        <input type="password" class="form-control" name="password_confirmation" id="quote" placeholder="...">
                        <div class="valid-feedback">
                            Looks good!
                        </div>
                        <div class="invalid-feedback">
                            Please provide a valid title.
                        </div>
                    </div>
                    <div class="form-buttons col-sm-12">
                        <button type="reset"><i class="fas fa-redo-alt"></i> Reset</button>
                        <button type="submit"><i class="fas fa-save"></i> Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    </section>
@endsection()

@section('javascripts')
{{--    <script src="{{ asset('js/administrator/toastr.min.js') }}"></script>--}}
{{--    <script src="{{ asset('js/administrator/validation.js') }}"></script>--}}
{{--    {!! Toastr::message() !!}--}}
@endsection