@extends('layouts.admin.admin-app')
@if(\Request::route()->getName() == 'admin.employee')
@section('title','Employee View')
@else
@section('title','Employee Verification View')
@endif
@section('content')
<div class="main-content employee-view">
    <div class="content_wrapper">
        <div class="content_header" id="content-header">
            <div class="page_title search_section">
                @if (\Request::route()->getName() == 'admin.employee')
                <h2 class="d-inline-block pr-3 mr-3 border-right">Employee View</h2>
                <nav aria-label="breadcrumb" class="d-inline-block">
                    <ol class="breadcrumb p-0 mb-0">
                        <li class="breadcrumb-item"><a href="{{url('/admin/employee')}}">Manage Employee</a>
                        </li>
                    </ol>
                </nav>
                @else
                <h2 class="d-inline-block pr-3 mr-3 border-right">Employee Verification View</h2>
                <nav aria-label="breadcrumb" class="d-inline-block">
                    <ol class="breadcrumb p-0 mb-0">
                        <li class="breadcrumb-item"><a href="{{url('/admin/employee-verifications')}}">Employee Verification</a>
                        </li>
                    </ol>
                </nav>
                @endif
            </div>
        </div>
        <div class="content">
            <div class="view_body">
                <div class="box_wrapper mb-4">
                    <div class="profile_view d-flex justify-content-between flex-wrap flex-md-nowrap">
                        <div class="d-block d-sm-flex left align-items-center">
                            <img src="{{getImage($employeeInfo->profile_image,'profile-images')}}" alt="Employee img" class="rounded-circle">
                            <div class="info">
                                <h5>{{$employeeInfo->first_name.' '.$employeeInfo->last_name}}</h5>
                                <div class="info-row">
                                    <label>Last active on : <span>{{showDateTimeFormat($employeeInfo->last_login, 'admin')}}</span></label>
                                </div>
                                <div class="d-block d-sm-flex align-items-center contact flex-wrap flex-md-nowrap">
                                    <div class="box">
                                        <img src="{{url('public/images/phone-call.svg')}}" class="img-fluid border-0" alt="Call Icon">{{$employeeInfo->country_code.'-'.phoneFormat($employeeInfo->phone_number)}}
                                    </div>
                                    <div class="box">
                                        <img src="{{url('public/images/email.svg')}}" class="img-fluid border-0" alt="Email Icon">{{$employeeInfo->email}}
                                    </div>
                                    <div class="box">
                                        <img src="{{url('public/images/placeholder.svg')}}" class="img-fluid border-0" alt="Location Icon">{{$employeeInfo->address}}
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="right">
                            <div class="first d-flex d-md-block justify-content-center justify-content-sm-end align-items-center">
                                <label>Commission</label>
                                @php 
                                $adminCommission = getSettingDetailByKey('margin_percentage');
                                $employeeCommission = 100 - $adminCommission;
                                @endphp
                                <div class="percentage color-green">{{$employeeCommission}}%</div>
                            </div>
                            <div class="switch">
                                @if(\Request::route()->getName() == 'admin.employee')
                                @if($employeeInfo->status == 'active')
                                <label>
                                    <input id="employee_active_{{$employeeInfo->id}}" type="checkbox" {{($employeeInfo->is_available==1)?'checked="checked"':''}} onchange="updateStatus('{{$employeeInfo->id}}','{{$employeeInfo->is_available}}');" name="status" value="{{$employeeInfo->is_available}}">
                                    <span class="lever"></span>
                                </label>
                                @else 
                                <label>
                                    <input disabled id="employee_active_{{$employeeInfo->id}}" type="checkbox" {{($employeeInfo->is_available==1)?'checked="checked"':''}}  name="status" value="{{$employeeInfo->is_available}}">
                                    <span class="lever"></span>
                                </label>
                                @endif
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="common_tabs nav nav-tabs d-flex flex-nowrap" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="Documents-tab" data-toggle="tab" href="#Documents" role="tab" aria-controls="Documents" aria-selected="true">Documents Details</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="Bank-tab" data-toggle="tab" href="#Bank" role="tab" aria-controls="Bank" aria-selected="false">Bank Details</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="onBackground-tab" data-toggle="tab" href="#onBackground" role="tab" aria-controls="onBackground" aria-selected="false">On Background</a>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="Documents" role="tabpanel" aria-labelledby="Documents-tab">
                    <div class="view_body">
                        <div class="box_wrapper">
                            <div class="row">
                                <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3">
                                    <div class="form-group info_row_flex">
                                        <label>License Number:</label>
                                        @if($employeeInfo->getEmployeeDetail['is_admin_deleted'] == 0)
                                        <span>{{!empty($employeeInfo->getEmployeeDetail['licence_number']) ? $employeeInfo->getEmployeeDetail['licence_number'] : '-' }}</span>
                                        @else
                                        <span>-</span>
                                        @endif
                                    </div>
                                </div>
                                <!-- <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3">
                                    <div class="form-group info_row_flex">
                                        <label>SSN:</label>
                                        @if($employeeInfo->getEmployeeDetail['is_admin_deleted'] == 0)
                                        <span>{{!empty($employeeInfo->getEmployeeDetail['ssn_number']) ? $employeeInfo->getEmployeeDetail['ssn_number'] : '-' }}</span>
                                        @else
                                        <span>-</span>
                                        @endif
                                    </div>
                                </div> -->
                                <div class="w-100"></div>
                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3">
                                    <div class="form-group info_row_flex">
                                        <label>License Image:</label>
                                        @if($employeeInfo->getEmployeeDetail['is_admin_deleted'] == 0)
                                        <div class="document-box position-relative">
                                            <img src="{{getImage($employeeInfo->getEmployeeDetail['licence_image'],'licence-images')}}" class="img-fluid" alt="Liscence Image">
                                            <a href="{{getImage($employeeInfo->getEmployeeDetail['licence_image'],'licence-images')}}" download class="d-flex justify-content-center align-items-center">
                                                <i class="fas fa-download"></i>
                                            </a>
                                        </div>
                                        @else
                                        <div class="document-box position-relative">
                                            <img src="{{getImage("test",'licence-images')}}" class="img-fluid" alt="Liscence Image">
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                @if($employeeInfo->getEmployeeDetail['is_admin_deleted'] == 0)
                                <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                    <button type="button" class="btn btn-warning  ripple-effect" onclick="deleteEmployeeDocuments({{$employeeInfo->id}})">Delete</button>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="Bank" role="tabpanel" aria-labelledby="Bank-tab">
                    <div class="view_body">
                        <div class="box_wrapper">
                            <div class="row">
                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3">
                                    <div class="form-group info_row_flex">
                                        <label>SSN Number:</label>
                                        @php 
                                        $ssnNumber = $employeeInfo->getEmployeeBankDetail['ssn_number'];
                                        if(!empty($ssnNumber)){
                                        $ssnNumber = str_repeat("*", strlen($ssnNumber)-4) . substr($ssnNumber, -4);
                                        }
                                        @endphp
                                        <span class="text-capitalize">{{!empty($ssnNumber) ? $ssnNumber : '-' }}</span>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3">
                                    <div class="form-group info_row_flex">
                                        <label>Account Number:</label>	
                                        @php 
                                        $number = $employeeInfo->getEmployeeBankDetail['account_number'];
                                        if(!empty($number)){
                                        $number = str_repeat("*", strlen($number)-4) . substr($number, -4);
                                        }
                                        @endphp
                                        <span class="text-capitalize">{{!empty($number) ? $number : '-' }}</span>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3">
                                    <div class="form-group info_row_flex">
                                        <label>Postal Code:</label>	
                                        <span class="text-capitalize">{{!empty($employeeInfo->getEmployeeBankDetail['postal_code']) ? $employeeInfo->getEmployeeBankDetail['postal_code'] : '-' }}</span>
                                    </div>
                                </div>
                                <!--                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3">
                                                                    <div class="form-group info_row_flex">
                                                                        <label>Swift Code:</label>	
                                                                        <span class="text-capitalize">{{!empty($employeeInfo->getEmployeeBankDetail['swift_code']) ? $employeeInfo->getEmployeeBankDetail['swift_code'] : '-' }}</span>
                                                                    </div>
                                                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="onBackground" role="tabpanel" aria-labelledby="onBackground-tab">
                    <div class="search_section mb-2">
                        <div class="d-flex justify-content-end ">
                            <ul class="filter_right list-inline text-right mb-0">
                                @if($employeeDocumentList->count() < 3)
                                <li class="list-inline-item">
                                    <a href="javascript:void(0);" onclick="addEmployeeDocument();" class="btn ripple-effect" data-toggle="tooltip" data-placement="top" title="" data-original-title="Upload New Document">
                                        <i class="fas fa-plus"></i> 
                                    </a>
                                </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                    <div class="table-responsive common_table bg-white box-shadow">
                        <table class="table mb-0">
                            <thead>
                                <tr>
                                    <td>Name</td>
                                    <td class="text-center">Action</td>
                                </tr>
                            </thead>
                            <tbody>
                                @if($employeeDocumentList->count() > 0)
                                @foreach($employeeDocumentList as $val)
                                <tr>
                                    <td>{{$val->name}}</td>
                                    <td>
                                        <div class="action_dropdown">
                                            <div class="dropdown">
                                                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon-more-button-interface-symbol-of-three-horizontal-aligned-dots"></i>
                                                </button>
                                                <div class="dropdown-menu list-menu" aria-labelledby="dropdownMenu2">
                                                    <a class="dropdown-item" href="{{getImage($val->document, 'employee-documents')}}" target="_blank">View</a>
                                                    <a class="dropdown-item" href="javascript:void(0);" onclick="deteleEmployeeDocument({{$val->id}})">Delete</a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                                @else
                                <tr>
                                    <td colspan="8">No record found.</td>
                                </tr>
                                @endif

                            </tbody>

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

<div id="employeeDocumentModal" class="modal fade otp_modal" tabindex="-1" role="dialog" id="OTP_Modal" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" id="employee_data">

        </div>
    </div>
</div>
<script>
    function deleteEmployeeDocuments(employeeId){
    var url = "{{ url('/admin/delete-employee-documents') }}";
    var token = '{{ csrf_token() }}';
    bootbox.confirm('Are you sure you want to delete employee documents?', function (result) {
    if (result) {
    $.ajax({
    type: "POST",
            url: url,
            data: {'_token' : token, employeeId : employeeId},
            success: function (response) {
            if (response.status == true){
            setTimeout(function(){
            location.reload();
            }, 1000);
            successToaster(response.message, 'Employee');
            } else{
            errorToaster(response.message, 'Employee');
            }
            }
    });
    }
    });
    }

    function updateStatus(id, action) {

    bootbox.confirm('Are you sure you want to change availability ', function (result) {
    if (result) {
    $.ajax({
    type: "POST",
            url: "{{url('/admin/update-employee-availability')}}",
            data: {
            '_token': "{{csrf_token()}}",
                    'id': id
            },
            success: function (response) {
            if (response.status) {
            successToaster(response.message, 'Employee');
            } else {
            errorToaster(response.message, 'Employee');
            }
            }
    });
    } else {

    if (action == "1") {
    $('#employee_active_' + id).prop('checked', true);
    } else {
    $('#employee_active_' + id).prop('checked', false);
    }
    }
    });
    }

    function addEmployeeDocument(){
    var employeeId = '{{$employeeInfo->id}}';
    $.ajax({
    type: "get",
            url: "{{ url('/admin/add-employee-document')}}",
            data: {employeeId: employeeId},
            success: function (response)
            {
            $("#employee_data").html('<div class="listloader text-center"><i class="fa-2x fa-spin fa fa-spinner" aria-hidden="true"></i></div>');
            $('#employee_data').html(response);
            $('#employeeDocumentModal').modal('show');
            }
    });
    }
    
    function deteleEmployeeDocument(id) {
        bootbox.confirm({
            message: 'Are you sure you want to delete ?',
            callback: function (result) {
                if (result) {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('admin/delete-employee-document') }}",
                        data: {id: id},
                        success: function (response) {
                            if (response.status) {
                                successToaster(response.message, 'Employee Document');
                               
                                setTimeout(function () {
                                location.reload();
                             }, 1000);
                            } else {
                                errorToaster(response.message, 'Employee Document');
                            }
                        }
                    });
                }
            }
        });
    }
</script>
@endsection