@extends('admin.layouts.master')
@section('title', 'OP點數列表')
@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">
            <h1 class="box-title">OP點數列表</h1>
            <a type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal">+ 新增 OP點數</a>
            <div class="row">
              <div class="col-sm-6">
                <form class="d-flex" action="{{ route('openpoint.upload.csv') }}" method="POST" enctype='multipart/form-data'>
                  @csrf
                  <label for="csv-file">使用 CSV 匯入點數</label>
                  <input id="csv-file" type="file" name="csv-file" >
                  <button class="btn btn-info btn-sm" type="submit">送出</button>
                </form>
              </div>
            </div>
        </div>
    	 <div class="box-body">
          @include('admin.openpoint.index')
        </div>
      </div>
    </div>
    <div class="col-lg-12 col-xs-12 gc-notice" >
      {{trans('adminstaticword.GC_TOP_NOTICE')}}
      <br>
      {{trans('adminstaticword.GC_SEC_NOTICE')}}
    </div> 
  </div>
</section>

<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">新增 OP點數</h4>
      </div>
      <div class="modal-body">
        <form id="demo-form2" method="post" action="{{url('admin/openpoint')}}" data-parsley-validate="" class="form-horizontal form-label-left" autocomplete="off" enctype="multipart/form-data">
          @csrf
          <div class="row">
            <div class="col-md-12">
              <label for="mobile">手機號碼:<sup class="redstar">*</sup></label>
              <input id="mobile" placeholder="輸入 phone" type="text" class="form-control" pattern="09\d{8}" name="mobile" required>
            </div>
            <div class="col-md-12">
              <label for="point">OP 點數:<sup class="redstar">*</sup></label>
              <input id="point" placeholder="輸入 OP 點數" type="number" step="0.01" class="form-control" name="point" required>
            </div>
            <div class="col-md-12">
              <label for="note">備註:<sup class="redstar">*</sup></label>
              <input id="note" placeholder="備註內容" type="text" class="form-control" name="note" required>
            </div>
          </div>
          <br>

          <button type="submit" class="btn btn-primary">新增</button>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection


@section('script')
@endsection