@extends('dashboard.layout.layout')
@section('content')
<div class="main-panel">
    <!-- BEGIN : Main Content-->
    <div class="main-content">
      <div class="content-overlay"></div>
      <div class="content-wrapper"><div class="row">
</div>
<!-- Basic Inputs start -->
<section id="basic-input">
    <section id="dom" style="margin-top: -580px ">
        @if(session('success'))
        <div id="alert-success" class="alert alert-success mb-2" style="text-align: center;font-size: 17px" role="alert">
            {{ session('success') }}
        </div>
        @endif
    </section>
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 style="text-align: center" class="card-title">تغير كلمة السر</h4>
            </div>
            <div class="card-content">
                <div class="card-body">
                    <form action="{{ route('check-change-password') }}" method="POST"  id="editFromData" >
                        @csrf

                    <div class="row">

                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> كلمة السر القديمة</label>
                                    <input type="password" name="old_password" value="{{ old('old_password') }}" class="form-control" id="basicInput" placeholder="ادخل  كلمة المرور القديمه" required>
                                    @error('old_password')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                                <fieldset class="form-group">
                                    <label for="basicInput"> كلمة السر الجديدة</label>
                                    <input type="password" name="password" value="{{ old('password') }}" class="form-control" id="basicInput" placeholder=" ادخل كلمة السر"  required>
                                    @error('password')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            <button type="submit" id="saveBtn" style="margin-right:50%;margin-top: 25px" class="btn btn-primary mr-1 mb-1">حفظ</button>

                    </div>
                </form>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
  </div>
  <script>
     setTimeout(function() {
        var alertSuccess = document.getElementById('alert-success');
        if (alertSuccess) {
            alertSuccess.style.display = 'none';
        }
    }, 5000); // 5000 milliseconds = 5 seconds
  </script>
@endsection