@extends('front.layout')
@section('custom-style')
<style>
     .js-mega-menu{
        display:none !important;
    }
    
    .login-registration-submit-button
    {
        background: forestgreen!important;
        width:100%;
        color:#ffffff;
    }
    .login-registration-submit-button:hover
    {
        background: #FD1600!important;
        color: #000;
    }

    .movies-collection-image
    {
        width:100%;
        /* height:480px; */
        height: auto;
    }
     .active{
            color:#292826!important;
        }
        .pages-content
        {
            color:#292826!important;
            margin:0px 50px;
        }

        .breadcrump-section
        {
            padding-top:70px;
            background: #000f1e!important;
        }
        
    @media only screen and (max-width: 768px) {

        .mobile {
            flex: 0 0 100%;
            max-width: 100%;
        }


    }
        
</style>
@endsection
@section('content')
    <main id="content">

       
       

        {{-- <section class="breadcrump-section">
            <div class="bg-gray-1000 py-6 pt-lg-9 pb-lg-11 mb-lg-10" style="margin-bottom: 0px!important;">
                <div class="container px-md-5 mb-lg-2">
                    <h6 class="font-size-30 font-weight-semi-bold text-center mb-1">Set your account password</h6>
                    <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center p-0">

                    <li class="breadcrumb-item active" aria-current="page">Make your account password</li>

                    </ol>
                    </nav>
                 </div>

            </div>
        </section> --}}



    <!--overlay-->

    <div class="bg-gray-1100 space-1" style="padding-top:120px!important;">
        <div class="container px-md-6 px-xl-7 px-wd-6 pb-3 pt-1">
            <div class="pb-4">
                <div class="border-g-1200-op mb-1 pb-3">
                    <div class="dark">
                         <div class="row align-items-center">
                            <div class="col-8 mobile">
                                <img class="movies-collection-image" src="{{url('front/login-register/assets/images/Login-Page-PNG.png')}}" />
                            </div>
                            <div class="col-4 mobile">
                                <form method="POST" action="{{ route('profile.password.create') }}">
                                    {{ csrf_field() }}
                                    <h3 style="color:#fff;">Welcome, please set your account password</h3>
                                    <p style="color:#fff;"> For account security, we require you update your account password</p>
                                    <div class="form-group">
                                        <label>Password*</label>
                                        <input type="password" name="password"  class="form-control" value="{{old('password')}}" placeholder="**********" required>
                                        <input type="hidden" name="phone"  class="form-control" value="{{ Auth::user()->phone }}" required>
                                    </div>
                                    
                                    <div class="form-group">
                                        {!! NoCaptcha::renderJs() !!}
                                        {!! NoCaptcha::display() !!}
                                    </div>
                                    
                                    <div class="form-group">
                                        <button class="btn btn-primary login-registration-submit-button" type="submit">Set Account Password</button>
                                    </div>
                                    <br />
                                     

                                    @if(\Session::has('error'))
                                        <div class="col-xs-12">
                                            <li class="alert alert-danger">{!! \Session::get('error') !!}</li>
                                        </div>
                                    @endif

                                    @if ($errors->any())
                                        <div class="col-xs-12">
                                            @foreach ($errors->all() as $error)
                                                <li class="alert alert-danger">{{ $error }}</li>
                                            @endforeach
                                        </div>
                                    @endif
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Dakar Section End-->




        </div>
    </div>


    </main>
@endsection

@section('custom-script')



@endsection