@extends('layouts.master')
@section('title',"Kartuşlar")
@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">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Kartuşlar | <a href="{{ route('kartus.yeni') }}"><button type="button" class="btn btn-success btn-sm"><i class="fa fa-plus"></i> Yeni Kayıt</button></button></a>
        <button type="button" data-toggle="modal" data-target="#exampleModal" class="btn btn-success btn-sm"><i class="fa fa-check"></i> Giriş-Çıkış Fişi Oluştur</button></button>
      </h1>
      <ol class="breadcrumb">
      <li><a href="{{ route('anasayfa') }}"><i class="fa fa-dashboard"></i> Anasayfa</a></li>
        <li class="active">Kartuşlar</li>
      </ol>
    </section>
    <section class="content">
    @if(session()->has('mesaj_tur'))
    <div class="alert alert-{{ session('mesaj_tur') }}">
      {{ session('mesaj') }}
    </div>
    @endif
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </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>Raf No</th>
              <th>Kartuş No</th>
              <th>Stok</th>
              <th>Son Güncellenme</th>
              <th width="53">İşlem</th>
            </tr>
            </thead>
            <tbody>
           @foreach($kartuslar as $kartus)
            <tr>
              <td>{{ $kartus->rafno }}</td>
              <td>{{ $kartus->kartusno }}</td>
              <td>{{ $kartus->stok }} Adet</td>
              <td>{{ $kartus->guncellenme_tarihi }}</td>
              <td>
                  <a href="{{ route('kartus.duzenle',$kartus->id) }}" title="Düzenle"><button class="btn btn-success btn-sm"><i class="fa fa-pencil"></i></button></a>
                  <a href="{{ route('kartus.sil',$kartus->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>Raf No</th>
              <th>Kartuş No</th>
              <th>Stok</th>
              <th>Son Güncellenme</th>
              <th>İşlem</th>
            </tr>
            </tfoot>
          </table>
        </div>
      </div>
    </div>
    </div>
   </section>
  </div>
  <!-- Modal -->
<form action="{{ route('kartus.kaydet') }}" method="POST">
  @csrf
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
       <div class="row">
         <div class="col-md-12">
           <label >İşlem Türü</label>
           <select name="islem" id="islem" class="form-control">
            <option value="0">İşlem Seç</option>
            <option value="Giriş">Giriş</option>
            <option value="Çıkış">Çıkış</option>
           </select>
         </div>
       </div>
       <div class="row" id="departman" style="display: none">
        <div class="col-md-12">
          <label for="islem">Departman</label>
          <select class="form-control select2" name="departman" style="width: 100%;">
            <option value="Bilgi İşlem Depo">Bilgi İşlem Depo</option>
            <option value="Güvenlik">Güvenlik</option>
            <option value="Sekreterya">Sekreterya</option>
            <option value="Pazarlama">Pazarlama</option>
            <option value="Dış Ticaret">Dış Ticaret</option>
            <option value="Canlı Faaliyetler">Canlı Faaliyetler</option>
            <option value="Muhasebe">Muhasebe</option>
            <option value="Finans">Finans</option>
            <option value="Denetim ve Raporlama">Denetim ve Raporlama</option>
            <option value="Canlı Laboratuvar">Canlı Laboratuvar</option>
            <option value="Su Arıtma">Su Arıtma</option>
            <option value="Kojenerasyon">Kojenerasyon</option>
            <option value="Soğuk Hava">Soğuk Hava</option>
            <option value="Bilgi İşlem">Bilgi İşlem</option>
            <option value="Üretim Odası">Üretim Odası</option>
            <option value="Chickway">Chickway</option>
            <option value="Kesim Amirleri">Kesim Amirleri</option>
            <option value="Satınalma">Satınalma</option>
            <option value="Teknik Atölye">Teknik Atölye</option>
            <option value="İnsan Kaynakları">İnsan Kaynakları</option>
            <option value="İdari İşler">İdari İşler</option>
            <option value="Sevkiyat">Sevkiyat</option>
            <option value="Kalite Laboratuvar">Kalite Laboratuvar</option>
            <option value="Revir">Revir</option>
            <option value="Yem Üretim">Yem Üretim</option>
            <option value="Canlı Kantar">Canlı Kantar</option>
            <option value="Balıkesir">Balıkesir Şube</option>
            <option value="Bursa">Bursa Şube</option>
            <option value="İzmir">İzmir Şube</option>
          </select>
        </div>
      </div>
       <div class="row">
         <div class="col-md-6">
           <label for="islem">Kartuş No</label>
           <select name="kartusno" class="form-control">
           @foreach($kartuslar as $kartus)
           <option value="{{ $kartus->kartusno }}">{{ $kartus->kartusno }}</option>
           @endforeach
           </select>
         </div>
         <div class="col-md-6">
           <label for="islem">Adet</label>
           <input type="number" name="adet" class="form-control">
         </div>
       </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-warning" data-dismiss="modal"><i class="fa fa-times"></i> Kapat</button>
        <button type="submit" class="btn btn-success"><i class="fa fa-check"></i> Kaydet</button>
      </div>
    </div>
  </div>
</div>
</form>
<!-- Modal -->
  @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: [
            /*'colvis',*/'csv', 'excel', 'pdf', 'print'
        ],
    } );
} );

</script>
<script>
  setTimeout(function(){
    $('.alert').slideUp('slow');}
    ,3000);
</script>
<script>
  $('#myModal').on('shown.bs.modal', function () {
  $('#myInput').trigger('focus')
})
</script>
<script>

    $('#islem').on('change',function(){
        var veri = $('#islem').val();
        if(veri == "Çıkış")
        {
            $('#departman').show();
        }
        else
        {
            $('#departman').hide();
        }
    });
</script>
<script>
$('#toast').on('click',function(){

    $('goster').show().delay(300);

});
</script>

@endsection