@extends('layouts.app-2')
@section('title')
   Profit Sharing
   @endsection
@section('content')

   <!-- Content Header (Page header) -->
   <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Profit Sharing</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Profit Sharing </li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
   </div>
    <!-- /.content-header -->

    <!-- Main content -->
   <section class="content">
      <div class="container-fluid">
         <div class="card">
            <div class="card-header">
              <h3 class="card-title">DataTable with default features</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
               <table id="example1" class="table table-bordered table-striped">
                  <thead>
                     <tr>
                        <th>Teknisi</th>
                        <th>Kordinator</th>
                        <th>PT GAIN</th>
                        <th>GOES APP</th>
                        {{-- <th style="text-align: right">Action</th> --}}
                     </tr>
                  </thead>
                  <tbody>
                     @foreach ($datas as $data)
                         <tr>
                           <td>{{$data->teknisi}} %</td>
                           <td>{{$data->kordinator}} %</td>
                           <td>{{$data->gain}} %</td>
                           <td>{{$data->developer}} %</td>
                           {{--  --}}
                         </tr>
                     @endforeach
                  
                  </tbody>
               </table>
            </div>
            <!-- /.card-body -->
          </div>
      </div><!-- /.container-fluid -->
   </section>
    <!-- /.content --> 
@endsection

@push('datatables')
<script>
   $(function () {
     $("#example1").DataTable({
       "responsive": true,
       "autoWidth": false,
     });
     $('#example2').DataTable({
       "paging": true,
       "lengthChange": false,
       "searching": false,
       "ordering": true,
       "info": true,
       "autoWidth": false,
       "responsive": true,
     });
   });
 </script>
@endpush