@extends('layouts.master')
@section('title',"Anasayfa")
@section('content')
 <div class="content-wrapper">
    <section class="content-header">
        @if(session()->has('mesaj'))
        <div class="alert alert-{{ session('mesaj_tur') }}">
                   {{ session('mesaj') }}
               </div>
           @endif
        <div class="row">
            <div class="col-lg-3 col-xs-6">
              <div class="small-box bg-primary">
                <div class="inner">
                  <h3>{{ $kullaniciSayisi }}</h3>
                  <p>Toplam Kullanıcı</p>
                </div>
                <div class="icon">
                    <i class="fa fa-users"></i>
                </div>
            <a href="{{ route('kullanicilar') }}" class="small-box-footer">Sayfaya Git <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-green">
                <div class="inner">
                  <h3>{{ $cihazSayisi }}</h3>
                  <p>Toplam Cihaz</p>
                </div>
                <div class="icon">
                    <i class="fa fa-laptop"></i>
                </div>
                <a href="{{ route('cihazlar') }}" class="small-box-footer">Sayfaya Git <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-yellow">
                <div class="inner">
                  <h3>{{ $kartusSayisi }}</h3>
                  <p>Toplam Kartuş</p>
                </div>
                <div class="icon">
                    <i class="fa fa-print"></i>
                </div>
                <a href="{{ route('kartuslar') }}" class="small-box-footer">Sayfaya Git <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-red">
                <div class="inner">
                  <h3>{{ $lisansSayisi }}</h3>
                  <p>Toplam Lisans</p>
                </div>
                <div class="icon">
                    <i class="fa fa-certificate"></i>
                </div>
                <a href="{{ route('lisanslar') }}" class="small-box-footer">Sayfaya Git <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
             <!-- ./col -->
             <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-aqua">
                <div class="inner">
                  <h3> GB</h3>
                  <p>Backup Boş Disk Alanı</p>
                </div>
                <div class="icon">
                    <i class="fa fa-pie-chart"></i>
                </div>
                <a href="" class="small-box-footer">Toplam Disk Kapasitesi :  TB</a>
              </div>
            </div>

             <!-- ./col -->
             <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-purple">
                <div class="inner">
                  <h3> GB</h3>
                  <p>NAS Server Boş Disk Alanı</p>
                </div>
                <div class="icon">
                    <i class="fa fa-pie-chart"></i>
                </div>
                <a href="" class="small-box-footer">Toplam Disk Kapasitesi :  TB</a>
              </div>
            </div>
            
             <!-- ./col -->
             <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-maroon">
                <div class="inner">
                  <h3>{{ $bekleyenTalep }}</h3>
                  <p>Bekleyen Talep</p>
                </div>
                <div class="icon">
                    <i class="fa fa-list-ul"></i>
                </div>
                <a href="{{ route('destekler') }}" class="small-box-footer">Sayfaya Git <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>

             <!-- ./col -->
             <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-teal">
                <div class="inner">
                  <h3>{{ $gelenTalep }}</h3>
                  <p>Size Yönlendirilen Talep</p>
                </div>
                <div class="icon">
                    <i class="fa fa-thumb-tack"></i>
                </div>
                <a href="{{ route('destekler') }}" class="small-box-footer">Sayfaya Git <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>

          </div>
    </section>


    <!-- Main content -->
    <section class="content">
    <div class="row">
      <div class="col-md-4 no-print">
      <div class="box box-warning">
        <div class="box-header with-border">
          <h3 class="box-title"><img src="{{ asset('images/notes.png') }}" height="20"> Hatırlatma Listesi |</h3>
          <small style="color: red"> 'Hatırlatma Tarihi' yakın olan son 6 kayıt listeleniyor</small>
          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
                    title="Collapse">
              <i class="fa fa-minus"></i></button>
            <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
              <i class="fa fa-times"></i></button>
          </div>
        </div>
        <div class="box-body">
              <div class="table-responsive">
                <table id="myTable" class="table no-margin">
                  <thead>
                  <tr>
                    <th>ID</th>
                    <th>Başlık</th>
                    <th>Oluşturulma Tarihi</th>
                    <th>Hatırlatma Tarihi</th>
                    <th>Durum</th>
                  </tr>
                  </thead>
                  <tbody>
                  @foreach($notlar as $not)
                  <tr>
                    <td><a href="{{ route('not.duzenle',$not->id) }}">{{ $not->id }}</a></td>
                    <td>{{ $not->baslik }}</td>
                    <td>{{ $not->olusturulma_tarihi->diffForHumans() }}</td>
                    <td>{{ date('d.m.Y', strtotime($not->hatirlatma_tarihi)) }}</td>
                    <td>
                    <span style="width: 100%;" class="label label-{{ $not->durum==1 ? 'success'  : ($not->durum==2 ? 'info' : 'warning') }} btn-sm">{{ $not->durum==1 ? 'Tamamlandı'  : ($not->durum==2 ? 'İşleme Alındı' : 'Beklemede') }}</span>
                    </td>
                  </tr>
                  @endforeach
                  </tbody>
                </table>
              </div>
            </div>
      </div>
      <div class="box box-warning">
        <div class="box-header with-border">
          <h3 class="box-title"><img src="{{ asset('images/kargo.png') }}" height="20"> Kargo Listesi |</h3>
          <small style="color: red"> Durumu "Kargoda" olanlar listeleniyor</small>
          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
                    title="Collapse">
              <i class="fa fa-minus"></i></button>
            <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
              <i class="fa fa-times"></i></button>
          </div>
        </div>
        <div class="box-body">
              <div class="table-responsive">
                <table id="myTable" class="table no-margin">
                  <thead>
                  <tr>
                    <th>ID</th>
                    <th>Firma</th>
                    <th>Kargo Firması</th>
                    <th>Gidiş tarihi</th>
                    <th>Durum</th>
                  </tr>
                  </thead>
                  <tbody>
                  @foreach($kargolar as $kargo)
                  <tr>
                    <td><a href="{{ route('kargo.duzenle',$kargo->id) }}">{{ $kargo->id }}</a></td>
                    <td>{{ $kargo->gonderilen_firma }}</td>
                    <td>{{ $kargo->kargo_firmasi }}</td>
                    <td>{{ date('d.m.Y', strtotime($kargo->gonderilme_tarihi)) }}</td>
                    <td>
                    <button style="width: 100%;" class="btn btn-xs bg-navy">{{ $kargo->durum }}</button>
                    </td>
                  </tr>
                  @endforeach
                  </tbody>
                </table>
              </div>
            </div>
      </div>
      </div>

      <div class="col-md-4 no-print">
          <div class="box box-danger">
            <div class="box-header with-border">
              <h3 class="box-title"><img src="{{ asset('images/print.png') }}" height="20"> Tükenen Kartuşlar</h3>
              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="table-responsive">
                <table class="table no-margin">
                  <thead>
                  <tr>
                    <th>Kartuş No</th>
                    <th>Stok</th>
                    <th>Durum</th>
                  </tr>
                  </thead>
                  <tbody>
                    @foreach($kartusTakip as $kartus)
                  <tr>
                    <td>{{ $kartus->kartusno }}</td>
                    <td>{{ $kartus->stok }}</td>
                    <td><span class="label label-{{ $kartus->stok==1 ? 'warning' : 'danger' }}">{{ $kartus->stok==1 ? 'Son 1 Kartuş' : 'Tükendi' }}</span></td>
                  </tr>
                  @endforeach
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>  
        <div class="col-md-4">
          <div class="box box-primary">
           <div class="box-header with-border">
             <h3 class="box-title"><img src="{{ asset('images/print.png') }}" height="20"> Departman Toner Kullanım Raporu</h3>
             <small style="color: red"> 10 Kayıt Listeleniyor...</small>
             <div class="box-tools pull-right">
               <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
               </button>
               <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
             </div>
           </div>
          <div class="box-body">
           <div class="table-responsive">
             <table class="table no-margin">
               <thead>
               <tr>
                 <th>Kartuş No</th>
                 <th>Stok</th>
                 <th>Durum</th>
               </tr>
               </thead>
               <tbody>
                 @foreach($kartus_kullanim as $rapor)
               <tr>
                 <td>{{ $rapor->departman }}</td>
                 <td>{{ $rapor->kartusno }}</td>
                 <td>{{ $rapor->adet }}</td>
               </tr>
               @endforeach
               </tbody>
             </table>
           </div>
         </div>
       </div>
       </div>    
      </div>
    </section>
  </div>
  @endsection

  @section('footer')
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script>

<script>
    $(document).ready(function() {
        $('#example').DataTable({
            dom: 'Bfrtip',
            buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print', , 'pageLength'
            ],
            lengthMenu: [
                [10, 25, 50, -1],
                ['10 rows', '25 rows', '50 rows', 'Show all']
            ],
            "order": [
                [1, "desc"]
            ]
        });
    });

</script>
<script>
      @php
        $labels1 = "";
        $labels2 = "";
        $labels3 = "";
        $data = "";
        $data1 = "";
       
        foreach($kartus_kullanim as $rapor)
        {
            $labels1 .= "\"$rapor->adet\",";
            $labels2 .= "\"$rapor->kartusno\",";
            $labels3 .= "\"$rapor->departman\",";
            $data1 .="\"$rapor->kartusno\",";
        }
        
    @endphp 
        
    var ctx = document.getElementById('myChart').getContext('2d');
    var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [{!! $labels2 !!}],
        datasets: [{
            label: 'Adet',
            data: [{!! $labels1 !!}],
            borderColor : '#36A2EB',
            backgroundColor : 'rgba(0, 166, 90, 0.8)',
            borderWidth: 1
        }],
      
    },
    options: {
				responsive: true,
				title: {
					display: true,
				},
				tooltips: {
					mode: 'index',
					intersect: false,
				},
				hover: {
					mode: 'nearest',
					intersect: true
				},
				scales: {
					xAxes: [{
						display: true,
						scaleLabel: {
							display: true,
							labelString: 'Sınav Başına D/Y/B Sayıları'
						}
					}],
					yAxes: [{
						display: true,
						scaleLabel: {
							display: true,
							labelString: 'Toplam'
						}
					}]
				}
			}
});



</script>

@endsection