@extends('Reports.template')

<!--Title-->
@section('title')
Leave 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')
<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="5" 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="3" 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>
            <tr>
                <th colspan="7" class="th borderNone borderBottom reportTitle">Leave Report</th>
                <th colspan="2" align='right' style="text-align:right;" class="th borderNone borderBottom reportTitle">  to  </th>

            </tr>
            
            <tr>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Emp. Id</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Employee Name</th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Month </th>
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Leave Type</th>;
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Opening Balance</th>;
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">New Added</th>;
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Leave Taken</th>;
                <th style="border: 1px solid black;" class="th alignTop borderTopBottomGray">Final</th>;

           	</tr>
            
        </thead>
        <tbody>

                    </tbody>
<!--         <tfoot>
        <td colspan="16" class="th smallFont noPadding alignTop borderTopBottom txtLeft">
            *This Report contains Final Salary Summary.</td>
        <td colspan="4" class="th smallFont noPadding alignTop borderTopBottom txtRight">
        </tfoot> -->
    </table>

    <!--Print-->
    <div class="col-xs-12" style="margin-bottom:15px;">
        <div class="col-xs-5 col-lg-offset-5 no-print">
            <button class="btn btn-sm btn-info" id="btnexport" data-myval="Leave Report">
                <span class="glyphicon glyphicon-download-alt"></span> Excel
            </button>
            <button onclick="print()" class="btn btn-sm btn-success no-print">
                <span class="glyphicon glyphicon-print"></span> Print
            </button>
            <a href="{{ url('SalaryDownload') }}" 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-->