@extends('web.layouts.layout')

@section('container_content')
<section class="box valign">
    <div class="container-fluid">
        <div class="content">
            <div class="dots wow zoomIn">
                <span class="dot active"></span>
                <span class="dot"></span>
                <span class="dot"></span>
            </div>
            <h3 class="title wow fadeInUp">{{__('users.sign_in')}}</h3>
            <div class="row">
                @if (session('error'))
                    <div class="alert alert-danger col-md-12">
                        {{ session('error') }}
                    </div>
                @endif

                @if (session('success'))
                    <div class="alert alert-success col-md-12">
                        {{ session('success') }}
                    </div>
                @endif
                <div class="col-lg-6">
                    <div class="sign wow fadeInDown">
                        <div class="form wow zoomIn">
                            <form action="{{route('user.login')}}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label>{{__('users.email')}} Or {{__('users.phone')}}</label>
                                    <input type="email" name="email" placeholder=" {{__('users.email')}} Or {{__('users.phone')}} ">
                                </div>
                                <div class="form-group pass">
                                    <label>{{__('users.password')}}</label>
                                    <input type="Password" name="password" placeholder="{{__('users.password')}}">
                                    <a href="{{route('user.forgetPasswordForm')}}" class="forget-pass">{{__('users.forget_password')}}</a>
                                </div>
                                <button class="butn wow zoomIn">{{__('users.log_in')}}</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1">
                    <div class="text-center right wow zoomIn">
                        <div class="rigister-buttons mt-3">
                            <a href="#"> <img src="{{asset('assets/web/images/icons/facebook.svg')}}" alt=""> {{__('users.facebook_register')}}</a>
                            <a href="#"> <img src="{{asset('assets/web/images/icons/twitter.svg')}}" alt=""> {{__('users.twitter_register')}}</a>
                            <a href="#"> <img src="{{asset('assets/web/images/icons/gmail.svg')}}" alt=""> {{__('users.gmail_register')}}</a>
                            <a href="#"> <img src="{{asset('assets/web/images/icons/linkedin.svg')}}" alt=""> {{__('users.linkedin_register')}}</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
@endsection
