@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Profile')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Settings</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Settings</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    @if (session('success'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.success('{{ session('success') }}');
                        </script>
                    @endif

                    <form action="{{ route('change-password') }}" method="POST">
                        @csrf
                        <fieldset>

                            <!-- Form Name -->
                            <legend>Password</legend>

                            <!-- Password input-->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="currentpassword">Current Password</label>
                                <div class="col-md-4">
                                    <input id="currentpassword" name="currentpassword" type="password"
                                        placeholder="Current Password"
                                        class="form-control input-md @error('currentpassword') is-invalid @enderror"
                                        required>
                                    @error('currentpassword')
                                        <span class="invalid-feedback" role="alert">
                                            {{ $message }}
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Password input-->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="newpassword">New Password</label>
                                <div class="col-md-4">
                                    <input id="newpassword" name="newpassword" type="password" placeholder="New Password"
                                        class="form-control input-md @error('newpassword') is-invalid @enderror" required>
                                    @error('newpassword')
                                        <span class="invalid-feedback" role="alert">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Password input-->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="confirmpassword">Confirm Password</label>
                                <div class="col-md-4">
                                    <input id="newpasswordconfirmation" name="newpassword_confirmation" type="password"
                                        placeholder="Confirmed Password"
                                        class="form-control input-md @error('newpassword') is-invalid @enderror" required>
                                </div>
                            </div>

                            <!-- Button -->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="submit">
                                    <div class="col-md-4">
                                        <button id="submit" name="submit" class="btn btn-primary">Change
                                            Password</button>
                                    </div>
                                </label>
                            </div>

                        </fieldset>
                    </form>



                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    &nbsp;
@stop