@extends('layouts.template')

@section('title', 'Line Bot')

@section('navbar_content')
    @include('layouts.navbar_li')
@stop

@section('content')

<div class="container h-100">
    <div class="row justify-content-center">
    <div class="col-lg-6">
    <div class="thumbnail">
        <div class="caption">
          <H2>Line Bot 訊息推送</H2>
            <ul class="nav nav-tabs">
              <li class="active"><a class="nav-link" data-toggle="tab" href="#home">Home</a></li>
              <li><a class="nav-link" data-toggle="tab" href="#menu1">QR Code</a></li>
            </ul>
        <div class="tab-content">
            <div id="home" class="tab-pane active">
                <form action="https://lai.ofdl.nctu.me/line/push22.php" method="post" >
                    <div class="form-group row">
                        <label for="text" class="col-sm-2 col-form-label">訊息</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="text" name="msg" placeholder="Some text..." value="">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
                        <div class="col-sm-10">
                        <input type="password" class="form-control" id="inputPassword" name="pwd" placeholder="Password">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="file">檔案名稱:</label>
                        <input type="file" name="my_file" accept="image/*" id="file">
                    </div>	
                    <div style="text-align:center">
                        <button type="submit" class="btn btn-primary">推送</button>
                        <button type="reset" class="btn btn-primary">取消</button>
                    </div>
                    <div class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" id="defaultChecked" name="defaultExampleRadios" checked="">
                            <label class="custom-control-label" for="defaultChecked">Default checked</label>
                            </div>
                            <div class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" id="defaultUnchecked" name="defaultExampleRadios">
                            <label class="custom-control-label" for="defaultUnchecked">Default unchecked</label>
                    </div>
                </form>
            </div>
            <div id="menu1" class="tab-pane fade" style="text-align:center">
              <img src="https://qr-official.line.me/sid/L/qoe0632i.png">
            </div>
        </div>
      </div>
    </div>
  </div>
    </div>
</div>

@stop
