@extends('admin.authentication.master')

@section('title')Login
 {{ $title }}
@endsection

@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
      .login-form .form-group {
    margin-bottom:30px !important }
    .btn{
	padding: 0.375rem 0.75rem !important;
    }
    .theme-form .form-group input[type="text"]{
        font-weight:550;
    }
</style>
@endpush

@section('content')   
    <section>
    <div class="container-fluid p-0">            
        <div class="row">
            <div class="col-12">
                <div class="login-card">
                    <form class="theme-form login-form" action="{{route('loginSubmit')}}" method="post" id="login-form">
                    @csrf
                        <h4 style="text-align:center">Login</h4>                                           
                        <div class="form-group">                            
                            <div class="input-group">
                                <span class="input-group-text"><i class="icon-email"></i></span>
                                <input class="form-control" type="text" name="email" id="email"  placeholder="Your@email.com" />
                                <input class="form-control" type="hidden" name="deviceId" id="deviceId"  placeholder="Test@gmail.com" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-text"><i class="icon-lock"></i></span>
                                <input class="form-control" type="password" name="password" id="loginPassword"  placeholder="*********" />
                                <div class="show-hide"><span class="show"> </span></div>
                            </div>
                        </div>
                        <div class="form-group">
                             <div class="text-center" style="text-align:center">
                                <button class="btn btn-primary" type="submit" id="loginBtn">Log in</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

	
@push('scripts')
<script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
<script src="{{asset('assets/js/setting/notify.js')}}"></script>

<script>
    $(function(){
        $("#login-form").submit(function(e){
            e.preventDefault();            
            var id = localStorage.getItem('deviceId');
            $("#deviceId").val(id)
            $.ajax({
                url:"{{route('loginSubmit')}}",
                type: "post",
                data:$(this).serialize(),
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                beforeSend:function(){
                    $("#loginBtn").attr('disabled',true)
                    $("#loginBtn").text('signing...')
                },
                success:function(response){
                    console.log(response,'dkdkd')
                   if(response.Response == 'Success')
                   {
                        var data = response.Data;
                        if(data.isDeviceLock=="true")
                        {
                            if(data.isDeviceSet=="true")
                            {
                                var id = localStorage.getItem('deviceId');
                                if(id === data.deviceToken)
                                {
                                    window.location = data.landingPage
                                }
                                else
                                {
                                    notifyF("Error","Could not login to this device contact admin",'danger',2000)  
                                    setTimeout(() => {
                                        location.reload();                                                                  
                                    }, 2000);
                                }
                            }
                            else
                            {
                                localStorage.setItem('deviceId',data.deviceToken)
                                window.location = data.landingPage
                            }
                        }
                        else
                        {
                            window.location = data.landingPage
                        }
                   }
                   else
                   {
                        var msg = response.Msg
                        $.each(msg,function(index,value){                           
                            $.each(value,function(key,val){
                                notifyF("Error",val,'danger',2000)                                   
                            })                      
                        })
                   }

                   $("#loginBtn").attr('disabled',false)
                   $("#loginBtn").text('Sign in')
                }
            })

        })
    })
</script>
@if($errors->any())
        <script>
            var errors = {!! $errors !!};
            var counter =0;
            $.each(errors,function(index,value){
                counter = counter + 1;
                var timer = counter * 1000
                notifyF("Error",value,'danger',timer)
            })
           
            console.log(errors);
        </script>
    @endif
@endpush

@endsection