@extends('components.main')
@section('custom-style')

<style>
    body {
        position: relative;
        min-height: 100vh;
        padding-bottom: 13%
    }

    footer {
        /* position: relative; */
        position: absolute;
        bottom: 0px;
        rigth: 0px;
        width: 100%;
    }
</style>
@endsection
@section('content')
<section class="login">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <img src="{{asset('main_site/img/character.png') }}" alt="">
                    </div>

                    <div class="col-md-6">
                        <div class="login-form">
                            <h1>@lang('forms.reset_password')</h1>

                            <form action="{{ route('reset.password.post') }}" method="POST">
                                @csrf
                                <div class="row">
                                    <input type="hidden" name="token" value="{{ $token }}" id="">
                                    <input type="hidden" name="email" value="{{ $email }}" id="">
                                    <div class="col-md-12">
                                        <input type="password" name="password" id=""
                                            placeholder="@lang('forms.password')">
                                    </div>
                                    <div class="col-md-12">
                                        <input type="password" name="password_confirmation" id=""
                                            placeholder="@lang('forms.confirm_password')">
                                    </div>

                                    <div class="col-md-12">
                                        <button type="submit">Set Password</button>
                                    </div>

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