@extends('layouts.app-hr')

@section('content')
    <?php Fun::lang()?>
    <link rel="stylesheet" href="{{asset('assets/chart/demo.css')}}">
    <link rel="stylesheet" href="{{asset('assets/chart/paper-dashboard.css')}}">
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <div class="top-header ">
        <ol class="breadcrumb">
            <li><a href="{{route('app_dashboard')}}">{{myBranch()->name??'App'}}</a></li>
        </ol>
    </div>
    <div class="container-fluid">
    {{--    +++++++++++++++++++++++++++ new ++++++++++++++++++++++++ --}}
        <div class="row" style="color:rgba(0,0,0,0.4)">
            <div class="col-md-3">
                <div class="card">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h4 class="text-c-purple">{{$total_employee ? $total_employee : 0}}</h4>
                                <h5 class="text-muted m-b-0">{{__('administrator.total_employee')}}</h5>
                            </div>
                            <div class="col-4 text-right">
                                <i class="fa fa-users f-28"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-c-purple">
                        <div class="row align-items-center">
                            <div class="col-9">
                                <a href="{{route('hr-employee.index')}}">
                                    <p class=" m-10"> {{__('administrator.more_detail')}} <i
                                            class="fa fa-long-arrow-right"></i></p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h4 class="text-c-purple">{{$total_take_leave ? $total_take_leave : 0}}</h4>
                                <h5 class="text-muted m-b-0">{{__('administrator.take_leave')}}</h5>
                            </div>
                            <div class="col-4 text-right">
                                <i class="fa fa-clock-o f-28"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-c-purple">
                        <div class="row align-items-center">
                            <div class="col-9">
                                <a href="{{url('take-leave')}}">
                                    <p class=" m-10"> {{__('administrator.more_detail')}} <i
                                            class="fa fa-long-arrow-right"></i></p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="card">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h4 class="text-c-purple">{{$total_branch ? $total_branch : 0}}</h4>
                                <h5 class="text-muted m-b-0">{{__('administrator.branch')}}</h5>
                            </div>
                            <div class="col-4 text-right">
                                <i class="fa fa-building f-28"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-c-purple">
                        <div class="row align-items-center">
                            <div class="col-9">
                                <a href="#">
                                    <p class="m-10"> {{__('administrator.more_detail')}} <i
                                            class="fa fa-long-arrow-right"></i></p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-block">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h4 class="text-c-purple">{{$exchange_rate?$exchange_rate->general_rate:''}}$ = {{$exchange_rate?$exchange_rate->khmer_rate:''}}៛</h4>
                                <h5 class="text-muted m-b-0">{{__('administrator.exchange_rate')}}</h5>
                            </div>
                            <div class="col-4 text-right">
                                <i class="fa fa-usd f-28"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer bg-c-purple">
                        <div class="row align-items-center">
                            <div class="col-9">
                                <a href="{{route('hr-exchange-rate.index')}}">
                                    <p class="m-10"> {{__('administrator.more_detail')}} <i
                                            class="fa fa-long-arrow-right"></i></p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    <div id="columnchart_material" style="width: 100%; height: 500px;"></div>
@endsection
@section('script')
    <script src="{{asset('assets/chart/demo.js')}}"></script>
    <script src="{{asset('assets/chart/chartjs.min.js')}}"></script>
    <script>

    </script>
@endsection
