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

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

@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.sign_in')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- crumb-area-end -->

<!-- shipping-area-start -->
<div class="checkout-area">
    <div class="container">
        <!-- session flash message -->
        {!! getFlashMessage() !!}
        <div class="row">
            <div class="col-xs-12">
                <div class="checkout-top">
                    <p>{{trans('message.sign_in_or_create_an_account') . "."}}</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12 col-xs-12">
                {!! Form::open(['url' => url('/sign-in'), 'method' => 'POST']) !!}
                <div class="billing-address">
                    <h4 class="checkout-box-title">{{trans('message.sign_in_information')}}</h4>
                    <div class="checkout-billing-adress-box">
                        <div class="billing-address-input clearfix">
                            <label>
                                {{trans('message.phone')}}
                                <span class="text-danger">*</span>
                            </label>
                            <input type="text" name="phone" required>
                        </div>
                        <div class="billing-address-input clearfix">
                            <label>
                                {{trans('message.password')}}
                                <span class="text-danger">*</span>
                            </label>
                            <input type="password" name="password" required>
                        </div>
                        <p class="remember-help">
                            <a href="{{ url('/reset-password') }}">{{trans('message.forgot_password') . "?"}}</a>
                        </p>
                    </div>
                    <div class="pib-save-change">
                        <button class="checkout-page-button hvr-bs">{{trans('message.sign_in')}}</button>    
                    </div>
                </div>
                {!! Form::close() !!}

            </div>
            <div class="col-md-6 col-sm-12 col-xs-12">
                {!! Form::open(['url' => url('/api-sign-up'), 'method' => 'POST']) !!}
                    <div class="billing-address">
                        <h4 class="checkout-box-title">{{trans('message.create_an_account')}}</h4>
                        <div class="checkout-billing-adress-box">
                            <div class="billing-address-input clearfix">
                                <label>
                                    {{trans('message.name')}}
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text" name="name" required>
                            </div>
                            <div class="billing-address-input clearfix">
                                <label>
                                    {{trans('message.phone')}}
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="number" name="phone" required>
                            </div>
                            <div class="billing-address-input clearfix">
                                <label>
                                    {{trans('message.email')}}
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="email" name="email" required>
                            </div>
                        </div>
                        <div class="pib-save-change">
                            <button class="checkout-page-button hvr-bs" type="submit">{{trans('message.submit')}}</button>    
                        </div>
                    </div>
                {!! Form::close() !!}

            </div>
        </div>
    </div>
</div>
<!-- shipping-area-end -->

<style type="text/css">
.checkout-top { margin-top: 23px; }
.checkout-billing-adress-box { padding: 21px 35px 5px 25px; }
.pib-save-change { text-align: left; padding: 0 20px; margin: 32px 0;}
.mrg-top-40 { margin-top: 40px; }
.pcb-content { padding: 25px 35px 25px; }
.align-right { text-align: right !important; }
.remember-help a {
    color: ;
}
</style>

@endsection