@extends('layouts.MasterLayout')

@section('header')
    <div class="col-lg-8 col-md-6 col-sm-6 col-6">            
        <div class="header-text">{{$company_name}}</div>
    </div>
@stop

@section('content')
    <section>
      <div class="section-foreground">
        <div class="centered-element">
            @if($errors->any())
            <div class="alert alert-info">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong>{{$errors->first()}}</strong>
            </div>
            @endif
            @if(file_exists($company_logo))
            <div class="logo">
                <img src="{{asset("$company_logo")}}" alt="logo">
            </div>
            @else
            <div class="logo">
                <img src="{{asset('assets/images/c_u_1.png')}}" alt="logo">
            </div>
            @endif
            <form action="{{url('user_dashboard_login')}}" method="POST" onsubmit="return checkInp()">
                <div class="login">
                    <input type="text" class="login-field" placeholder="Enter Mobile Number" name="mobile_no" onkeypress="return isNumberKey(event)">
                    <button class="go-button">GO</button>
                </div>
            </form>
            <div class="error-message" style="color:red; margin-top:20px;">{{Session::get('message')}}</div>
            <div class="error-message initial-dashboard" style="color:red; margin-top:20px;"></div>
        </div>
        @if(!Session::has('employeeuser'))
        <div>
            <button class="advanced_dashboard_login btn" data-toggle="modal" data-target="#advanced_dashboard_login">admin dashboard</button>
        </div>
        @endif
      </div>
    </section>
@stop

@section('modals')
     <!-- Advanced Dashboard Login Modal -->
     <div class="modal fade" id="advanced_dashboard_login" role="dialog" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title">admin dashboard</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                </div>
                <div class="modal-body">
                <!--<form action="{{url('admin_dashboard_login')}}" method="POST">-->
                    <div><input type="password" name="password" class="modal-field advance-password" placeholder="Enter your password"></div>
                    <div>
                        <button class="btn account-login" id="test1">go</button>
                    </div>
                    <div class="form-error"></div>
                    <a class="forgot-password" href="{{url('merchant/forgotadvancepasswordnew')}}">Forgot Password?</a>
                <!--</form>-->
                </div>
            </div>
            </div>
        </div>
@stop

@section('customscripts')
<script>
        $(document).ready(function() 
        {
        	
           $(".account-login").click(function()
            {
                //alert("hello");
                    //e.preventDefault();
                    var password = $(".advance-password").val();
                    //alert(password);
                    if(password=="")
                    {
                        //alert("error");
                        $(this).parent().parent().find(".form-error").html("Please provide password");
                    }
                    else
                    {
                        $.ajax(
                        {
                            type: 'POST',
                            url: '{{url('admin_dashboard_login')}}',
                            data: {password:password},
                            success: function(response)
                            {
                                var reponse = JSON.stringify(response);

                                if(response=="successfully")
                                {
                                    //alert("done");
                                    window.location.replace("merchant/main-dashboard");
                                }
                                else
                                {
                                    $(".account-login").parent().parent().find(".form-error").html(response);
                                }
                                
                            }

                        });
                    }
            });
            $(".advance-password").keyup(function(event) {
                if (event.keyCode === 13) {
                    $(".account-login").click();
                }
            });
            
        });
            
        function checkInp()
        {
          var x=$(".login-field").val();
          if (isNaN(x)) 
          {
            alert("Please enter valid mobile number");
            //$(".innitial-dashboard").html(response);
            return false;
          }
        }
            
</script>
    
@stop