@extends('layouts.tokkio-master')
@section('content')
<!--Breadcrumb-->
<section id="breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="breadcrumb-list">
                    <ul>
                        <li><a href="{!! route('tokkio.index') !!}">{!! __('tokkio.home') !!}</a></li>
                        <li><span>{!! __('tokkio.login') !!}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>


<!--Login-->
<section id="login-page">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="bg-img">
                    <div class="login-content">
                        <h1>{!! __('tokkio.welcome_text') !!}</h1>
                        <p> {!! __('tokkio.login_desc') !!}</p>
                        <div class="inner-read-more">
                            <a href="{!! route('tokkio.about-us') !!}">{!! __('tokkio.read_more') !!}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-sm-6">
                <div class="login-page-content">
                    <div class="login-page-inner">
                        <h3>{!! __('tokkio.welcome_title') !!}</h3>
                        <p class="descp-txt">{!! __('tokkio.login_desc') !!}</p>
                        <div class="form_log">
                            <div class="error-msg font-14 mt-2"></div>
                            {{ Form::open(array('route' => 'admin.check-login', 'method' => 'POST','id' => 'ajaxSave'))}}
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label required">{!! __('tokkio.account') !!}</label>
                                    <div class="input-group">

                                        <div class="input-group-append">
                                                <span class="input-group-text" id="basic-addon1">
                                                    <b>{!!  config('constants.COMPANY_PREFIX') !!}</b>
                                                </span>
                                        </div>
                                        <input type="text" name="account" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{!! __('tokkio.account_placeholder') !!}">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label required">{!! __('tokkio.email') !!}</label>
                                    <input type="email" name="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Eg.johndoe@gmail.com">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputPassword1" class="form-label required">{!! __('tokkio.password') !!}</label>
                                    <input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="************">
                                </div>
                                <div class="mb-3 link-forgot">
                                    <a href="{!! route('tokkio.forgot-password') !!}" class="form-check-label" for="exampleCheck1">{!! __('tokkio.forgot_password') !!}</a>
                                </div>
                                <button type="submit" class="btn btn-success">{!! __('tokkio.login') !!}</button>
                                {{ Form::token();}}
                                {{ Form::close(); }}

                        </div>
                        <div class="form-linkbox-inner">
                            <p>{!! __('tokkio.dont_have_acc') !!}<a href="{!! route('tokkio.sign-up') !!}">{!! __('tokkio.reg_now') !!}</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection