@extends('hr_main')

@section('title', ' | '.$data['pageTitle'])

@section('stylesheets')
<style>
    .panel {
        padding: 0;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    .panel-primary > .panel-heading {
        background-color: #f5f5f5;
        border-color: #ddd;
        /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    }
    .panel-primary > .panel-heading {
        padding: 10px 15px !important;
        border-bottom: 1px solid transparent !important;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }
    .panel-title{
        font-size: .8em !important;
        font-family: hevatica, sans-serif !important;
        color: #767676;
        text-shadow: none;
    }
    .panel-primary .panel-body{
        padding: 20px 30px;
    }
    
    
    /*
    .table thead tr th {
        position: relative;
        word-break: normal;
        text-transform: capitalize !important;
    }
    .table tbody tr td {
        position: relative;
        word-break: normal;
        text-transform: capitalize !important;
    }
    */
   .fx-box {
        display: flex;
        align-items: center;
   }
   .fx-box__item {
        flex: 1;        
   }
   .panel-title h2, .btn {
        margin: 0;
   }
</style>
@endsection

@section('content')
<div class="row">
	<div class="col-md-12 col-lg-12">
		<div class="panel panel-primary">
			<div class="panel-heading fx-box">
                <div class="panel-title fx-box__item">
					<h2>{!! $data['pageTitle'] !!}</h2>
                </div>
                <div class="panel-action text-right fx-box__item">
                    <a href="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/guk_bk/resources/views/hr/finalPaymentSalary/view.blade.php:67
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/finalPaymentSalary/view.blade.php</b> on line <b>67</b><br />