@extends('companyuser::layouts.auth')
@section('navbar') @endsection
@section('sidebar') @endsection
@section('title',__('Reset Password'))
@section('extra-styles')
    <style>
        .pa-subscribe-widget-round.pa-unsubscribe, .pa-subscribe-widget-side.pa-unsubscribe{
            display: none;
        }
    </style>
@endsection
@section('content')
<div class="container PasswordContainer">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body add-form-section filter-section-collapse">
                    {{-- @include('companyuser::errors.lists') --}}
                    {{-- it took me alot of time to figure this out --}}
                    {{-- any error that realted to invaild token or invalid email is send as email error so since we show validtion error only for
                        password input field so we add show error for email if found to display this errors --}}
                    @if ($errors->has('email'))
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->get('email') as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form method="POST" action="{{ route('company.password.update',$subdomain) }}" novalidate>
                        @csrf
                        <div class="row">
                            <div class="col-lg-9  col-md-10 col-xs-12">

                                <h4 class="form-section"><i class="ft-user"></i> {{ __('Reset Password') }}</h4>
                                <input type="hidden" name="token" value="{{ $token }}">
                                <input type="hidden" name="email" value="{{ $email }}">
                                <div class="form-group row">
                                    <label for="password" class="col-md-3">{{ __('Password') }}</label>
                                    <div class="col-md-9">
                                        <input id="password" type="password"
                                            class="form-control @error('password') is-invalid @enderror" name="password"
                                            autocomplete="new-password" onpaste="return false;">
                                        <span style="font-style: italic;color: #a9a6a6;font-size: 12px;">
                                            @lang('Hint: Password should be between 8 and 16 characters')
                                        </span>

                                        @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <p>{{ $message }}</p>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="password-confirm"
                                        class="col-md-3">{{ __('Confirm Password') }}</label>
                                    <div class="col-md-9">
                                        <input id="password-confirm" type="password"
                                            class="form-control @error('password_confirmation') is-invalid @enderror"
                                            name="password_confirmation" required autocomplete="new-password"
                                            onpaste="return false;">
                                        @error('password_confirmation')
                                        <span class="invalid-feedback" role="alert">
                                            <p>{{ $message }}</p>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div
                            class="row my-1 d-flex justify-content-center text-center actions-btn-align action-btn-custom mb-0">
                            <div class="col-lg-2 col-md-3 text-center mb-1">
                            <a class="btnWidth btn btn-warning text-white btn-custom-padding" href="{{route("company.dashboard-home",$subdomain)}}">
                                <span class="text-white">
                                    @lang("Cancel")
                                </span>
                             </a>
                            </div>
                            <div class="col-lg-2 col-md-3 text-center mb-1">
                                <button type="submit" class="btn btn-primary btnWidth btn-custom-padding">
                                    {{ __('Reset Password') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_general_pages_password_reset');
        console.log('web_general_pages_password_reset event');
    </script>
@endsection