@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>CSV匯入：</h4>
              <div class="row">
                  <form method="POST" action="{{ route('importphones') }}" enctype="multipart/form-data">
                      @csrf
                      <div class="col-sm-4">
                          <input required type="file" class="form-control" name="phones" accept=".csv">
                      </div>
                      <div class="col-sm-4">
                          <button type="submit" class="btn btn-info">匯入手機號碼</button>
                      </div>
                  </form>
              </div>
            </div>
          </div>
          <table id="example1" class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>手機號碼</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($phones as $phone)
              <tr>
                <td>{{ phone_mask($phone->phone) }}</td>
              </tr>

              @endforeach
            </tfoot>
          </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col -->
    <x-setting-component link="{{ route('WhitePhoneUpdate') }}" postName="enable_white_phone" title="啟動白名單" onOffSetting="{{$setting->enable_white_phone}}"></x-setting-component>
    <div class="col-lg-12 col-xs-12 gc-notice" >
      {{trans('adminstaticword.GC_TOP_NOTICE')}}
      <br>
      {{trans('adminstaticword.GC_SEC_NOTICE')}}
    </div> 
  </div>
  <!-- /.row -->
</section>

@endsection