@extends('dashboard.layouts.index')
@section('page_title')
@lang('global.showemployee')
@stop


@section('breadcrumb')
<div class="breadcrumb-item">
    <a href="{{route("dashboard.users.employee.index")}}"> @lang('global.employee')</a>
</div>
<div class="breadcrumb-item">
    @lang('global.showemployee')
</div>
@stop

@section('content')

<div class="card-footer  @if (app()->getLocale() === 'en') text-right @endif">
    {{-- <a href="{{ route('dashboard.users.employee.deactive_user_afterMonth',$model->id) }}">
        <button class="btn btn-danger">@lang("global.deactive_user")</button>
    </a> --}}
    <a href="{{ route('dashboard.users.employee.deactive_user_afterMonth',$model->id) }}">
        <button class="btn btn-warning">@lang("global.print_salary_slip")</button>
    </a>

    <button class="btn btn-primary" onclick="PrintDiv()">@lang("global.print")</button>

</div>
<div class="row" id="printme">
    <br>
    <div class="col-12 col-md-12 col-lg-5">
        <div class="card profile-widget">
            <div class="profile-widget-header">
                <img alt="image" src="{{is_null($model->avatar) ? asset(" assets/img/avatar/avatar-5.png") :
                    $model->avatar}}"
                class="rounded-circle profile-widget-picture">
                <div class="profile-widget-items">
                </div>
            </div>
            <div class="profile-widget-description">
                <div class="profile-widget-name">{{$model->name}}
                    <div class="text-muted d-inline font-weight-normal">
                        <div class="slash"></div>
                        {{$model->company_name}}
                    </div>
                </div>
                <address>
                    @lang("global.email") : {{$model->email}}<br>
                    @lang("global.phone_number") : {{$model->phone_number}}<br>
                    <br>
                    <strong>@lang("global.user_information")</strong><br>
                    @if($model->userinformationOne)
                    @lang("global.workplace") : {{$model->userinformationOne->workplace}}<br>
                    @lang("global.educational_level") : {{$model->userinformationOne->educational_level}}<br>
                    @lang("global.job_title") : {{$model->userinformationOne->job_title}}<br>
                    @lang("global.passport_number") : {{$model->userinformationOne->passport_number}}<br>
                    @lang("global.social_status") : {{$model->userinformationOne->social_status}}<br>
                    @lang("global.start_date") : {{$model->userinformationOne->start_date}}<br>
                    @lang("global.expired_passport") : {{$model->userinformationOne->expired_passport}}<br>

                    @lang("global.expired_residence_number") :
                    {{$model->userinformationOne->expired_residence_number}}<br>

                    @else
                    @lang("global.user_not_set_address")
                    @endif
                </address>
            </div>
            <div class="card-footer text-center">
                <div class="font-weight-bold mb-2"></div>

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


    <div class="col-md-7">
        <div class="card">
            <div class="card-header">
                <h4>@lang("global.user_devices")</h4>
                <div class="card-header-action">
                    {{-- <a href="#" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>--}}
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive table-invoice">
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <th>@lang("global.token")</th>
                                <th>@lang("global.ip")</th>
                                <th>@lang("global.platform")</th>
                                <th>@lang("global.local")</th>
                                <th>@lang("global.action")</th>
                            </tr>
                            @foreach($model->deviceToken as $token)
                            <tr>
                                <td>{{Str::limit($token->token,1)}}</td>
                                <td>{{$token->ip}}</td>
                                <td>{{$token->platform}}</td>
                                <td>{{$token->locale}}</td>
                                <td>
                                    <a href="#!"
                                        onclick="forModal( '{{route('dashboard.device.show' , $token->id)}}' , ' {{__('global.send_notification')}} ' )"
                                        id="btn-create" class="btn btn-primary">
                                        @lang('global.send')
                                    </a>
                                </td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>


                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <h4>@lang("global.deactive_user")</h4>
                <div class="card-header-action">
                    {{-- <a href="#" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>--}}
                </div>
            </div>
            <div class="card-body p-0">
                @if($model->user_deactive_at == null)
                <form class="form" id="form" enctype="multipart/form-data"
                  action="{{route('dashboard.users.employee.deactive_user')}}"
                  novalidate
                  method="POST">
                @csrf
                <div class="row">
                    <div class="col-sm-12 col-md-12">
                        <div class="card-header">
                            {{-- <h4>@lang("global.branch_name")</h4> --}}
                            <div class="form-group row mb-4">
                                <input type="hidden" name='id' value="{{ $model->id }}">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.branch_name")</label>

                                <div class="col-sm-12 col-md-7">
                                    <select name="branch_id" id="status"
                                            class="form-control  @error('branch_id') is-invalid @enderror"
                                            required>
                                        @foreach($branch as $item)
                                                <option value="{{$item->id}}"> {{$item->name}}</option>
                                        @endforeach

                                    </select>
                                    @error("branch_id")
                                    <div class="invalid-feedback">
                                        <strong>{{ $message }}</strong>
                                    </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="card-footer text-right">
                                <button class="btn btn-primary">@lang("global.submit")</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            @else
            <form class="form" id="form" enctype="multipart/form-data"
                  action="{{route('dashboard.users.employee.deactive_user')}}"
                  novalidate
                  method="POST" style="pointer-events: none">
                @csrf
                <div class="row">
                    <div class="col-sm-12 col-md-12">
                        <div class="card-header">
                            {{-- <h4>@lang("global.branch_name")</h4> --}}
                            <div class="form-group row mb-4">
                                <input type="hidden" name='id' value="{{ $model->id }}">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.branch_name")</label>

                                <div class="col-sm-12 col-md-7">
                                    <select name="branch_id" id="status"
                                            class="form-control  @error('branch_id') is-invalid @enderror"
                                            required>
                                        @foreach($branch as $item)
                                                <option value="{{$item->id}}"> {{$item->name}}</option>
                                        @endforeach

                                    </select>
                                    @error("branch_id")
                                    <div class="invalid-feedback">
                                        <strong>{{ $message }}</strong>
                                    </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="card-footer text-right">
                                <button class="btn btn-primary">@lang("global.submit")</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            @endif
            </div>
        </div>

    </div>


    <div class="col-md-12">

        <div class="card">
            <div class="card-header">
                <h4>@lang("global.my_asset")</h4>
                <div class="card-header-action">
                    {{-- <a href="#" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>--}}
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive table-invoice">
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <th>@lang("global.id")</th>
                                <th>@lang("global.assets")</th>
                                <th>@lang("global.note_asset")</th>
                                {{-- <th>@lang("global.file_path")</th> --}}
                                <th>@lang("global.date")</th>
                            </tr>
                            @foreach($asset as $item)
                            <tr>
                                <td>{{$item->id}}</td>
                                <td>{{$item->name_asset}}</td>
                                {{-- <td>{{$item->file}}</td> --}}
                                <td>{{$item->notes}}</td>
                                <td>{{$item->date_asset}}</td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>


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




    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4>@lang("global.salary")</h4>
                <div class="card-header-action">
                    {{-- <a href="#" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>--}}
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive table-invoice">
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <th>@lang("global.bank_name")</th>
                                <th>@lang("global.current_salary")</th>
                                <th>@lang("global.othersuits")</th>
                                <th>@lang("global.socialsecurity")</th>
                                <th>@lang("global.tax")</th>
                                <th>@lang("global.overtime")</th>
                                <th>@lang("global.deduction")</th>
                                <th>@lang("global.reward")</th>
                                <th>@lang("global.loan_amount")</th>
                                <th>@lang("global.monthly_deducationn")</th>
                                <th>@lang("global.salary_one_day")</th>
                                <th>@lang("global.available_salary")</th>
                                <th>@lang("global.created_at")</th>
                            </tr>
                            @foreach ($payrolls as $item )
                            <tr>
                                <td>{{$item?$item->bank_name:''}}</td>
                                <td>{{$item?$item->amount:0}} Jd</td>
                                <td>{{$item?$item->other_allowances:0}} Jd</td>
                                <td>{{$item?$item->socialsecurity:0}}Jd</td>
                                <td>{{$item?$item->tax:0}}Jd</td>
                                <td>{{$item?$item->overtime:0}}Jd</td>
                                <td>{{$item?$item->discount:0}} Jd </td>
                                <td>{{$item?$item->reward :0}} Jd </td>
                                <td>{{$item?$item->loan_amount:0}} Jd </td>
                                <td>{{$item?$item->loan_monthly_deducationn:0}} Jd </td>
                                <td>{{$item?($item->amount)/30:0}} Jd </td>
                                <td>{{$item?$item->available_salary:0}} Jd </td>
                                <td>{{$item?$item->created_at:''}}</td>
                            </tr>

                            @endforeach

                        </tbody>
                    </table>


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












    <div class="col-md-12">
        <div class="panel-body">
            <div id="pie-chart"></div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4>Statistics</h4>
                <div class="card-header-action">
                    {{-- <a href="#" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>--}}
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive table-invoice">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>@lang("global.remaining_vacations")</th>
                                <th>@lang("global.countVocation")</th>
                                <th>@lang("global.countresignation")</th>
                                <th>@lang("global.countloan")</th>
                                <th>@lang("global.countexcuse")</th>
                                <th>@lang("global.countasset")</th>
                                <th>@lang("global.countletter")</th>
                                <th>@lang("global.countconvenate")</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{$remaining_vacations}}</td>
                                <td>{{$request_vocation}}</td>
                                <td>{{$request_resignation}}</td>
                                <td>{{$request_loan}}</td>
                                <td>{{$request_excuse}}</td>
                                <td>{{$request_asset}}</td>
                                <td>{{$request_letter}}</td>
                                <td>{{$request_convenate}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>



        </div>
    </div>



    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4>@lang("global.offical_document")</h4>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive table-invoice">
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <th>@lang("global.user")</th>
                                <th>@lang("global.name")</th>
                                <th>@lang("global.file_path")</th>
                                <th>@lang("global.action")</th>
                                <th>@lang("global.created_at")</th>
                            </tr>
                            @foreach ($files as $item )
                            <tr>
                                <td>{{$item->user->name}}</td>
                                <td>{{$item->name_file}}</td>
                                <td> <iframe src="{{ $item->path_file }}" style="width:100%;height:200px;"></iframe>
                                </td>
                                <td><a href="{{$item->path_file}}" download="{{ $item->user->name}}"
                                        class="btn btn-primary">@lang("global.download")</a></td>
                                <td>{{$item?$item->created_at:''}}</td>

                            </tr>

                            @endforeach

                        </tbody>
                    </table>


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


</div>
@stop

@push('js')
<script>
    $(function () {
            var table = $("#table-orders").DataTable({
                oLanguage: {
                    "sSearch": "@lang('global.search')",
                    "sLengthMenu": "@lang('global.show') _MENU_ @lang('global.record')",
                    "sZeroRecords": "@lang('global.zero_records')",
                    "sInfo": "@lang('global.showing')  _START_ @lang('global.to') _END_ @lang('global.of') _TOTAL_ @lang('global.entries')",
                    'sInfoEmpty': "@lang('global.zero_pages')",
                    "sProcessing": "@lang('global.processing')",
                    oPaginate: {
                        "sFirst": "@lang('global.first')",
                        "sLast": "@lang('global.last')",
                        "sNext": "@lang('global.next')",
                        "sPrevious": "@lang('global.previous')"
                    },
                },

                'sDom': '"top"i',
                processing: true,
               serverSide: false,
                autoWidth: false,
                ajax: '',
                dom: 'Bfrtip',
                 buttons: [
                 'copy', 'csv', 'excel', 'pdf', 'print'
                ],

            });
        });


</script>



<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<script>
    $(function() {
        Highcharts.chart('pie-chart', {
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'column'
            },

            xAxis: {
        categories: {{$dateweek}},
            },
            yAxis: {
        allowDecimals: false,
        min: 0,
        title: {
            text: 'time'
        }
    },

            title: {
                text: 'Time statistics'
            },
            tooltip: {
                pointFormat: 'permanence ratio: <b>{point.percentage:.1f}%</b>'
            },
            accessibility: {
                point: {
                    valueSuffix: '%'
                }
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        format: '<b>permanence ratio</b>: {point.percentage:.1f} %'
                    }
                }
            },
            series: [{
                name: 'Time statistics',
                colorByPoint: true,
                data: {{ $model2 }},
            }]
        });
    });
</script>
<script type="text/javascript">
    function PrintDiv() {
            var contents = document.getElementById("printme").innerHTML;
            var frame1 = document.createElement('iframe');
            frame1.name = "{{$model->name}}";
            frame1.style.position = "absolute";
            frame1.style.top = "-1000000px";
            document.body.appendChild(frame1);
            var frameDoc = (frame1.contentWindow) ? frame1.contentWindow : (frame1.contentDocument.document) ? frame1.contentDocument.document : frame1.contentDocument;
            frameDoc.document.open();
            frameDoc.document.write('<html><head><title>{{ auth()->user()->name }}</title>');
            frameDoc.document.write('<img src="{{ auth()->user()->logo != null ? auth()->user()->logo :asset('img/logo.png') }}" style="width: 30%;">');
            frameDoc.document.write('<meta charset="UTF-8">');
            frameDoc.document.write('<link rel="icon" type="image/x-icon" href="{{ auth()->user()->logo != null ? auth()->user()->logo :asset('img/logo.png') }}">');
            frameDoc.document.write('<meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">');
            frameDoc.document.write('<link rel="stylesheet" media="print" type="text/css" href="{{asset('assets/css/style.css')}}" />');
            frameDoc.document.write('<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">');
            frameDoc.document.write('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">');
            frameDoc.document.write('<link rel="stylesheet" media="print" type="text/css" href="{{asset('assets/css/components.css')}}" />');
            frameDoc.document.write('<link rel="stylesheet" media="print" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/datatables.min.css')}}" />');
            frameDoc.document.write('<link rel="stylesheet" media="print" type="text/css" href="{{asset('css/frontend.css')}}" />');
            @if (app()->getLocale() === 'ar')
            frameDoc.document.write('<link rel="stylesheet" media="print" type="text/css" href="{{asset('assets/css/rtl.css')}}" />');
            frameDoc.document.write('<link rel="stylesheet" href="{{asset('app-assets/css-rtl/custom-rtl.css')}}">');
            @endif
            frameDoc.document.write('</head><body>');
            frameDoc.document.write(contents);
            frameDoc.document.write('</body></html>');
            frameDoc.document.close();
            setTimeout(function () {
                window.frames["{{$model->name}}"].focus();
                window.frames["{{$model->name}}"].print();
                document.body.removeChild(frame1);
            }, 500);
            return false;
        }
</script>

@endpush