@extends('frontend.layouts.master',['page'=>\App\Models\Page::where('heading','Login')->first()])

@section('content')
    <div class="content pt-0 d-flex flex-column flex-column-fluid" id="kt_content">

        <!--  Login -->
        <div class="bg-image bg-white">
            <div class="py-20">
                <div class="container p-lg-0">
                    <div class="row justify-content-center">
                        <div class="col-lg-10">
                            <div class="bg-primary-dark-oprounded">
                                <div class="row g-0 ">
                                    @if(session('error'))
                                        <div class="col-lg-12">
                                            <div class="p-3">
                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                    <strong>Error !</strong> {{session('error')}}
                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if(session('warning'))
                                        <div class="col-lg-12">
                                            <div class="p-3">
                                                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                                    <strong>Warning !</strong> {{session('warning')}}
                                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-lg-6">
                                        <div class="h-100 shadow-sm p-5 mx-auto text-center">
                                            <img src="{{asset('img/login.png')}}" alt="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <!--begin::Wrapper-->
                                        <div class="bg-white shadow-sm p-10 mx-auto">
                                            <!--begin::Form-->
                                            <form method="POST" action="{{url('api/v1/ecommerce/reset-password/'.$token) }}">
                                            {{csrf_field()}}
                                            <!--begin::Heading-->
                                                <div class="text-center mb-10">
                                                    <!--begin::Title-->
                                                    <h1 class="text-dark mb-3">Sign In to {{site_setting()->site_name}}</h1>
                                                    <!--end::Title-->

                                                </div>
                                                <!--begin::Heading-->
                                                <!--begin::Input group-->
                                                <div class="fv-row mb-10">
                                                    <div class="d-flex flex-stack mb-2">
                                                        <!--begin::Link-->
                                                        <h2 class="link-primary fs-6 fw-bolder">Email </h2>
                                                        <!--end::Link-->
                                                    </div>
                                                    <!--begin::Input-->
                                                    <input class="form-control form-control-lg form-control-solid"
                                                           type="email" name="email" :value="old('email')" required autofocus />
                                                    <!--end::Input-->
                                                </div>
                                                <!--end::Input group-->
                                                <!--begin::Input group-->
                                                <div class="fv-row mb-10">
                                                    <!--begin::Wrapper-->
                                                    <div class="d-flex flex-stack mb-2">
                                                        <!--begin::Link-->
                                                        <h2
                                                           class="link-primary fs-6 fw-bolder"> Password </h2>
                                                        <!--end::Link-->
                                                    </div>
                                                    <!--end::Wrapper-->
                                                    <!--begin::Input-->
                                                    <input class="form-control form-control-lg form-control-solid block mt-1 w-full"
                                                           id="password"  type="password" name="password" required autocomplete="current-password" />
                                                    <!--end::Input-->
                                                </div>
                                                <div class="fv-row mb-10">
                                                    <!--begin::Wrapper-->
                                                    <div class="d-flex flex-stack mb-2">
                                                        <!--begin::Link-->
                                                        <h2
                                                           class="link-primary fs-6 fw-bolder">confirm Password </h2>
                                                        <!--end::Link-->
                                                    </div>
                                                    <!--end::Wrapper-->
                                                    <!--begin::Input-->
                                                    <input class="form-control form-control-lg form-control-solid block mt-1 w-full"
                                                           id="password confirmation"  type="password" name="password confirmation" required autocomplete="current-password" />
                                                    <!--end::Input-->
                                                </div>
                                                <!--end::Input group-->
                                                <!--begin::Actions-->
                                                <div class="text-center">
                                                    <!--begin::Submit button-->
                                                    <button type="submit" id="kt_sign_in_submit"
                                                            class="btn btn-lg btn-primary w-100 mb-5">
                                                        <span class="indicator-label">Change Password</span>
                                                        <span class="indicator-progress">Please wait...
                                                            <span
                                                                    class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                    <!--end::Submit button-->
                                                </div>
                                                <!--end::Actions-->
                                            </form>
                                            <!--end::Form-->
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end:: Login end-->

    </div>
@endsection