@extends('master.app')
@section('title', 'employee')
@section('body')
    <main class="app-content">
        <section class="">
            <div class="">
                <div class="card">
                    <div class="card-body" id="report">
                        <div class="row g-0">
                            <div class="col-md-12 gradient-custom text-center text-white"
                                style="border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;">
                                <h3 class="text-dark">{{ $bname }}</h3>
                                <h5 class="text-dark">{{ $salary->employee->name }}</h5>
                                <h5 class="text-dark">Month of {{ $salary->month }}</h5>
                                <h5 class="text-dark">{{ $salary->date }}</h5>
                            </div>
                            <div class="row mt-2 " id="letter_head" style="display: none;">
                                {{-- <h4>{{ $bname }}</h4> --}}
                                <img src="{{ asset('storage/'.$blogo) }}" class="letter_head mt-5"
                                    alt="" style="margin-top: 50px!important;">
                            </div>
                            <div class="col-md-12 mt-2" id="print_button">
                                <button class="btn btn-print btn-sm btn-rounded btn-primary"
                                onclick="printReport()">Print</button>
                            </div>
                            <div class="col-md-12">
                                <div class="card-body p-4">
                                    <div class="row">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Basic Salary</th>
                                                    <th>{{ $salary->basic_salary }}</th>
                                                </tr>
                                                <tr>
                                                    <th>Overtime Amount</th>
                                                    <th>{{ $salary->overtime_amount }}</th>
                                                </tr>
                                               
                                                <tr>
                                                    <th>Attend Days</th>
                                                    <th>{{ $salary->opsent_days }}</th>
                                                </tr>
                                                <tr>
                                                    <th>Attend Amount</th>
                                                    <th>{{ $salary->opsent_amount }}</th>
                                                </tr>
                                                <tr>
                                                    <th>Gross Salary</th>
                                                    <th>{{ $salary->gross_salary }}</th>
                                                </tr>
                                                <tr>
                                                    <th>Advance Amount</th>
                                                    <th>{{ $salary->advance_amount }}</th>
                                                </tr>
                                                <tr>
                                                    <th>Net Salary</th>
                                                    <th>{{ $salary->net_salary }}</th>
                                                </tr>

                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
        </section>
    </main>
@endsection


@section('pageJs')
    <script type="text/javascript">
        $(".app-menu").removeClass("active");
        $("#nav_hri").addClass("active");
        $("#hri").addClass("is-expanded");
        $("#nav_emp_salary").addClass("active");
    </script>
@endsection