@extends('templates.'. $template_name .'.layouts.default')

@section('title', trans('message.reset_password'))

@section('content')

<!-- crumb-area-start -->
<div class="crumb-area">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="crumb">
                    <ul class="crumb-list">
                        <li><a href="{!! url('/')!!}">{{trans('message.home')}}</a></li>
                        <li class="active"><a href="#">{{trans('message.reset_password')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- crumb-area-end -->

<!-- order-tracker-area-start -->
<div class="order-tracker-area">
    <div class="container">
        <!-- session flash message -->
        {!! getFlashMessage() !!}
        <div class="row">
            <div class="col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
                <div class="order-tracker">
                    <p class="ot-text">{{trans('message.reset_password')}}</p>
                    <div class="ot-input-box">
                        {!! Form::open(['url' => url('/api-reset-password'), 'method' => 'POST']) !!}
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>{{trans('message.enter_your_phone')}}</label>
                                    <input type="text" class="small-width" name="phone" required>
                                 </div>
                                <div class="col-xs-12">
                                    <div class="track">
                                        <button class="hvr-bs">{{trans('message.submit')}}</button>
                                    </div>
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- order-tracker-area-end -->

<style type="text/css">
.ot-text { margin-bottom: 23px;}
.small-width { width: 35% !important; }
</style>

@endsection

@section('script')
<script type="text/javascript">
$(function(){
    // code here
});
</script>
@endsection