@extends('layouts.store_dashboard_un_authed_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?' Login ':'   تسجيل الدخول '}}

@endsection

@section('content')
    <!-- start page content -->

    <div class="page-content">




        <div class="row ">
            <div class="col-md p-3 p-md-5">
                <div class="mt-md-5 ml-md-5 mr-md-5 p-3 " >

                    <form id="loginForm" class="container ">
                        @csrf
                        <h6 class="bold">{{trans('stores_dashboard.login')}}</h6>
                        <p>{{trans('stores_dashboard.login_rule')}}</p>

                        <div class="form-group">
                            <label class="bold font14" for="exampleInputEmail1">{{trans('stores_dashboard.phone')}}</label>
                            <div class="row">
                                <div class="col pt-1 pb-1 pl-0 pr-1">
                                    <input name="phone" type="number" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('stores_dashboard.phone')}}" min="0">
                                </div>

                            </div>
                        </div>

                        <div class="form-group">
                            <label class="bold font14" for="Password1">{{trans('stores_dashboard.password')}} </label>
                            <div class="password-cont">
                                <input name="password" type="password" class="form-control" id="Password1" aria-describedby="emailHelp" placeholder="{{trans('stores_dashboard.password')}}">
                                <i class="fa fa-eye color-gray" id="signInShowPassword1"></i>
                            </div>
                        </div>

                        <div class="text-align2">
                            <a href="{{route('stores_dashboard.get_forget_password')}}" class="gray-a">{{trans('stores_dashboard.forget')}}</a>
                        </div>


                        <button id="loginbtn" type="submit" class="button1 w-100 mt-3 material-button" >{{trans('stores_dashboard.login')}}</button>


                        <div class="text-center p-3 ">
                             <p>{{trans('stores_dashboard.no_account')}} <a href="{{route('stores_dashboard.get_register')}}" >{{trans('stores_dashboard.press')}}</a></p>
                        </div>

                    </form>
                </div>
            </div>
            <div class="col-md p-0 login-img">
                <img src="{{URL::to('site/imgs/bg/login.png')}}" class="w-100" alt="">
                <div class="login-content">
                    <h1 class="w-md-65">{{$welcome_title}}</h1>
                    <br>
                    <p style="color: #ffffff;">
                    {{$welcome_content}}
                </p>
                </div>
                <div class="praivacy-a p-5">
                <a href="{{route('delegates_dashboard.terms')}}" >{{trans('stores_dashboard.policy')}}</a>
                </div>
            </div>
        </div>



    </div>

    <!-- end page content -->

@endsection

@section('scripts')

    <script>
        $("#loginbtn").on('click',function(e){
            e.preventDefault();
            var form = $('#loginForm').get(0);
            var formData = new FormData(form);
            var oldText = $(this).text();
            $(this).prop('disabled', true).css({
                opacity:'0.5'
            }).text("{{trans('stores_dashboard.loading')}}");

            $.ajax({
                url:"{{route('stores_dashboard.post_login')}}",
                type:"POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success:function(data){
                    $('#loginbtn').removeAttr("disabled").css({
                        opacity:'1'
                    }).text(oldText);
                    if(data.key =='success'){
                        location.assign(data.msg);
                    }else{
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 3000,
                            type:'error',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                    }
                }
            });
        });
    </script>
@endsection