{{View::make('layout.header')}}

<style>
.table thead th, .table tbody td {
    padding:5px 2px !important;
    text-align:center !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    display : none;
}
</style>

    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">E-Leave</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">HR
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">Setup</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                @if(session()->has('message'))
                <div class="alert alert-success">
                {{ session()->get('message') }}
                </div>
                @endif
                @if(session()->has('danger'))
                <div class="alert alert-danger">
                {{ session()->get('danger') }}
                </div>
                @endif

            </div>
            <div class="content-body">
                <section id="dashboard-ecommerce">
                    <div class="row match-height">

                        <div class="col-md-6">
                            <div class="card setup-section">
                                <div class="card-header">
                                    <div class="d-flex align-items-center">
                                        <h4 class="card-title">Employee</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">-->
                                        <!--    <a href="{{route('create-employee')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-warning mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/add-emp.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Create Employee</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->
                                        @if($permission_hr_edit_employee==1)
                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">
                                            <a href="{{route('edit-employee')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/edit-emp.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Employees</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        @endif

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                            <a href="{{route('race-category')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/add-type.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Settings</p>
                                                    </div>
                                                </div>
                                            </a> 
                                        </div>

                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">-->
                                        <!--    <a href="{{route('employee-designation')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-success mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/add-designation.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Add/Edit Designation</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->
                                        
                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">-->
                                        <!--    <a href="{{route('race-category')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-success mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/add-designation.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Race / Category</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card setup-section">
                                <div class="card-header">
                                    <div class="d-flex align-items-center">
                                        <h4 class="card-title">Approver</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">-->
                                        <!--    <a href="{{route('approver-create')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-warning mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/add-approver.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Create Approver/Manager</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">
                                            <a href="{{route('approver-edit')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/edit-approver.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Approver/Manager</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                            <a href="{{route('claim-rate')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/claim.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Claim Rate</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                            <a href="{{route('block-days')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-success mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/block-days.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Block Days</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card setup-section">
                                <div class="card-header">
                                    <div class="d-flex align-items-center">
                                        <h4 class="card-title">Holidays & Leave</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row" style="height:100%;">

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-2">
                                            <a href="{{route('holidays-list')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-warning mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/holiday.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Add/Edit Holiday</p>
                                                    </div>
                                                </div>
                                            </a>    
                                        </div>
                                        @if ($permission_hr_setup_rest_day == 1)
                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-2">
                                            <a href="{{route('rest-day')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/rest-day.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Rest Day</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        @endif
                                        @if($permission_hr_leave_entitle==1)
                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-2">
                                            <a href="{{route('leave-entitle')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/leave-entitle.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Leave Entitle</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        @endif
                                        @if($permission_hr_setup_leave_edit==1)
                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-2">
                                            <a href="{{route('edit-leave')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-success mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/edit-leave.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Edit Leave</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        @endif
                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-2">-->
                                        <!--    <a href="{{route('leave-replacement')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-warning mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/leave-replacement.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Leave Replacement</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-2">
                                            <a href="{{route('past-leave')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/past-leave.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Update leave</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">-->
                                        <!--    <a href="{{route('compulsory-leave')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-primary mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/compulsory-leave.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Compulsory Leave</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->
                                        @if($permission_hr_leave_control==1)
                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">
                                            <a href="{{route('leave-control')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-success mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/leave-control.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Leave Control</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        @endif

                                    </div>
                                
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card setup-section">
                                <div class="card-header">
                                    <div class="d-flex align-items-center">
                                        <h4 class="card-title">Messaging</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                            <a href="{{route('send-edit-message')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-warning mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/send-msg.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Send / Edit Message</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="card setup-section">
                                <div class="card-header">
                                    <div class="d-flex align-items-center">
                                        <h4 class="card-title">Departments</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                       

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">
                                            <a href="{{route('edit-department-category-branch')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/edit-dcb.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Department, Category & Branch</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                            <a href="{{route('countries')}}">
                                                <div class="media">
                                                    <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                        <div class="avatar-content">
                                                            <img src="{{asset('app-assets/svg/countries.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <p class="card-text font-small-3 mb-0">Countries/States</p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <!--<div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">-->
                                        <!--    <a href="{{route('states')}}">-->
                                        <!--        <div class="media">-->
                                        <!--            <div class="avatar bg-light-success mr-2" style="cursor:unset;">-->
                                        <!--                <div class="avatar-content">-->
                                        <!--                    <img src="{{asset('app-assets/svg/states.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">-->
                                        <!--                </div>-->
                                        <!--            </div>-->
                                        <!--            <div class="media-body my-auto">-->
                                        <!--                <p class="card-text font-small-3 mb-0">Add/Edit States</p>-->
                                        <!--            </div>-->
                                        <!--        </div>-->
                                        <!--    </a>-->
                                        <!--</div>-->

                                    </div>
                                </div>
                            </div>
                        </div>
                        

                    </div>
                </section>
            </div>
        </div>
    </div>

    <!-- END: Content-->
    {{View::make('layout.footer')}}
 

<script>
  

 </script>