@extends('admin::curd.preview')
@section('heading')

@stop

@section('title')
@stop

@section('breadcrumb')

@stop

@section('entry')

@stop

@section('tools')
@stop

@section('content')
<div class="col-md-12">
 
  <div class="pull-right">
        <button type="button" class="btn btnPrint btn-default pull-right btn-sm phide"><i class="fa fa-credit-card"></i> Print</button>
    </div>
    <h2 class="page-header">
        {!! getHeaderLogo() !!} Cost Center List
    </h2>
      

    <table width="100%" class="table table-bordered"  id="t01">
               <thead class="list_head">
            <tr>
                <th>Sr</th>
                <th>Code</th>
                <th>Cost Center Name</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
             @forelse($cost_center as $key => $val)
                <tr>

                    <td>{{  @$key + 1  }}</td>
                    <td>{{  $val->code  }}</td>
                    <td>{{  $val->name  }}</td>
                    <td>{{  $val->status  }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="8">No Cost Center</td>
                </tr>
            @endif
            </tbody>
        </table>


    
    
    
</div>

<div class="modal fade" id="popup-send-mail"  tabindex="-1" role="dialog" aria-labelledby="myModalLabels" aria-hidden="true">
  <div class="modal-dialog" style="width:1200px;">
    <div class="modal-content">
    
    </div>
  </div>
</div>
@stop

<style type="text/css">
   
table#t01 tr:nth-child(even) {
    background-color: #fff;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th {
   
    background-color:#808080;
    color: white;
}
@media print{
    .phide{
        display: none;
    }
}
</style>

<script type="text/javascript">
    $(document).ready(function(){
        $(".btnPrint").click(function () {
            var printWindow = window.open("{!!trans_url('admin/cost_center/cost_center/preview')!!}/{!!'0'!!}", 'Print', 'height=800,width=1200');
            printWindow.addEventListener('load', function(){
                printWindow.print();
            });
        });

       
    });
</script>