@extends('layouts.main')

@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">On-Demand Reports</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item">Reports</li>
          <li class="breadcrumb-item active">On-Demand Reports</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  <div class="clearfix"></div>
  @include('flash::message')
  <div id="report_creating_message"></div>
  <div class="clearfix"></div>
  <div class="row">
    <div class="col-md-12">
      <div class="card-box">
        <div class="box-body" style="">
          <form method="POST" action="{!! route('report.create') !!}" accept-charset="UTF-8" id="filter_form">
            {{ csrf_field() }}
            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <select class="form-control" name="report_requested" id="report_requested">
                    <option value="">Select Report</option>
                    @foreach ($reportNames as $reportName)
                      @if(\App\Models\ReportOndemand::checkService($reportName))
                        <option
                          value="{{ $reportName }}">{{ \App\Models\ReportOndemand::$reportPrintNames[$reportName]['short'] }}</option>
                      @endif
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-sm-3 time_range_container">
                <div class="form-group" id="time_range_container">
                  {{-- bas-filter ajax load --}}
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group">
                  <input class="btn btn-success" type="submit" value="Create Report" id="report_button">
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  @if ($reports->count() > 0)
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-body">
            <div class="table-responsive">
              <table class="table table-chrome table-striped not-wrapped-results" id="ondemandReportsTable">
                <thead>
                <tr>
                  <th>Title</th>
                  <th>Generated by</th>
                  <th colspan="3">Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($reports as $report)
                  @php
                    if(isset($reportPrintNames[$report->name])){
                       $fileName=\App\Models\ReportOndemand::$reportPrintNames[$report->name]['full'].' '. $accountName.' ' . date('m-d-Y', strtotime($report->created_at)) . '.pdf';
                    }else{
                      $fileName=$report->name;
                    }
                  @endphp
                  <tr>
                    <td>{{ $fileName }} </td>
                    <td>{{ $report->contact_name }}</td>
                    <td>
                      {!! Form::open(['url' => ["/reports/on-demand/delete/$report->id"], 'method' => 'delete']) !!}
                      <div class='btn-group'>
                        <a title="View On-demand Report"
                           href="{!! url('/reports/on-demand/download', ['id' => $report->id]) !!}"
                           class="link-bg-green" target="_blank">
                          <i class=" ti-blackboard"></i>
                        </a>
                        <a title="Download On-demand Report" style="margin-left: 5px;"
                           href="{!! url('/reports/on-demand/download', ['id' => $report->id, 'download' => 1]) !!}"
                           class="link-bg-blue" target="_blank">
                          <i class=" ti-download"></i>
                        </a>
                        <button title="Delete On-demand Report"
                                style="padding-top: 0px;cursor: pointer;margin-left: 5px;color:#3bafda;background:transparent;border:none;"
                                class="link-bg-red"
                                onclick="return confirm('Are you sure you want to delete this Report?')" type="submit"
                                name="button">
                          <i class="fa fa-trash"></i>
                        </button>
                      </div>
                      {!! Form::close() !!}
                    </td>
                  </tr>
                @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endif

@endsection

@section('scripts')
  <script type="text/javascript">
    $(function () {
      $('.time_range_container').hide();
      let bas_reports = {!! json_encode(\App\Models\ReportOndemand::$reportPrintNames) !!};
      let report_button = $('#report_button');
      $('#report_requested').on('change', function () {
        // console.log(bas_reports[$(this).val()]);
        if ('bas_filter' in bas_reports[$(this).val()]) {
          report_button.hide();
          $('#time_range_container').html('loading...');
          $('.time_range_container').show();
          $.post("{{ url('/reports/on-demand-bas-filter') }}", {
            bas_filter: bas_reports[$(this).val()]['bas_filter'],
            _token: "{{ csrf_token() }}"
          })
            .done(function (data) {
              //  console.log("Data Loaded: " + data);
              $('#time_range_container').html(data);
              report_button.show();
            })
            .fail(function () {
              $('#time_range_container').html('not available');
            });
        } else {
          $('#time_range_container').html('');
          $('.time_range_container').hide();
        }
      })
      report_button.on('click', function (event) {
        event.preventDefault();
        var formData = $('#filter_form').serialize();

        $.ajax({
          url: '{{ route('report.create') }}',
          type: 'POST',
          data: formData,
          dataType: 'json',
          timeout: 1800000, // Set the timeout in milliseconds
          success: function (response) {
            //console.log(response);
            //  alert(response.message);
            window.location.href = '{{ url('/reports/on-demand') }}';
          },
          error: function (xhr, textStatus, errorThrown) {
            console.error(xhr.responseText);
            //alert('Error occurred while creating the report. Message: ' + xhr.responseText);
          }
        });
        report_button.prop('disabled', true);
        $('#report_creating_message').append('<div class="alert alert-success" role="alert">' +
          $('#report_requested').val() +
          ' is being created. When it will be ready, it will be sent to your email, and the report ' +
          'will also be available in the list of On-Demand Reports</div>')
      });
    });
  </script>
  @include('reports.on-demand.js_render')
@endsection