@extends('layouts.app')
@section('header')
    @include('layouts.partials.login-header')
@endsection
@section('content')
    <div class="main-wrapper">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="preloader">
            <div class="lds-ripple">
                <div class="lds-pos"></div>
                <div class="lds-pos"></div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Login box.scss -->
        <!-- ============================================================== -->
        <div class="auth-wrapper d-flex no-block justify-content-center align-items-center" style="background:url({{asset('app-assets/images/big/auth-bg.jpg')}}) no-repeat center center;">
            <div class="auth-box">
                <div id="login-form">
                    <div class="logo">
                        <span class="db"><img src="{{asset('assets/images/turkeyana-logo.png')}}" width="150" class="mb-2" alt="logo" /></span>
                        <h5 class="font-medium m-b-20">{{__("Admin Login")}}</h5>
                    </div>
                @include('layouts.partials.flash-message')
                <!-- Form -->
                    <div class="row">
                        <div class="col-12">
                            <form class="form-horizontal m-t-20 validate-form" id="loginform" method="post" action="{{ route('admin.login') }}">
                                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                    </div>
                                    <input id="admin-login-email" type="text" class="form-control form-control-lg validate[required] email-validate" name="email" placeholder="{{__("Email Address")}}" aria-label="{{__("Email")}}" value="{{ old('email') }}" aria-describedby="basic-addon1">
                                </div>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="basic-addon2"><i class="ti-pencil"></i></span>
                                    </div>
                                    <input id="password" type="password" class="form-control form-control-lg validate[required] password-validate" name="password" placeholder="{{__('Enter Password')}}" aria-label="Password" aria-describedby="basic-addon1">
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-12">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" name="remember_me" id="customCheck1">
                                            <label class="custom-control-label" for="customCheck1">{{__("Remember me")}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group text-center">
                                    <div class="col-xs-12 p-b-20">
                                        <button class="btn btn-block btn-lg btn-info" type="submit">{{__("Login")}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- Login box.scss -->
        <!-- ============================================================== -->
    </div>

@endsection

@section('footer')
    @include('layouts.partials.login-footer')
@endsection