@extends('anggota.layouts.layout_dashboard')

@section("title") Ganti Password @endsection

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('anggota.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section('header-scripts')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@endsection

@section('footer-scripts')
    @include('petugas.components.notification')
@endsection

@section('content')
    <div class="row">

        <div class="col">

            <div class="card ">
                <div class="card-header card-header-info card-header-icon">
                    <div class="card-icon">
                        <i class="material-icons">edit</i>
                    </div>
                    <h4 class="card-title">Ganti Password</h4>
                </div>
                <div class="card-body ">
                    <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6 text-right">
                        </div>
                    </div>
                    @if($anggota->default_password == true)

                        <div class="alert alert-danger text-center alert-dismissible fade show" role="alert">
                            <h3 class="m-0">Segera Ganti Password Default Anda! Untuk Keamanan Data yang Lebih Baik</h3>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif
                    
                    {{ Form::open(['route' => ['anggota.request_ganti_password'],'method'=>'PUT','enctype'=>"multipart/form-data"]) }}
                    {{ Form::hidden('fff',bin2hex(auth()->guard('anggota')->user()->username)) }}
                    <div class="row">
                        <label for="password" class="col-sm-2 col-form-label">Password*</label>
                        <div class="col-sm-9">
                            <div class="form-group">
                                {{ Form::password('password',  [
                                        'id'=>"password" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}
                                @error('password')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="password_confirm" class="col-sm-2 col-form-label">Konfirmasi Password*</label>
                        <div class="col-sm-9">
                            <div class="form-group">
                                {{ Form::password('password_confirm',  [
                                        'id'=>"password_confirm" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}
                                @error('password_confirm')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="text-center">
                        <input class="btn btn-info btn-sm" type="submit" value="Simpan" />
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@endsection