@extends('admin/layouts.master')
@section('title', '訂閱日期測試')
@section('body')

<section class="content">
  @include('admin.message')
  <div class="row">
    <div class="col-xs-12">
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">訂閱日期測試</h3>
        </div>
        
        <!-- /.box-header -->
        <div class="box-body">
          <div class="row">
            <div class="col-sm-12">
              <h4>輸入日期跟週期：</h4>
              <div class="row">
                  <form method="POST" action="{{ route('post.subscript_date') }}">
                      @csrf
                      <div class="col-sm-12">
                        <div class="form-group">
                            <label>日期: <span class="redstar">*</span></label>
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input required value="" id="current_date"
                                    type="text" class="form-control" name="current_date">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>週期: <span class="redstar">*</span></label>
                            <input type="number" min=1 required name="period">
                        </div>
                      </div>
                      <div class="col-sm-12">
                          <button type="submit" class="btn btn-info">送出</button>
                      </div>
                  </form>
              </div>
            </div>
            @if( $date )
                <div class="col-sm-12">
                    <h4>輸出日期：</h4>
                    {{$date}}
                </div>
            @endif
          </div>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>

@endsection

@section('scripts')
    <script>
        (function($) {
            "use strict";

            $(function() {
                $("#current_date").datepicker({
                    dateFormat: 'yy-mm-dd'
                });
            });

        })(jQuery);

    </script>

@endsection