{{--Get the Page Format--}}
@extends('layouts.app')

{{--Set Page Title--}}
@section('title', 'Employee Profile')

{{--Include any Internal JS Code--}}
@section('internal-js')
    <script>
        $(document).ready(function () {
            $('#example1').dataTable();
            $('#example2').dataTable();
            $('#advanceSalaryTable').dataTable();
            $('#payroll-history-table').dataTable();

            /**Push States**/
            $('#personal-details-url').on('click', function (){
                window.history.pushState({}, '', '?type=active');
            });
            $('#education-details-url').on('click', function (){
                window.history.pushState({}, '', '?type=EducationDetails');
            });
            $('#employment-details-url').on('click', function (){
                window.history.pushState({}, '', '?type=EmploymentDetails');
            });
            $('#leave-details-url').on('click', function (){
                window.history.pushState({}, '', '?type=LeaveManagement');
            });
            $('#salary-advance-url').on('click', function (){
                window.history.pushState({}, '', '?type=SalaryAdvance');
            });
            $('#payroll-details-url').on('click', function (){
                window.history.pushState({}, '', '?type=PayrollDetails');
            });
            $('#payroll-history-url').on('click', function (){
                window.history.pushState({}, '', '?type=PayrollHistory');
            });
        });

        function updateMyPersonalDetails(){
            var route_link = '/update-employee-details';


            $('#edit_dialog_content').html('<div style="text-align: center; margin: 20px 0 20px 0;"><img src="{{asset('images/loads/loader.gif')}}" border=0></div>')
                .load(encodeURI(route_link))
                .dialog({
                    modal: true,
                    width: 700,
                    title: "Update My Personal Details",

                    buttons: [
                        {
                            text: "Save Details",
                            icon: "ui-icon-check",
                            id: "my-button-1",
                            click: function(e) {
                                if(confirm('Are you sure to Save Entered Details?')){
                                    e.preventDefault();
                                    $("#my-button-1").attr('disabled', true).text('Please Wait....');
                                    var datas = $('#update-my-personal-details').serializeArray();

                                    $.ajax({
                                        method: "POST",
                                        url: route_link,
                                        data: datas,
                                        success: function (res){
                                            if(res == 'success'){
                                                window.location = '/employee-file?updatePersonalDetails=true';
                                            }else if(res == 'empty fields'){
                                                alert('Please provide details for all sections marked with the Red Asterisks');
                                                $("#my-button-1").attr('disabled', false).text('Save Details');
                                            }else if(res == 'error'){
                                                alert('There was an Error while trying to update your Records');
                                                $("#my-button-1").attr('disabled', false).text('Save Details');
                                            }else{
                                                alert('System Encountered an Error. Please Contact System Admin');
                                            }
                                        }
                                    });
                                }
                                return false;
                            }
                        }
                    ],
                    open: function() {
                        $(this).parent().css({'top': 50});
                    }
                });
        }

        function applyForAdvanceSalary(){
            var route_link = '/apply-advance-salary';

            $('#edit_dialog_content').html('<div style="text-align: center; margin: 20px 0 20px 0;"><img src="{{asset('images/loads/loader.gif')}}" border=0></div>')
            .load(encodeURI(route_link))
            .dialog({
                modal: true,
                width: 650,
                title: "Apply Advance Salary",

                buttons: [
                    {
                        text: "Apply For Advance",
                        icon: "ui-icon-check",
                        id: "my-button-1",
                        click: function(e) {
                            if(confirm('Are you sure to Save Entered Details?')){
                                e.preventDefault();
                                $("#my-button-1").attr('disabled', true).text('Please Wait....');
                                var datas = $('#apply-advance-salary').serializeArray();

                                $.ajax({
                                    method: "POST",
                                    url: route_link,
                                    data: datas,
                                    success: function (res){
                                        if(res == 'success'){
                                            window.location = '/employee-file?type=SalaryAdvance&applyAdvanceSalary=true';
                                        }else if(res == 'zero amount'){
                                            alert('You cannot apply a Zero Amount advance Salary');
                                            $("#my-button-1").attr('disabled', false).text('Save Details');
                                        }else if(res == 'empty narration'){
                                            alert('Please provide a Reason as to why you want an Advance Salary');
                                            $("#my-button-1").attr('disabled', false).text('Save Details');
                                        }else if(res == 'zero duration'){
                                            alert('You cannot Pay an Advance Salary with  a Zero Duration');
                                            $("#my-button-1").attr('disabled', false).text('Save Details');
                                        }else if(res == 'more duration'){
                                            alert('You cannot Pay an Advance Salary with more than 12 Months');
                                            $("#my-button-1").attr('disabled', false).text('Save Details');
                                        }else if(res == 'uncleared advances'){
                                            alert('You have Uncleared Advances. Please clear them to Apply a New One');
                                            $("#my-button-1").attr('disabled', false).text('Save Details');
                                        }else if(res == 'error'){
                                            alert('There was an Error while trying to apply for an Advance Salary');
                                            $("#my-button-1").attr('disabled', false).text('Save Details');
                                        }else{
                                            alert('System Encountered an Error. Please Contact System Admin');
                                            window.location = '/employee-file?type=SalaryAdvance&applyAdvanceSalary=false';
                                        }
                                    }
                                });
                            }
                            return false;
                        }
                    }
                ],
                open: function() {
                    $(this).parent().css({'top': 50});
                }
            });
        }

        {{--Function to view Advance Salary Report--}}
        function viewAdvanceSalaryReport(id){
            var route_link = '/advance-salary-repayment-report/'+id;

            $('#edit_dialog_content').html('<div style="text-align: center; margin: 20px 0 20px 0;"><img src="{{asset('images/loads/loader.gif')}}" border=0></div>')
                .load(encodeURI(route_link))
                .dialog({
                    modal: true,
                    width: 650,
                    title: "Advance Salary Repayment Report",
                    open: function() {
                        $(this).parent().css({'top': 50});
                    }
                });
        }
    </script>
@endsection

{{--Include any Internal CSS Code--}}
@section('internal-css')
    <style>
        #example1 th, td {
            text-align: left;
            padding: 5px;
        }
        #example1 tr:hover {background-color: #a3aef6;}

        #example2 th, td {
            text-align: left;
            padding: 5px;
        }
        #example2 tr:hover {background-color: #a3aef6;}

        #advanceSalaryTable th, td {
            text-align: left;
            padding: 5px;
        }
        #advanceSalaryTable tr:hover {background-color: #a3aef6;}

        #payroll-history-table th, td {
            text-align: left;
            padding: 5px;
        }
        #payroll-history-table tr:hover {background-color: #a3aef6;}
    </style>
@endsection

{{--No Headers are Needed for an Employee Profile--}}

{{--Set Page Heading--}}
@section('heading')
    My User Profile:
    @isset($employee)
        <span class="error">{!! strtoupper($employee->firstName." ".$employee->lastName) !!}</span> |
        <span class="success"> {!! $employee->accessType($employee->access) !!}</span> |
        <span class="error">
        @if($employee->branchDetails != null)
                {!! $employee->branchDetails->name.' Branch' !!}
            @endif
        </span>
    @endisset
@endsection

@section('searches', '')

{{--Page Content Goes here--}}
@section('content')
    @isset($_GET['applyAdvanceSalary'])
        <div class="error-section">
            <span onclick="this.parentElement.style.display='none'" class="topright" style="color: white ;margin-top: -4px;font-weight: bold; margin-right: 5px">&times</span>
            @if($_GET['applyAdvanceSalary'] == 'true')
                <div class="yesFound">Salary Advance Successfully Applied. Please wait for it to be Approved</div><br>
            @elseif($_GET['applyAdvanceSalary'] == 'false')
                <div class="notFound">System is unable to save Advance Salary Details submitted . Please Contact System Admin for Assistance</div><br>
            @endif
        </div>
    @endisset
    <div class="guestDetails_buttons_left">
        <div class="guestDetails_buttons_left">
            <button type="button" class="navButtons" style="background-color: #2f45d7;margin-left: 0;margin-bottom: 0" onclick="updateMyPersonalDetails()"><i class="fa fa-pencil-square-o"></i> &nbsp;PERSONAL DETAILS</button>
            <button type="button" class="navButtons" style="background-color: #2f45d7;margin-bottom: 0" onclick="addEducationDetails()"><i class="fa fa-plus-circle"></i> &nbsp;EDUCATION DETAILS</button>
            <button type="button" class="navButtons" style="background-color: #14CF5F;margin-bottom: 0" onclick="applyForAdvanceSalary()"><i class="fa fa-money"></i> &nbsp;APPLY ADVANCE SALARY</button>
            <button type="button" class="navButtons" style="background-color: #14CF5F;margin-bottom: 0" onclick="applyForLeave()"><i class="fa fa-calendar"></i> &nbsp;APPLY LEAVE</button>
            <button type="button" class="navButtons" style="background-color: #f1d414;margin-bottom: 0; color: black" onclick="downloadPNineForm()"><i class="fa fa-download"></i> &nbsp;DOWNLOAD P9 FORMS</button>
        </div>
    </div>
    <div class="guestDetails_inputDivider2"></div>
    <div class="tab">
        <button class="tablinks" onclick="openCity(event, 'general')" @if(isset($_GET['type']) && $_GET['type'] == 'active') id="defaultOpen" @else id="personal-details-url"@endif >General Personal Details</button>
        <button class="tablinks" onclick="openCity(event, 'education')" @if(isset($_GET['type']) && $_GET['type'] == 'EducationDetails') id="defaultOpen" @else id="education-details-url"@endif>Education Details</button>
        <button class="tablinks" onclick="openCity(event, 'employment')" @if(isset($_GET['type']) && $_GET['type'] == 'EmploymentDetails') id="defaultOpen" @else id="employment-details-url"@endif>Employment Details</button>
        <button class="tablinks" onclick="openCity(event, 'leave')" @if(isset($_GET['type']) && $_GET['type'] == 'LeaveManagement') id="defaultOpen" @else id="leave-details-url"@endif>Leave Management</button>
        <button class="tablinks" onclick="openCity(event, 'advances')" @if(isset($_GET['type']) && $_GET['type'] == 'SalaryAdvance') id="defaultOpen" @else id="salary-advance-url"@endif>Salary Advances</button>
        <button class="tablinks" onclick="openCity(event, 'payroll')" @if(isset($_GET['type']) && $_GET['type'] == 'PayrollDetails') id="defaultOpen" @else id="payroll-details-url"@endif>Payroll Details</button>
        <button class="tablinks" onclick="openCity(event, 'payrollHistory')" @if(isset($_GET['type']) && $_GET['type'] == 'PayrollHistory') id="defaultOpen" @else id="payroll-history-url"@endif>Payroll History</button>
    </div>

    <div class="tabcontent" id="general">
        <h3><span class="error" style="margin-right: 20px">My Personal Details</span></h3>
        <div style="background-color: rgba(234,236,238,0.72); border-radius: 5px; padding: 5px 6px">
            <div id="main-div-section">
                <div class="wrapperer" id="client-table-wrapper">
                    <div class="column" style="max-width: 12%">
                        <table  style="width: 100%; border-collapse: collapse">
                            <tr >
                                <th rowspan="6"><img src="{{asset('images/user.png')}}" style="width: 100px; height: 90px; border-radius: 50%"><br>
                                    @if(app('CompanyModules')->dms == 1)
                                        <button type="button" style="cursor: pointer; font-size: 8pt"><i class="fa fa-upload" aria-hidden="true"></i> &nbsp; Upload Photo</button>
                                    @endif
                                </th>
                            </tr>
                        </table>
                    </div>
                    <div class="column">
                        <table  class="table" style="width: 100%; border-collapse:collapse; margin: 5px">
                            <tr>
                                <th>User Name:</th>
                                <td><b class="error">{!! strtoupper($employee->firstName." ".$employee->lastName) !!}</b></td>
                            </tr>
                            <tr>
                                <th>Branch:</th>
                                <td>
                                    @if($employee->branchDetails)
                                        <b class="error">{!! strtoupper($employee->branchDetails->name) !!}</b>
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Employee Number:</th>
                                <td><b class="error">{!! $employee->e_no ?? '-' !!}</b></td>
                            </tr>
                            <tr>
                                <th>Physical Location:</th>
                                <td>{!! $employee->address ?? '-' !!}</td>
                            </tr>
                            <tr>
                                <th>Personal Email Address:</th>
                                <td><b style="color: #0000cc">{!! $employee->personal_email ?? '-' !!}</b></td>
                            </tr>
                            <tr>
                                <th>Date Created:</th>
                                <td><b>{{$employee->created_at->format('j F Y H:i:s a')}}</b></td>
                            </tr>
                            <tr>
                                <th>Created By:</th>
                                <td>
                                    @if($employee->createdBy != null)
                                        <b>{{$employee->createdBy->firstName." ".$employee->createdBy->lastName}}</b>
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="column">
                        <table class="table" style="width: 100%; border-collapse:collapse; margin: 5px">
                            <tr>
                                <th>Company Email Address:</th>
                                <td><b style="color: #0000cc">{!! $employee->email !!}</b></td>
                            </tr>
                            <tr>
                                <th>Phone Number:</th>
                                <td><b>{!! strtoupper($employee->phone) !!}</b></td>
                            </tr>
                            <tr>
                                <th>NHIF Number:</th>
                                <td><b style="color: #0000cc">{!! $employee->nhif ?? '-' !!}</b></td>
                            </tr>
                            <tr>
                                <th>NSSF Number:</th>
                                <td><b style="color: #0000cc">{!! $employee->nssf ?? '-' !!}</b></td>
                            </tr>
                            <tr>
                                <th>KRA PIN:</th>
                                <td>{!! $employee->kra_pin ?? '-' !!}</td>
                            </tr>
                            <tr>
                                <th>Huduma Number:</th>
                                <td>{!! $employee->huduma_number ?? '-' !!}</td>
                            </tr>
                            <tr>
                                <th>ID Number:</th>
                                <td>{!! $employee->id_no ?? '-' !!}</td>
                            </tr>
                        </table>

                    </div>
                    <div class="column">
                        <table class="table" style="width: 100%; border-collapse:collapse; margin: 5px">
                            <tr>
                                <th>Bank Name:</th>
                                <td>{!! $employee->bank_name ?? '-' !!}</td>
                            </tr>
                            <tr>
                                <th>Branch:</th>
                                <td>{!! $employee->bank_branch ?? '-' !!}</td>
                            </tr>
                            <tr>
                                <th>Bank Code:</th>
                                <td>{!! $employee->bank_code ?? '-' !!}</td>
                            </tr>
                            <tr>
                                <th>Account Number:</th>
                                <td><b class="error">{!! $employee->acc_no ?? '-' !!}</b></td>
                            </tr>
                        </table>
                        <div class="guestDetails_inputDivider"></div>
                        <table style="width: 100%; border-collapse: collapse;">
                            <tr>
                                <td>
                                    <button type="button" class="navButtons" style="background-color: #d9ffff;color: black; margin-bottom: 0;font-weight: bold; min-width: 200px ;font-size: 14px">ADVANCE SAL BAL
                                        (<span class="error">KES</span>):
                                        <b class="error" style="margin-left: 10px">
                                            {{'0.00'}}
                                        </b>
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div><br>
    </div>
    <div class="tabcontent" id="education">
        <h3 ><span class="error" style="margin-right: 20px">My Education Details</span></h3>
        <table id="example1" class="display" style="width: 100%; border-collapse: collapse">
            <thead>
            <tr style="background-color: #a1b5d3">
                <th>No</th>
                <th>Trans Type</th>
                <th>Ref</th>
                <th>Details</th>
                <th>Bill Amount</th>
                <th>Paid Amount</th>
                <th>Bill Date</th>
                <th>Bill Due Date</th>
                <th>View/Upload Docs</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
            <tfoot>
            <tr style="background-color: #a1b5d3">
                <th>No</th>
                <th>Trans Type</th>
                <th>Ref</th>
                <th>Details</th>
                <th>Bill Amount</th>
                <th>Paid Amount</th>
                <th>Bill Date</th>
                <th>Bill Due Date</th>
                <th>View/Upload Docs</th>
            </tr>
            </tfoot>
        </table>
    </div>
    {{--Employement Details--}}
    <div class="tabcontent" id="employment">
        <h3 ><span class="error" style="margin-right: 20px">Employement Details</span></h3>

    </div>
    {{--Leave Management--}}
    <div class="tabcontent" id="leave">
        <h3 ><span class="error" style="margin-right: 20px">Leave Management</span></h3>

    </div>

    {{--Salary Advances--}}
    <div class="tabcontent" id="advances">
        <h3 ><span class="error" style="margin-right: 20px">My Advance Salary Analysis</span></h3>
        <table id="advanceSalaryTable" class="display" style="width: 100%; border-collapse: collapse">
            <thead>
            <tr style="background-color: #a1b5d3">
                <th>No</th>
                <th>Applied Advance Amount</th>
                <th>Repayment Cycle(Months)</th>
                <th>First Approved</th>
                <th>Second Approved</th>
                <th>Disbursed</th>
                <th>Paid Amount</th>
                <th>Advance Balance</th>
                <th>Application date</th>
                <th>View More</th>
            </tr>
            </thead>
            <tbody>
            @foreach($advances as $advance)
                <tr>
                    <td class="lr"></td>
                    <td><b>{!! number_format($advance->amount, 2) !!}</b></td>
                    <td><b>{!! $advance->duration !!}</b></td>
                    <td>
                        @if($advance->first_approved == 1)
                            <b class="success">YES</b>
                        @else
                            <b class="error">NO</b>
                        @endif
                    </td>
                    <td>
                        @if($advance->second_approved == 1)
                            <b class="success">YES</b>
                        @else
                            <b class="error">NO</b>
                        @endif
                    </td>
                    <td>
                        @if($advance->disbursed == 1)
                            <b class="success">YES</b>
                        @else
                            <b class="error">NO</b>
                        @endif
                    </td>
                    <td><b class="success">{!! number_format($advance->paid_amount, 2) !!}</b></td>
                    <td><b class="error">{!! number_format(($advance->amount- $advance->paid_amount), 2) !!}</b></td>
                    <td>{!! date('d/m/Y', strtotime($advance->created_at)) !!}</td>
                    <td><i onclick="viewAdvanceSalaryReport('{{$advance->id}}')" class="fa fa-eye error" style="cursor: pointer; font-size: 14px"></i></td>
                </tr>
            @endforeach
            </tbody>
            <tfoot>
            <tr style="background-color: #a1b5d3">
                <th>No</th>
                <th>Applied Advance Amount</th>
                <th>Repayment Cycle(Months)</th>
                <th>First Approved</th>
                <th>Second Approved</th>
                <th>Disbursed</th>
                <th>Paid Amount</th>
                <th>Advance Balance</th>
                <th>Application date</th>
                <th>View More</th>
            </tr>
            </tfoot>
        </table>
    </div>

    {{--Payroll Details--}}
    <div class="tabcontent" id="payroll">
        <h3 ><span class="error" style="margin-right: 20px">Payroll Details</span></h3>
        <div class="guestDetails_inputDivider1"></div>
        <div class="error" style="font-size: 12px"><b>1. My Basic Salary Section</b></div><br>
        <div class="guestDetails_input">
            <div class="guestDetails_inputLabel">
                Your Basic Salary is:
                <b style="margin-left: 10px; font-size: 14px" class="error">{!! number_format($employee->basicSalary ? $employee->basicSalary->basic_salary : 0,2) !!}</b>
            </div>
        </div>
        <div class="guestDetails_inputDivider"></div>
        <div class="error" style="font-size: 12px"><b>2. My Allowances Section</b></div><br>
        @if(count($allowances) > 0)
            @foreach($allowances as $allowance)
                <div class="allowance-row">
                    <div class="guestDetails_input">
                        <div class="guestDetails_inputLabel">
                            Your {!! strtoupper($allowance->allowanceType ? $allowance->allowanceType->name : '-') !!} Amount is:
                            <b style="margin-left: 10px; font-size: 14px" class="error">
                                {!! number_format($allowance->allowance_amount ?? 0,2) !!}
                            </b>
                        </div>
                    </div>
                </div>
                <div class="guestDetails_inputDivider1"></div>
            @endforeach
        @else
            <div class="error" style="text-align: center;"><b><i>You dont have any Allowances</i></b></div><br>
        @endif

        <div class="guestDetails_inputDivider"></div>
        <div class="error" style="font-size: 12px"><b>3. My Deductions Section</b></div><br>
        @if(count($deductions) > 0)
            @foreach($deductions as $deduction)
                <div class="deduction-row">
                    <div class="guestDetails_input">
                        <div class="guestDetails_inputLabel">
                            Your {!! strtoupper($deduction->deductionType ? $deduction->deductionType->name : '-') !!} Amount is:
                            <b style="margin-left: 10px; font-size: 14px" class="error">
                                {!! number_format($deduction->deduction_amount ?? 0,2) !!}
                            </b>
                        </div>
                    </div>
                </div>
                <div class="guestDetails_inputDivider1"></div>
            @endforeach
        @else
            <div class="error" style="text-align: center;"><b><i>You dont have any Deductions</i></b></div><br>
        @endif
        <div class="guestDetails_inputDivider"></div>

    </div>

    {{--Payroll History--}}
    <div class="tabcontent" id="payrollHistory">
        <h3 ><span class="error" style="margin-right: 20px">Payroll History</span></h3>

        <table id="payroll-history-table" style="width: 100%; border-collapse: collapse; ">
            <thead>
            <tr style="background-color: #a1b5d3">
                <th>No</th>
                <th>Payroll Period:</th>
                <th>Basic Salary</th>
                <th>Total Allowances</th>
                <th>Non-Taxable Deductions</th>
                <th>Gross Salary</th>
                <th>Taxable Salary</th>
                <th>Income Tax</th>
                <th>Reliefs</th>
                <th>P.A.Y.E</th>
                <th>Taxable Deductions</th>
                <th>Advance Salaries</th>
                <th>Net Salaries</th>
                <th>Prepared By</th>
                <th>Date & Time</th>
                <th>Payslip</th>
            </tr>
            </thead>
            <tbody>
            @foreach($payrolls as $payroll)
                <tr>
                    <td class="ar"></td>
                    <td><b class="error">{!! $payroll->month."/".$payroll->year !!}</b></td>
                    <td><b>{!! number_format($payroll->basic_salary,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->total_allowance,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->non_taxable_deductions,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->gross_salary,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->taxable_salary,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->income_tax,2) !!}</b></td>
                    <td><b class="success">{!! number_format($payroll->total_reliefs,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->paye,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->taxable_deductions,2) !!}</b></td>
                    <td><b>{!! number_format($payroll->advance_salary,2) !!}</b></td>
                    <td><b class="error">{!! number_format($payroll->net_salary,2) !!}</b></td>
                    <td>
                        @if($payroll->user)
                            {!! $payroll->user->firstName." ".$payroll->user->lastName !!}
                        @endif
                    </td>
                    <td>{!! date('d/m/Y H:i:s a') !!}</td>
                    <td><a href="{{url('generate-employee-payroll-payslip-pdf/'.$payroll->id)}}" class="inner" target="_blank" title="Download Payslip"><i class="fa fa-print error" style="cursor: pointer; font-size: 14px"></i></a></td>
                </tr>
            @endforeach
            </tbody>
            <tfoot>
            <tr style="background-color: #a1b5d3">
                <th>No</th>
                <th>Payroll Period:</th>
                <th>Basic Salary</th>
                <th>Total Allowances</th>
                <th>Non-Taxable Deductions</th>
                <th>Gross Salary</th>
                <th>Taxable Salary</th>
                <th>Income Tax</th>
                <th>Reliefs</th>
                <th>P.A.Y.E</th>
                <th>Taxable Deductions</th>
                <th>Advance Salaries</th>
                <th>Net Salaries</th>
                <th>Prepared By</th>
                <th>Date & Time</th>
                <th>Payslip</th>
            </tr>
            </tfoot>
        </table>
    </div>

@endsection
@section('created-by')
    * User Account Created
    @if($employee->createdBy != null)
        By <b>{{$employee->createdBy->firstName." ".$employee->createdBy->lastName}}</b>
    @endif
    on <b>{{$employee->created_at->format('j F Y H:i:s')}}</b>
@endsection

{{--System Hints Page--}}
@section('modal_heading')
    <h1>User Profile</h1>
@endsection
@section('modal_title')
    <h3><u>Dashboard Functionalities</u></h3>
    <b>
        <ol>
            <li>View Your Personal Details</li>
            <li>Amend your Personal Details</li>
            <li>View and Apply for a Leave</li>
            <li>Request for Salary Advances</li>
        </ol>
    </b>
@endsection
