@extends('layouts.user')
@section('title','Change Pin')
@section('content')

<div class="row justify-content-center">
    <div class="col-md-12">

        <div class="card">
            <div class="card-header">
                <h3>{{ __('Change Pin') }}</h3>
            </div><br><br>
            <div class="card-body">
                <div class="alert alert-danger" id="error" style="display: none"></div>
                <form class="" method="POST" id="change-pin-form" action="{{ route('user.change.pin') }}">
                    @csrf


                    <div class="form-group row">
                        <label for="pin"
                            class="col-md-4 col-form-label text-md-right">{{ __('Old Pin') }}</label>

                        <div class="col-md-6">
                            <input placeholder="Old Pin" class="form-control" id="oldpin" type="password"
                                name="oldpin" required>

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="pin"
                            class="col-md-4 col-form-label text-md-right">{{ __('New Pin') }}</label>

                        <div class="col-md-6">
                            <input id="pin" placeholder="New Pin" class="form-control" type="password"
                                name="pin" required>

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="pin"
                            class="col-md-4 col-form-label text-md-right">{{ __('Confirm New Pin') }}</label>

                        <div class="col-md-6">
                            <input id="pin-confirm" placeholder="Confirm Pin" class="form-control"
                                type="password" name="pin_confirmation" required>

                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <div class="col-md-8 offset-md-4">
                            <button type="submit" class="btn btn-primary">
                                {{ __('Change Pin') }}
                            </button>

                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection