@extends('hr_main')
@section('title', '| Leave Status Report')

@section('stylesheets')
    @include('hr.report.reportStyle')
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">

        <div class="panel panel-gray">
            <div class="panel-header">
                <div class="row">
                    <div class="col-md-12">
                        <h2 style="border-bottom: 1px solid #e4e4e4; color: #fff; padding-bottom:.1em;">{{ $pageTitle }}</h2>
                    </div>
                </div>
            </div>
            <div class="panel-body panelBodyView">
                <div class="row">
                    <div class="col-md-10">
                        @include('hr.report.leaveStatus._filterForm',[ 'projects' => $projects ])
                    </div>
                    <div class="col-md-2 text-right">
                        <a 
                            href="{{ url($resetUrl) }}" 
                            style="margin-top: 25px;" 
                            class="btn btn-primary"> 
                            <i class="fa fa-refresh"></i> 
                        </a>
                        <button 
                            style="margin-top: 25px;" 
                            class="btn btn-primary" 
                            value="true" 
                            name="print" 
                            type="submit" 
                            onclick="print()"> 
                            <i class="fa fa-print"></i> 
                        </button>
                    </div>
                </div>
                {{-- ./row --}}
                @if($isFilterFormSubmitted)
                <div class="row">
                    <div class="report" id='report-area'>
                        <div class="report-head col-md-12 text-center">
                            <h1 class="report-title">{{ $company->name }}</h1>
                            <p class="report-sub-title" style="font-size: 1.2em; margin-bottom:0;"><u>{{ $reportTitle }}</u></p>
                            <div class="address">
                                {{ $company->address }}
                            </div>
                            <div class="branch">
                                @if($selectedBranch->id != '*') 
                                    Branch : {{ $selectedBranch->name }} 
                                @endif
                            </div>
                        </div>
                        <div class="report-body col-md-12 text-gray">
                            @include('hr.report.leaveStatus._table')
                        </div>
                    </div>
                </div>
                @endif
            </div>
            {{-- ./panel-body --}}
        </div>

      

    </div>
    {{-- ./col-md-12 --}}
</div>
{{-- ./row --}}
@endsection

@section('footerAssets')
<script type="text/javascript">
    function print() {
        var mainContents = document.getElementById("report-area").innerHTML ;   
        var win = window.open('','printwindow');
        var printStyle = `<style>
            html,body{
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            }

            table {
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                border-collapse: collapse;
                width: 100%;
                margin: 0px;
            }

            td,  th {
                border: 1px solid #000;
                padding: 5px;
            }

            th {
                padding-top: 12px;
                padding-bottom: 12px;
                text-align: left;
                color: #000;
            }
            .text-right{
                text-align: right;
            }
            .text-center{
                text-align: center;
            }
            .page {
                page-break-after: always;
                page-break-inside: avoid;
            }
            .signature{
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: 60px;
                font-family: arial;
            }
        </style>`;
        var printContent = '<div>' + printStyle + mainContents +'</div>';
        win.document.write(printContent);
        win.print();
        win.close();
    }
</script>
@endsection