@extends('Reports.template')
 
<!--Title-->
@section('title')
EPF Report
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    @media print {
        @page {
            size: A4 landscape;
        }

        table, th, td {
            border: 1px solid black;
            font-size: 10px !important; 
        }
    }
</style>

@endsection
<!--External CSS Close-->

@section('Content')
<!-- Your Page Content Here -->
<div class="col-md-12 table-responsive">
    <table class="table table-responsive" style="border-top:none; border-bottom:1px solid #000; font-size:12px;">
        <thead>
            <tr>
                <th colspan="4" class="borderNone borderBottom" style="vertical-align:center;">
                    @if($businessEntityMasterData[0]->logo != null)
                    <!--Image-->
                    <img class="img-responsive" alt="Pharmacy Logo"
                         src="{{"data:image/jpeg;base64,".base64_encode( $businessEntityMasterData[0]->logo )}}" />
                    @endif
                </th> 
                <th colspan="7" class="borderNone borderBottom txtRight">
                    <div style="line-height:1.0;" class="heading">{{ $businessEntityMasterData[0]->name }}</div>
                    <div style="line-height:1.0;">
                        {{$businessEntityMasterData[0]->add1. " " .$businessEntityMasterData[0]->add2 ." ".$businessEntityMasterData[0]->city." : " .$businessEntityMasterData[0]->pincode }}
                    </div>
                    <div style="line-height:1.0;">{{"Phone : ".$businessEntityMasterData[0]->tel1}}</div>
                </th>
            </tr>
            @php 
            $title = "EPF Report";
            @endphp
            <tr>
                <th colspan="4" class="th borderNone borderBottom reportTitle">{{$title}}</th>
                <th colspan="7" class="txtRight th borderNone borderBottom">Month : {{date("F Y",strtotime($data_date))}}
            </tr>
            
            <tr>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">UAN</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Employee Name</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Gross Wages</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">EPF Wages/Basic</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">EPS Wages</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">EDLI Wages</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">EE Share 12%</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">EPS Cont-8.33</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">ER SHARE-3.67%</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">NCP DAYS</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">REFUND</th>           
            </tr>
        </thead>
        <tbody>
                    </tbody>
    </table>

    <!--Print-->
    <div class="col-xs-12" style="margin-bottom:15px;">
        <div class="col-xs-5 col-lg-offset-5 no-print">
            <button onclick="print()" class="btn btn-sm btn-success no-print">
                <span class="glyphicon glyphicon-print"></span> Print
            </button>
            <a href="{{ url('EPFReport') }}" class="no-print btn btn-danger btn-sm">
                <span class="glyphicon glyphicon-arrow-left"></span> Back
            </a>
        </div>
    </div>

</div>
@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')

@endsection
<!--External JS Close-->