@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>
        {{-- <a href="{!!trans_url('admin')!!}/assets/asset_depreciation/asset_excel/{!! $asset_depreciation->getRouteKey()!!}" class="btn  btn-primary pull-right btn-sm phide"><i class="fa fa-credit-card"></i> Excel</a> --}}
        {{-- <button type="button" class="btnEmail btn btn-primary btn-sm pull-right phide" id="{!! @$asset->getRouteKey() !!}" style="margin-right: 14px;margin-left: 10px;"><span aria-hidden="true" ><i class="fa fa-envelope" aria-hidden="true" ></i></span>&nbsp;Email</button> --}}
    </div>
    <h2 class="page-header">
        {!! getHeaderLogo() !!} Employee List
    </h2>
        {{-- <h4>Depreciation Ref : {{$asset_depreciation->ref}} </h4>
        <h4>Depreciation Type : {{$asset_depreciation->category}} </h4>
        <h4>Status : {{$asset_depreciation->status}} </h4>
        @if (@$asset_depreciation->status=="Posted")
            
        <h4>Voucher No : {!! $asset_depreciation->voucher_number!!} </h4>
        <h4>Posted Date : {!!@date('d M , Y',strtotime($asset_depreciation->posted_date)) !!} </h4>
        @endif
        <h4>Amount : {{ $asset_depreciation->total_amount}} </h4>
        <h4>Total Asset Count : {{ $asset_depreciation->asset_count}} </h4> --}}

    <table width="100%" class="table table-bordered"  id="t01">
               <thead class="list_head">
            <tr>
                <th>Sr</th>
                <th>{!! trans('company::employee.label.code')!!}</th>
                <th>{!! trans('company::employee.label.name')!!}</th>
                <th>{!! trans('company::employee.label.division_id')!!}</th>
                <th>{!! trans('company::employee.label.department_id') !!}</th>       
                <th>{!! trans('company::employee.label.designation')!!}</th>
                <th>{!! trans('company::employee.label.email')!!}</th>
                <th>{!! trans('company::employee.label.phone')!!}</th>
                <th>{!! trans('company::employee.label.status')!!}</th> 
            </tr>
        </thead>
        <tbody>
             @forelse($employees as $key => $val)
                <tr>
                    <td>{{  @$key + 1  }}</td>
                    <td>{{  $val->code }}</td>
                    <td>{{  $val->name  }}</td>
                    <td>{{  $val->division->name }}</td>
                    <td>{{  $val->department->name }}</td>
                    <td>{{  $val->designation  }}</td>
                    <td>{{  $val->email  }}</td>
                    <td>{{  $val->phone  }}</td>
                    <td>{{  $val->status  }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="8">No Employees</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">
    .lead{
        font-size:21px;
        margin-bottom: 20px;
        font-weight: 300;
        line-height: 1.9;
    }
    .head-td{
        text-align:left;
        border:0px !important;
    }
    .head-p{
        text-align:left;
        border:0px !important;
    }
     .head-a{
        text-align:left;
        border:0px !important;
    }
    .head-i{
        text-align:left;
        border:0px !important;
    }
    .head-p p{
        text-align: left;
        border: 0px !important;
        line-height: 1.5;
        vertical-align: top;
    }
    .head-i p{
        text-align: left;
        border: 0px !important;
        line-height: 1.5;
        vertical-align: top;
    }
    .head-a p{
        text-align: left;
        border: 0px !important;
        line-height: 1.5;
        vertical-align: top;
    }
</style> -->
<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/company/employee/preview')!!}/{!!'0'!!}", 'Print', 'height=800,width=1200');
            printWindow.addEventListener('load', function(){
                printWindow.print();
            });
        });

       
    });
</script>