@extends('layouts.app')
@auth
@section('content')
<div class="container containers admin-section">
  <form action="{{ route('spendtime_export') }}" method="POST" enctype="multipart/form-data">
					@csrf
    <div class="row justify-content-center">
        <div class="col-md-12">
          <div class="card">
            <h2 class="header-text"> Network Connection and Backup </h2>
          </div>
        </div>
            <div class="card">
                <div class="card-header"></div>
                <div class="card-body">
                  <div class="row ">
                    <div class="col-md-2">
                        <button onclick="location.href='/runcron'" class="btn btn-primary ">Connect</button>
                    </div>
                    <div class="col-md-2">
                      <button class="btn btn-warning">Upload</button>
                    </div>
                    <div class="col-md-2">
                        <label  class="form-label">From (dd-mm-yyyy)</label>
                        <div class="date-holder">
                          <input type="text"  id="dateFrom" name="dateFrom1" class="form-control Gdate" placeholder="dd-mm-yyyy">
                          <img src="../img/calendar3.svg" class="dateimg" alt="date">
                        </div>
                        
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">To (dd-mm-yyyy)</label>
                        <div class="date-holder">
                          <input type="text"  id="dateTo" name="dateTo2" class="form-control Gdate" placeholder="dd-mm-yyyy">
                          <img src="../img/calendar3.svg" class="dateimg" alt="date">
                        </div>
                    </div>
                    <div class="col-md-2">
                      <button class="btn btn-warning"  >Patients Total Spending Time</button>
                    </div>
                    <p>{{ $output }}</p>
                  </div>
                </div>
            </div>
        </div>
    </div>
    </form>
</div>

@endsection
@endauth
<script type="text/javascript">
  function spendTime(){
    var cmd_text = "tt_spend_time";
    var from =$('#dateFrom').val();
    var to =$('#dateTo').val();
    let data ={
      cmd_text:cmd_text,
      from:from,
      to:to,

    };
    
    $.ajaxSetup({
       headers: {
           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
       }
     });
        $.ajax({
             type:'POST',
             url:"{{route('ann_add')}}",
             dataType:'json',
           //  processData:false,
             contentType:'application/json',
             data: JSON.stringify(data),
             success:function(response){
               console.log(response);
               alert("Text added to database.")
               //location.reload(true);
             }
          });
  }
  function deleteAnnounce(){
    if (confirm("Do you want to delete  the text you have announced.?") == true) {
    var ann_text = document.getElementById('D_announceId').value;
    let delete_id = 999;
    let data ={
      ann_text:ann_text,
      delete_id:delete_id,
    };
    $.ajaxSetup({
       headers: {
           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
       }
     });
        $.ajax({
             type:'POST',
             url:"{{route('ann_add')}}",
             dataType:'json',
           //  processData:false,
             contentType:'application/json',
             data: JSON.stringify(data),
             success:function(response){
              console.log(response);
              if(response[0]==11){
                alert("We didn't find the ID you given.");
              }else{
                alert("We deleted the text.");
              }
              location.reload(true);
             }

          });
        } else {

        }
  }
</script>