@extends('client.layouts.app')

@section("content")
    <div class="wrapper">
      <div class="content-header">
        <div class="container" id="list">
          <div class="pt-4">
            <h2 class="title before:bg-[url('../images/icon04.png')]">登入</h2>
          </div>
        </div>
      </div>
      <form role="form" method="POST" action="{{ url('/login') }}">
        {{ csrf_field() }}
        <div class="content-inner">
          <div class="container">
            <div class="form-groups lg:!max-w-[380px] 2xl:!max-w-[568px]">
                  <div class="form-group">
                    <label>車牌號碼</label>
                    <div>
                      <input class="form-style" type="text" placeholder="LAJ-0723" name="number">
                    </div>
                  </div>
                  <div class="form-group">
                    <label>行動電話</label>
                    <div>
                      <input class="form-style" type="text" placeholder="0900000000" name="phone">
                    </div>
                  </div>
                  <div class="form-group">
                      <label for="captcha">驗證碼</label>
                      <div class="inline fields">
                          <div class="field">
                              <img src="{{ captcha_src('flat') }}" alt="">
                          </div>
                          <div class="field">
                              <input class="form-style"  type="text" name="captcha" id="captcha" placeholder="insert captcha">
                          </div>
                      </div>
                  </div>
              <div class="grid grid-cols-2 gap-3 mx-auto my-8 2xl:pt-8 2xl:gap-6"><a class="btn btn-gary w-full !px-6 2xl:!px-10" href="/register#list">活動註冊</a>
                <button class="btn btn-red w-full !px-6 2xl:!px-10" type="submit">活動登入</button>

                                        <div class="field">
                                            @if(count($errors) > 0)
                                            <div class="ui error message visible">
                                                <div class="ui dividing header">登入失敗</div>
                                                @foreach ($errors->all() as $error)
                                                    <p>{{ $error }}</p>
                                                @endforeach
                                            </div>
                                            @endif 
                                        </div>
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
@endsection

@section("script")
<script type="text/javascript">
    @include("partials.message")
</script>
@stop