<!DOCTYPE html>
<html lang="en">
  <head>
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta charset="UTF-8">
    <meta name="description" content="User Dashboard" />
    <meta name="keywords" content="admin,dashboard" />
    <meta name="author" content="" />

    <title>{{config('app.name')}} {{ __('Login') }}</title>

    <!-- Bootstrap -->
    <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
    <!-- Font Awesome -->
    <!-- <link href="{{ asset('css1/font-awesome.min.css') }}" rel="stylesheet"> -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- NProgress -->
    <link href="{{ asset('css/nprogress.css') }}" rel="stylesheet">
    <!-- Animate.css -->
    <link href="{{ asset('css/animate.min.css') }}" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="{{ asset('css/custom.min.css') }}" rel="stylesheet">
  </head>

  <body class="login">
    <div>
      <a class="hiddenanchor" id="signup"></a>
      <a class="hiddenanchor" id="signin"></a>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8 col-sm-8 col-lg-8">
                    @php
                      $sliders=\App\Slider::get();                     
                    @endphp
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="margin-top: 5%;">
                      <!-- <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                      </ol> -->
                      <div class="carousel-inner">
                        @foreach($sliders as $key => $list)
                        <div class="carousel-item {{$key === 0 ? 'active':''}}">
                            @if($list->image_url == null)
                            <img src="{{ asset('system/public/uploads/Slider/'.$list->image) }}" class="d-block w-100" alt="...">
                            @else
                            <img src="{{ $list->image_url }}" alt="..." class="d-block w-100">
                            @endif
                        </div>
                        @endforeach
                        <!-- <div class="carousel-item">
                          <img src="{{ asset('images/profile-cover.png') }}" class="d-block w-100" alt="...">
                        </div>
                        <div class="carousel-item">
                          <img src="{{ asset('images/profile-cover.png') }}" class="d-block w-100" alt="...">
                        </div> -->
                      </div>
                      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                      </a>
                      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                      </a>
                    </div>
                  </div>
                <div class="col-md-4 col-sm-4 col-lg-4">
                    <div class="login_wrapper">
                        <div class="animate form login_form">
                          <section class="login_content">
							@if (session('message'))
							<div class="alert alert-error" role="alert">
								{{ session('message') }}
							</div>
							@endif
                            <form method="post" action="{{ route('login') }}">
                            @csrf
                              <h1>Login</h1>
                              <div>
                                <input type="email" class="form-control" placeholder="Mail Id" required="" name="email" 
                                value="{{ old('email') }}" autocomplete="email" autofocus/>
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                              </div>
                              <div>
                                <input type="password" class="form-control" placeholder="Password" required="" name="password" 
                                autocomplete="current-password"/>
                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                              </div>
							  <div>
                                <input type="password" class="form-control" placeholder="TPIN" required="" name="tpin" 
                                autocomplete="tpin"/>
                                @error('tpin')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                              </div>
							  
                              <div>
                                <button class="btn btn-success btn-block submit" type="submit">Log in</button>
                                <a class="reset_pass" href="/password/reset">Forget password?</a>
								<a class="reset_pass" href="/password/resetPin">Forget TPin?</a>
                              </div>
                
                              <div class="clearfix"></div>
                
                              <div class="separator">
                                <!-- <p class="change_link">New to site?
                                  <a href="#signup" class="to_register"> Create Account </a>
                                </p>
                
                                <div class="clearfix"></div>
                                <br /> -->
                
                                <div>
                                  <h1>DIOSPAYS</h1>
                                  <p>© 2021 All Rights Reserved.</p>
                                  <br>
                                    <a href="#"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a>
                                    <a href="#"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a>
                                    <a href="#"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a>
                                    <a href="#"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
                                    <a href="#"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a>
                                </div>
                              </div>
                            </form>
                          </section>
                        </div>
                
                       
                     </div>
                </div>
            </div>
        </div>
      
    </div>
 
  <style>
      .btn-success{
            background: #02ba52;
            border: 1px solid #02ba52;
        }
        .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
             background: #067ac7;
        }
  </style>
  <script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
   </body>
</html>

