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

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

@section('content')
    <div class="main-content shop-page login-page">
        <div class="container">
            <div class="breadcrumbs">
                <a href="{!! url('/')!!}">{{trans('message.home')}}</a> \ <span class="current">{{trans('message.sign_in')}}</span>
            </div>

            <div class="login-register-form content-form row">
                <!-- session flash message -->
                {!! getFlashMessage() !!}

                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    {!! Form::open(['url' => url('/sign-in'), 'method' => 'POST']) !!}
                    <div class="login-form">
                        <h4 class="main-title">{{trans('message.sign_in_information')}}</h4>
                        <span class="label-text">{{trans('message.phone')}}</span>
                        <input type="text" name="phone" class="input-info" required>

                        <span class="label-text">{{trans('message.password')}}</span>
                        <input type="password" name="password" class="input-info" required>

                        <p>
                            <a href="{{url('/reset-password')}}">
                                {{trans('message.forgot_password') . "?"}}
                            </a>
                        </p>

                        <div class="group-button">
                            <button href="#" class="button submit" style="border: 0;">{{trans('message.sign_in')}}</button>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>

                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    {!! Form::open(['url' => url('/api-sign-up'), 'method' => 'POST']) !!}
                        <div class="register-form">
                            <h4 class="main-title">{{trans('message.create_an_account')}}</h4>

                            <span class="label-text">{{trans('message.name')}} <span class="text-danger">*</span></span>
                            <input type="text" class="input-info" name="name" required>

                            <span class="label-text">{{trans('message.phone')}} <span class="text-danger">*</span></span>
                            <input type="number" class="input-info" name="phone" required>

                            <span class="label-text">{{trans('message.email')}} <span>*</span></span>
                            <input type="email" class="input-info" name="email" required>

                            <div class="group-button">
                                <button class="button submit" style="border: 0;">{{trans('message.submit')}}</button>
                            </div>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@endsection