@extends('layouts/main')

@push('styles')
    <link rel="stylesheet" href=" {{ asset('assets/css/login.css') }} ">
@endpush

@section('content')
    <div class="login-container">
        <div class="overlay"></div>
        <div class="login-background">
            <div class="login-box">
                <form action="{{ route('reset-password-web') }}" method="POST">

                        <div class="box-header">
                            <img src="{{ asset('/assets/imgs/image-admin.png') }}" alt="Logo" class="logo">
                            <h1>Reset your password</h1>
                            <h5>Enter your new password to continue.</h5>
                        
                        </div>
                        @csrf
                        <div class="d-none">
                            <input type="email" value="{{$email}}" name="email">
                            <input type="text" value="{{$token}}" name="token">
                        </div>
                        <div class="mb-3 input-group">
                            <label for="password">Password</label>
                            <input type="password" name="password" required>
                        </div>
                        <div class="mb-3 input-group">
                            <label for="password">Confirm Password</label>    
                            <input type="password" name="confirm-password" required>
                        </div>
                        <button type="submit" class="btn btn-main-oultine mt-3">Send</button>
                </form>
            </div>
        </div>
    </div>
@endsection


@error('password')
    @section('alert')
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror

@section('title')
    MA | login
@endsection