@extends('layouts.app')
@section('header')
    @include('layouts.partials.login-header')
@endsection
@section('content')
    <div class="main-wrapper">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="preloader">
            <div class="lds-ripple">
                <div class="lds-pos"></div>
                <div class="lds-pos"></div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Login box.scss -->
        <!-- ============================================================== -->
        <div class="auth-wrapper d-flex no-block justify-content-center align-items-center">
            <div class="auth-box">
                <div id="login-form">
                    <div class="logo">
                        <span class="db"><img src="{{asset('assets/images/turkeyana-logo.png')}}" width="150" class="mb-2" alt="logo" /></span>
                        <h5 class="font-medium m-b-20">{{__("Reset Password")}}</h5>
                    </div>
                @include('layouts.partials.flash-message')
                <!-- Form -->
                    <div class="row">
                        <div class="col-12">
                            <form class="form-horizontal m-t-20 validate-form" id="reset-password-form" method="post" action="{{ route('resetPassword') }}">
                                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                <div class="form-group">
                                    <label for="password">{{__("Password")}}</label>
                                    <input id="password" type="password" class="form-control validate[required] password-validate" name="password">
                                </div>
                                <div class="form-group">
                                    <label for="confirm-password">{{__("Confirm Password")}}</label>
                                    <input id="confirm-password" type="password" class="form-control validate[required,equals[password]] password-validate" name="password">
                                </div>
                                <input type="hidden" name="user_id" value="{{request()->get('id')}}">
                                <div class="form-group text-center">
                                    <div class="col-xs-12 p-b-20">
                                        <button class="btn btn-block btn-lg btn-info" type="submit">{{__("Save")}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- Login box.scss -->
        <!-- ============================================================== -->
    </div>

@endsection

@section('footer')
    @include('layouts.partials.login-footer')
@endsection