@extends('layouts.view')
@section('title','Branches Management')
@section('content')

<style>
    .file-box-content{
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
 .file-box-content:hover{
     -webkit-transform: translatey(-8px);
     transform: translatey(-8px);
 }

</style>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">

                    </div>
                    <h4 class="page-title">{{trans('lang.attendancereports')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="file-box-content">
                                <div class="file-box" style="width: 220px;padding: 40px;">
                                    <a href="{{route('allemp_reports')}}" class="download-icon-link">


                                        <div class="text-center">
                                            <i data-feather="users" class="align-self-center menu-icon icon-dual"></i>

                                            <h6 class="text-truncate">{{trans('lang.allempsreportb')}}</h6>
                                            <small class="text-muted"></small>

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

                        </div>

                        <div class="col-lg-3">
                            <div class="file-box-content" draggable="true">
                                <div class="file-box" style="width: 220px;padding: 40px;">
                                    <a href="{{route('DepartmentReportShow')}}" class="download-icon-link">


                                        <div class="text-center">
                                            <i data-feather="layers" class="align-self-center menu-icon icon-dual"></i>
                                            <h6 class="text-truncate">{{trans('lang.deptempsreportb')}}</h6>
                                            <small class="text-muted"></small>
                                        </div> </a>
                                </div>  </div>

                        </div>

                        <div class="col-lg-3">
                            <div class="file-box-content">
                                <div class="file-box" style="width: 220px;padding: 40px;">
                                    <a href="{{route('EmployeeReportShow')}}" class="download-icon-link">
                                        <div class="text-center">
                                            <i data-feather="user" class="align-self-center menu-icon icon-dual"></i>
                                            <h6 class="text-truncate">{{trans('lang.perempsreportb')}}</h6>
                                            <small class="text-muted"></small>
                                        </div> </a>
                                </div>  </div>

                        </div>
                      <div class="col-lg-3">
                           <div class="file-box-content">
                            <div class="file-box" style="width: 220px;padding: 40px;">
                                  <a href="{{route('AllFingerprintsReportForEmployee')}}" class="download-icon-link">
                                       <div class="text-center">
                                          <i data-feather="pie-chart" class="align-self-center menu-icon icon-dual"></i>
                                            <h6 class="text-truncate">{{trans('lang.allfbreport')}}</h6>
                                          <small class="text-muted"></small>
                                       </div> </a>
                               </div>  </div>

                        </div>
                    </div>



                </div>




    </div>

@endsection