@extends('layouts.app')
@section('content')
    <div class="table-responsive custom-table-s1">
        @if(session()->has('success'))
            <div class="alert alert-success">{{ session()->get('success') }}</div>
        @endif

        @if(session()->has('error'))
            <div class="alert alert-danger">{{ session()->get('error') }}</div>
        @endif
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Change Password</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card forms-card">
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form class="form-horizontal" method="POST" action="{{ route('changePassword') }}">
                                                @csrf
                                                <div class="outer-div">
                                                    <div class="inner-div">
                                                        <div class="form-group row">

                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Current Password</label>
                                                                    <input type="password" class="form-control @error('current-password') is-invalid @enderror" placeholder="Enter Current Password"
                                                                        id="current-password" name="current-password" maxlength="8">
                                                                    @error('current-password')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Enter New password</label>
                                                                    <input type="password" class="form-control @error('new-password') is-invalid @enderror" placeholder="Enter New password"
                                                                        id="new-password" name="new-password" maxlength="8">

                                                                    @error('new-password')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label>Confirm New Password</label>
                                                                    <input type="password" class="form-control @error('new-password_confirmation') is-invalid @enderror" placeholder="Confirm New Password"
                                                                        id="new-password-confirm" name="new-password_confirmation" maxlength="8">
                                                                    @error('new-password_confirmation')
                                                                        <div class="error" style="color:red;">{{ $message }}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="inner-div">
                                                    <div class="form-group">
                                                        <div class="d-flex justify-content-end">
                                                            <button type="submit" class="btn btn-primary btn-form">Submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
@endsection