@extends('layouts.master')
@section('title',"Cihazlar")
@section('content')
@section('head')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
@endsection
 <div class="content-wrapper">
    <section class="content-header">
      <h1>
        Cihazlar | <a href="{{ route('cihaz.yeni') }}"><button class="btn btn-success btn-sm"><i class="fa fa-plus"></i> Yeni Kayıt</button></a>
      </h1>
      <ol class="breadcrumb">
      <li><a href="{{ route('anasayfa') }}"><i class="fa fa-dashboard"></i> Anasayfa</a></li>
        <li class="active">Cihazlar</li>
      </ol>
    </section>
    <section class="content">
    @if(session()->has('mesaj_tur'))
    <div class="alert alert-{{ session('mesaj_tur') }}">
      {{ session('mesaj') }}
    </div>
    @endif
        <div class="row">
          <div class="col-xs-12">
    <div class="box">
        <div class="box-body">
          <table id="example" class="table table-bordered table-striped">
            <thead>
            <tr>
              <th>Ad Soyad</th>
              <th>Departman</th>
              <th>Bilgisayar Tipi</th>
              <th>İşletim Sistemi</th>
              <th>Marka-Model</th>
			  <th>Office</th>
              <th>Seri No</th>
              <th>IP Adresi</th>
              <th width="90px">İşlemler</th>
            </tr>
            </thead>
            <tbody>
            @foreach($cihazlar as $cihaz)
            <tr>
              <td>{{ @$cihaz->kullanici->adsoyad }}</td>
              <td>{{ @$cihaz->kullanici->departman }}</td>
              <td>{{ $cihaz->tur }}</td>
              <td>{{ $cihaz->isletim_sistemi }}</td>
			  <td>{{ $cihaz->marka }} - {{ $cihaz->model }}</td>
              <td>{{ $cihaz->office }}</td>
              <td>{{ $cihaz->serino }}</td>
              <td>{{ $cihaz->ip_adresi }}</td>
              <td>
                <a href="{{ route('cihaz.duzenle',@$cihaz->id) }}" title="Düzenle"><button class="btn btn-success btn-sm"><i class="fa fa-pencil"></i></button></a>
                <a href="{{ route('etiket',@$cihaz->serino) }}" title="Düzenle"><button class="btn btn-primary btn-sm"><i class="fa fa-qrcode"></i></button></a>
                <a href="{{ route('cihaz.sil',@$cihaz->id) }}" onclick="return confirm('Seçilen Öğeyi Silmek İstediğinize Emin Misiniz?')" title="Sil"><button class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></button></a>
              </td>

            </tr>
            @endforeach
            </tbody>
            <tfoot>
            <tr>
               <th>Ad Soyad</th>
              <th>Departman</th>
              <th>Bilgisayar Tipi</th>
              <th>İşletim Sistemi</th>
              <th>Marka-Model</th>
			   <th>Office</th>
              <th>Seri No</th>
              <th>IP Adresi</th>
              <th width="90px">İşlemler</th>
            </tr>
            </tfoot>
          </table>
        </div>
      </div>
    </div>
    </div>
   </section>
  </div>
  @endsection
  @section('footer')
  <script src="{{ asset('bower_components\datatables.net\js\jquery-3.3.1.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\cihaz.dataTables.min.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\dataTables.button.min.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\buttons.flash.min.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\jszip.min.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\pdfmake.min.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\vfs_fonts.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\buttons.html5.min.js') }}"></script>
  <script src="{{ asset('bower_components\datatables.net\js\buttons.print.min.js') }}"></script>
<script>
    $(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );
</script>
<script>
  setTimeout(function(){
    $('.alert').slideUp('slow');}
    ,3000);
</script>
  @endsection