@extends('layout.layout')

@section('content')
@include('custom::component.reply-btn', ['url' => route('login')])

<div class="row mb-3">
  <div class="col-md">
    @if(Session::get('forget'))
      <form method="POST" action="{{ url('/user/forget/verify') }}">
        {{csrf_field()}}
        <div class="form-group row">
          <label class="col-form-label col-md-3 text-md-right" for="token">
            <span class="align-middle">
              <b>驗證碼</b>
            </span>
          </label>
          <div class="input-group col-md-6">
            <input type="text" name="token" class="form-control" value="{{old('token')}}" required="required" placeholder="驗證碼" id="token">
            @if($errors->has('token'))
              @foreach ($errors->get('token') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>
        <input type="hidden" name="uid" value="{{old('uid')}}">
        <input type="hidden" name="phone" value="{{old('phone')}}">
        <input type="hidden" name="email" value="{{old('email')}}">
        <div class="form-group row">
          <div class="col-md-3"></div>
          <div class="col-md-6">
            <input type="submit" name="submit" class="btn btn-success" value="送出" title="送出驗證碼">
            <a class="btn btn-dark" href="{{url('/user/forget/resendToken')}}" onclick="resendToken(this);return false;" title="重新發送驗證碼">
            重新發送
          </a>
          </div>
        </div>
      </form>
    @else
      <form method="POST">
        {{csrf_field()}}
        <div class="form-group row">
          <label class="col-form-label col-md-3 text-md-right">
            <span class="align-middle">
              ※<b>帳號</b>
            </span>
          </label>
          <div class="input-group col-md-6">
            <input type="text" name="uid" class="form-control @if($errors->has('uid')) is-invalid @endif" value="{{old('uid')}}" required="required" placeholder="帳號">
            @if($errors->has('uid'))
              @foreach ($errors->get('uid') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>
        <div class="form-group row">
          <label class="col-form-label col-md-3 text-md-right">
            <span class="align-middle">
              ※<b>手機號碼</b>
            </span>
          </label>
          <div class="input-group col-md-6">
            <input type="text" name="phone" class="form-control @if($errors->has('phone')) is-invalid @endif" value="{{old('phone')}}" required="required" placeholder="09XXXXXXXX">
            @if($errors->has('phone'))
              @foreach ($errors->get('phone') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>
        <div class="form-group row">
          <label class="col-form-label col-md-3 text-md-right">
            <span class="align-middle">
              ※<b>電子信箱</b>
            </span>
          </label>
          <div class="input-group col-md-6">
            <input type="text" name="email" class="form-control @if($errors->has('email')) is-invalid @endif" value="{{old('email')}}" required="required" placeholder="電子信箱">
            @if($errors->has('email'))
              @foreach ($errors->get('email') as $error)
                <div class="invalid-feedback" style="display:block;">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>
        <div class="form-group row">
          <div class="col-md-3"></div>
          <div class="col-md-6">
            <input type="submit" name="submit" class="btn btn-success" value="查詢">
          </div>
        </div>
      </form>
    @endif
  </div>
</div>
@endsection

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