@extends('layouts.app', ['activePage' => 'dashboard', 'titlePage' => __('jamia.dashboard')])

@section('content')

  <div class="content">
    <div class="container-fluid">

    
      <div class="row">
        <div class="col-md-12 col-xs-12">



      <div class="btn-group pull-right" data-toggle="buttons">
        <label class="btn btn-info active">
            <input type="radio" name="date-filter" data-start="2023-05-25" data-end="2023-05-25" checked=""> Today
          </label>
          <label class="btn btn-info">
            <input type="radio" name="date-filter" data-start="2023-05-22" data-end="2023-05-28"> This Week
          </label>
          <label class="btn btn-info">
            <input type="radio" name="date-filter" data-start="2023-05-01" data-end="2023-05-31"> This Month
          </label>
          <label class="btn btn-info">
            <input type="radio" name="date-filter" data-start="2023-01-01" data-end="2023-12-31"> This Financial Year
          </label>
            </div>
    </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-warning card-header-icon">
              <div class="card-icon">
                <i class="fa fa-book" aria-hidden="true"></i>
              </div>
              <p class="card-category">{{ __('jamia.discard') }}</p>
              <h3 class="card-title">{{$discardCount}}
                
              </h3>
            </div>
            <div class="card-footer">
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-success card-header-icon">
              <div class="card-icon">
                <i class="fa fa-bell-o" aria-hidden="true"></i>
              </div>
              <p class="card-category">{{ __('jamia.notification') }}</p>
              <h3 class="card-title">{{$notification}}</h3>
            </div>
            <div class="card-footer">
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-danger card-header-icon">
              <div class="card-icon">
                <i class="fa fa-envelope-open-o" aria-hidden="true"></i>
              </div>
              <p class="card-category">{{ __('jamia.complaint') }} </p>
              <h3 class="card-title">{{$complaintCount}}</h3>
            </div>
            <div class="card-footer">
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-info card-header-icon">
              <div class="card-icon">
                <i class="fa fa-clock-o" aria-hidden="true"></i>
              </div>
              <p class="card-category">{{ __('jamia.offer') }}</p>
              <h3 class="card-title">{{$offers}}</h3>
            </div>
            <div class="card-footer">
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        
      </div>
      <div class="row">
        <div class="col-lg-6 col-md-12">
          <div class="card">
            <div class="card-header card-header-tabs card-header-primary">
              <div class="nav-tabs-navigation">
                <div class="nav-tabs-wrapper">
                  <h4 class="card-title">{{ __("jamia.discard") }}</h4>
                  <ul class="nav nav-tabs" data-tabs="tabs">
                  </ul>
                </div>
              </div>
            </div>
            <div class="card-body">
              <div class="tab-content">
                <div class="tab-pane active" id="profile">
                  <table class="table">
                    <tbody>
                      
                      @foreach($discardList as $list)
                      <tr>
                        <td>
                          <div class="form-check">
                            <label class="form-check-label">
                              <input class="form-check-input" type="checkbox" value="" >
                              <span class="form-check-sign">
                                <span class="check"></span>
                              </span>
                            </label>
                          </div>
                        </td>
                        <td>{{ $list->item_name }}</td>
                        <td>{{ date('d-m-Y',strtotime($list->report_dt)) }}</td>
                      </tr>
                      @endforeach
                      
                    </tbody>
                  </table>
                </div>
                <div class="tab-pane" id="messages">
                  <table class="table">
                    <tbody>
                      
                    </tbody>
                  </table>
                </div>
                <div class="tab-pane" id="settings">
                  <table class="table">
                    <tbody>
                      <tr>
                        <td>
                          <div class="form-check">
                            <label class="form-check-label">
                              <input class="form-check-input" type="checkbox" value="">
                              <span class="form-check-sign">
                                <span class="check"></span>
                              </span>
                            </label>
                          </div>
                        </td>
                        <td>Lines From Great Russian Literature? Or E-mails From My Boss?</td>
                        <td class="td-actions text-right">
                          <button type="button" rel="tooltip" title="Edit Task" class="btn btn-primary btn-link btn-sm">
                            <i class="material-icons">edit</i>
                          </button>
                          <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-link btn-sm">
                            <i class="material-icons">close</i>
                          </button>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <div class="form-check">
                            <label class="form-check-label">
                              <input class="form-check-input" type="checkbox" value="" checked>
                              <span class="form-check-sign">
                                <span class="check"></span>
                              </span>
                            </label>
                          </div>
                        </td>
                        <td>Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit
                        </td>
                        <td class="td-actions text-right">
                          <button type="button" rel="tooltip" title="Edit Task" class="btn btn-primary btn-link btn-sm">
                            <i class="material-icons">edit</i>
                          </button>
                          <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-link btn-sm">
                            <i class="material-icons">close</i>
                          </button>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <div class="form-check">
                            <label class="form-check-label">
                              <input class="form-check-input" type="checkbox" value="" checked>
                              <span class="form-check-sign">
                                <span class="check"></span>
                              </span>
                            </label>
                          </div>
                        </td>
                        <td>Sign contract for "What are conference organizers afraid of?"</td>
                        <td class="td-actions text-right">
                          <button type="button" rel="tooltip" title="Edit Task" class="btn btn-primary btn-link btn-sm">
                            <i class="material-icons">edit</i>
                          </button>
                          <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-link btn-sm">
                            <i class="material-icons">close</i>
                          </button>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-12">
          <div class="card">
            <div class="card-header card-header-warning">
              <h4 class="card-title">{{ __("jamia.complaint") }}</h4>
              <p class="card-category"></p>
            </div>
            <div class="card-body table-responsive">
              <table class="table table-hover">
                <thead class="text-warning">
                  <th>ID</th>
                  <th>{{__("jamia.customer")}}</th>
                  <th>{{__("jamia.date")}}</th>
                  <th>{{__("jamia.cust_phone")}}</th>
                </thead>
                <tbody>
                                    @foreach($complaintList as $list)
                  <tr>  
                     <td>{{ $i++; }}</td>
                     <td>{{ $list->name }}</td>
                     <td>{{ date('d-m-Y',strtotime($list->created_at)) }}</td>
                     <td>{{ $list->number}}</td>
                  </tr>
                  @endforeach  
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@push('js')
  <script>
    $(document).ready(function() {
      // Javascript method's body can be found in assets/js/demos.js
      md.initDashboardPageCharts();
    });
  </script>
@endpush