@extends('layout.layout')

@push('links')
  <link href="{{ Module::asset('user:css/login.css') }}" rel="stylesheet" type="text/css">
@endpush

@section('content')
<div class="d-flex justify-content-center align-items-center" style="height: 80vh;">
  <div class="align-self-center steps-border">
    @include('component.alert', ['session_name' => 'errorlogin'])
    <div class="text-center mb-4">
      <img src="{{URL::asset('images/logo.png')}}" width="150px" />
    </div>
    <div class="login-title-bar mt-3"></div>
    <form method="post">
      {{csrf_field()}}
      @if (request()->has('redirect_uri'))
      <input type="hidden" name="redirect_uri" value="{{request()->get('redirect_uri')}}">
      @endif
      <div class="form-group">
        <input class="form-control {{ $errors->has('uid') ? ' is-invalid' : '' }}" name="uid" type="text" value="{{old('uid')}}" placeholder="帳號">
        @if ($errors->has('uid'))
          @foreach($errors->get('uid') as $error)
          <div class="invalid-feedback">
            {{ $error }}
          </div>
          @endforeach
        @endif
      </div>
      <div class="form-group">
        <input class="form-control {{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" type="password" value="" placeholder="密碼" autocomplete="current-password" />
        @if ($errors->has('password'))
          @foreach($errors->get('password') as $error)
          <div class="invalid-feedback">
            {{ $error }}
          </div>
          @endforeach
        @endif
      </div>
      <div class="form-group">
        <input class="form-control" name="captcha" type="text" value="" placeholder="驗證碼">
        <img src="{{captcha_src('flat')}}" id="captcha-image" />
        <button type="button" class="btn btn-link" id="captcha-refresh">
          <input type="hidden" id="captcha-refresh-url" value="{{route('capcha.referesh')}}" />
          <span class="fas fa-sync-alt fa-2x"></span>
        </button>
      </div>
      <div class="form-group">
        <button class="btn btn-primary btn-block" type="submit">登入</button>
      </div>
    </form>
    <div class="row">
      <div class="col">
        <a class="btn btn-outline-dark btn-block" href="{{route('user.forget')}}">忘記密碼</a>
        @if(\Module::has('Google'))
          <a class="btn btn-outline-dark btn-block" href="{{route('google.login')}}">
            <i class="fab fa-google fa-fw">&ensp;</i>Google
          </a>
        @endif
        @if(\Module::has('Line'))
          <a class="btn btn-outline-line btn-block" href="{{route('line.login')}}">
            <i class="fab fa-line fa-fw">&ensp;</i>Line
          </a>
        @endif
        @if(\Module::has('Facebook'))
          <a class="btn btn-outline-facebook btn-block" href="{{route('facebook.login')}}">
            <i class="fab fa-facebook fa-fw">&ensp;</i>Facebook
          </a>
        @endif
      </div>
    </div>
    <div class="row mt-4 d-none">
      <div class="col text-center">
      </div>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
  <script type="text/javascript" src="{{ asset('modules/user/js/login.js') }}"></script>
@endpush