@extends('layouts.app')



@section('header')






@endsection









@section('content')



<div id="insight" class="container">
  <div class="row">
    <div class="col-md-12">

    <div class="col-md-9 alert alert-success" role="alert">
      <strong>機哩機哩古拉拉</strong> {{$statusMessage}}
    </div>


    <div class="col-md-3 alert alert-info" role="alert" style="padding:8px;text-align: center;">

        <button type="button" class="btn btn-info" style="margin:0px;width: 100%" data-toggle="modal" data-target="#exampleModal">
      使用說明
    </button>
      
    </div>


    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">阿美下</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            使用方法請詢問DV同仁暄惠，呵呵
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">我了解了</button>
          </div>
        </div>
      </div>
    </div>

      
    </div>

        <div class="col-md-9">
         <div class="panel panel-default">
            <div class="panel-heading"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;更新白皮書關鍵字excel檔&nbsp;</div>
            <div class="panel-body">
               @if (count($errors) > 0)
               <div class="alert alert-danger">
                  <strong>新增失敗</strong> 输入不符合要求<br><br>
                  {!! implode('<br>', $errors->all()) !!}
               </div>
               @endif
               <form action="{{ url('/insight/postupload') }}" method="POST" enctype="multipart/form-data">
                  {!! csrf_field() !!}


                <div style="position:relative;border:1px solid #c9c9c9">
                  <a class='btn btn-primary' href='javascript:;'>
                    Choose File...
                    <input type="file" name="thefile" value="" class="form-control"  placeholder="請上傳檔案"style='position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;' name="file_source" size="40"  onchange='$("#upload-file-info").html($(this).val());'>
                  </a>
                  &nbsp;
                  <span class='label label-info' id="upload-file-info"></span>
                </div>                    

                <hr>
                  <button class="btn btn-lg btn-info pull-right">上傳並測試</button>
               </form>
            </div>
         </div>
                <a target="_blank" href="{{url('insight/truncateTable')}}" class="list-group-item facebook-like col-xs-3 pull-right" >
                    <h4 class="list-group-item-heading count">
                        資料清空</h4>
                    <p class="list-group-item-text">
                        (DeleteAllDatas)</p>
                </a>
      </div>

      <div class="col-md-3">
            <div class="list-group">
                <a href="{{url('/insight/keypo_search_setting')}}" class="list-group-item google-plus" style="background-color: #4F90C1;color:#fff">
                    <h4  >
                        開始更新 <i class="fa fa-play pull-right" aria-hidden="true"></i></h4>
                </a>
                <br>
                <hr>
            </div>


                        <div class="list-group">
                  <a disabled class="list-group-item visitor">
                    <h3 class="pull-right">
                        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
                    </h3>
                    <h4 class="list-group-item-heading count">
                        {{$stage0Count}} 筆</h4>
                    <p class="list-group-item-text">
                        測試聲量為 0</p>
                </a>
                <a disabled class="list-group-item visitor">
                    <h3 class="pull-right">
                        <i class="fa fa-area-chart" aria-hidden="true"></i>
                    </h3>
                    <h4 class="list-group-item-heading count">
                        {{$stage1Count}} 筆</h4>
                    <p class="list-group-item-text">
                        完成階段一更新</p>
                </a><a disabled class="list-group-item facebook-like">
                    <h3 class="pull-right">
                        <i class="fa fa-fire" aria-hidden="true"></i>
                    </h3>
                    <h4 class="list-group-item-heading count">
                        {{$stage2Count}} 筆</h4>
                    <p class="list-group-item-text">
                        完成熱門關鍵字更新</p>
                </a>
                <a href="{{url('insight/export')}}" class="list-group-item facebook-like">
                    <h3 class="pull-right">
                        <i class="fa fa-file-excel-o" aria-hidden="true"></i>
                    </h3>
                    <h4 class="list-group-item-heading count">
                        下載最新輸出結果</h4>
                    <p class="list-group-item-text">
                        (DownloadExcel)</p>
                </a>
            </div>
        </div>

        
  </div>
</div>




@endsection






@section('footer')


<script type="text/javascript">
  

$( document ).ready(function() {
        $('input[id=base-input]').change(function() {
        $('#fake-input').val($(this).val().replace("C:\\fakepath\\", ""));
    });

    <!--==================Javascript code for custom input type file on button ================-->

    $('input[id=main-input]').change(function() {
        console.log($(this).val());
        var mainValue = $(this).val();
        if(mainValue == ""){
            document.getElementById("fake-btn").innerHTML = "Choose File";
        }else{
            document.getElementById("fake-btn").innerHTML = mainValue.replace("C:\\fakepath\\", "");
        }
    });

    <!--=========================input type file change on button ends here====================-->
});





</script>



@endsection