@extends('app-new')
@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <!-- END: Page CSS-->
    
@endpush 

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('employee/employee.employee_master')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="home">{{trans('employee/employee.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/member/{{$alias}}/employees">{{trans('employee/employee.employee')}}</a>
                    </li>
                    <li class="breadcrumb-item active">{{trans('employee/employee.employee_detail')}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
    <!-- Column Search -->
<section id="dashboard-ecommerce">
    <div class="row match-height">
        <!-- Statistics Card -->
        <div class="col-xl-12 col-md-12 col-12">
            <div class="card card-statistics">
                <div class="card-body statistics-body">
                    <div class="row">
                        <div class="col-md-2 p-0">
                            <div class="roundimg">
                            <img src="{!! $employee->image !!}" onerror="this.src='/assets/img/default-profile-3.png'" alt="user" width="100%" class="roundimg img-fluid">
                            </div>
                        </div>
                        <div class="col-md-10">         
                            <h2 style="font-size: 22px; color:#000000; font-weight: 700;">{{ ucwords($employee->name).' ('.$employee->employee_code.')'}}</h2>
                            <p><i data-feather='mail'></i> {{ $employee->email }} | <i data-feather='phone-call'></i>{{ (!is_null($employee->mobile)) ? '+91 '.$employee->mobile : '-' }}</p>
                        
                            <div class="profilmainheadbox" style="margin-top: 15px; border-radius: 15px; border: 1px solid #7367F0; padding: 17px;">
                                <div class="row">
                                    <div class="col-md-2">
                                        <span  style="font-size: 15px; color:  #000000; font-weight: 600;">{{trans('employee/employee.gender')}}</span>
                                        <p class="mb-0">{{ ucwords($employee->gender) }}</p>
                                    </div>
                                    <div class="col-md-3">
                                    <span style="font-size: 14px; color:  #000000; font-weight: 600;">{{trans('employee/employee.department')}}</span>
                                    <p class="mb-0">{{ (!is_null($employee->department)) ? ucwords($employee->department->name) : '-' }}</p>
                                    </div>
                                    <div class="col-md-3">
                                    <span style="font-size: 14px; color:  #000000; font-weight: 600;">{{trans('employee/employee.current_shift')}}</span>
                                    <p class="mb-0">{{ (!is_null($currentShift)) ? ucwords($currentShift->name) : '-' }}</p>
                                    </div>
                                    <div class="col-md-4">
                                    <span style="font-size: 14px; color: #000000; font-weight: 600;">{{trans('employee/employee.manager_name')}}</span>
                                    <p class="mb-0">{{ (!is_null($employee->hod)) ? ucwords($employee->hod->name) : '-' }}</p>
                                    </div>
                                </div>
                            </div>
                        
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        <div class="col-xl-12 col-md-12 col-12">
            <div class="card card-statistics">
                <div class="card-body statistics-body">
                    <div class="row">
                        <div class="col-md-12 overflow-x-auto">
                            <div class="scroll">
                                <ul class="nav nav-tabs employee-tabs" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link employee-link active" id="home-tab" data-bs-toggle="tab" href="#home" aria-controls="home" role="tab" aria-selected="true">{{trans('employee/employee.personel_detail')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="profile-tab" data-bs-toggle="tab" href="#profile" aria-controls="profile" role="tab" aria-selected="false">{{trans('employee/employee.health_record')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="about-tab" data-bs-toggle="tab" href="#about" aria-controls="about" role="tab" aria-selected="false">{{trans('employee/employee.compliance_detail')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="feedback-tab" data-bs-toggle="tab" href="#feedback" aria-controls="feedback" role="tab" aria-selected="false">{{trans('employee/employee.feedback')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="shift-tab" data-bs-toggle="tab" href="#shift" aria-controls="shift" role="tab" aria-selected="false">{{trans('employee/employee.shift_detail')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="warning-tab" data-bs-toggle="tab" href="#warning" aria-controls="warning" role="tab" aria-selected="false">{{trans('employee/employee.warning')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="certificate-tab" data-bs-toggle="tab" href="#certificate" aria-controls="certificate" role="tab" aria-selected="false">{{trans('employee/employee.certificates')}}</a>
                                </li>
                                {{-- <li class="nav-item">
                                    <a class="nav-link employee-link" id="leave-tab" data-bs-toggle="tab" href="#leave" aria-controls="leave" role="tab" aria-selected="false">{{trans('employee/employee.leave_details')}}</a>
                                </li> --}}
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="team-tab" data-bs-toggle="tab" href="#team" aria-controls="team" role="tab" aria-selected="false">{{trans('employee/employee.teams')}}</a>
                                </li>
                                <!-- <li class="nav-item">
                                    <a class="nav-link employee-link" id="devices-tab" data-bs-toggle="tab" href="#devices" aria-controls="devices" role="tab" aria-selected="false">{{trans('employee/employee.devices')}}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link employee-link" id="work-tab" data-bs-toggle="tab" href="#work" aria-controls="work" role="tab" aria-selected="false">{{trans('employee/employee.work_history')}}</a>
                                </li> -->
                                </ul>
                            </div>
                            <div class="tab-content">
                                <div class="tab-pane active" id="home" aria-labelledby="home-tab" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>{{trans('employee/employee.dob')}}</th>
                                                            <th>{{trans('employee/employee.date_of_joining')}}</th>
                                                            <th>{{trans('employee/employee_create.marital_status')}}</th>
                                                            <th>{{trans('employee/employee_create.address')}}</th>
                                                            <!-- <th>{{trans('employee/employee.city')}}</th>
                                                            <th>{{trans('employee/employee.state')}}</th>
                                                            <th>{{trans('employee/employee.pincode')}}</th> -->
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>{{ (!is_null($employee->dob) ? date('d/m/Y', strtotime($employee->dob)) : '-')}}</td>
                                                            <td>{{ (!is_null($employee->date_of_joining) ? date('d/m/Y', strtotime($employee->date_of_joining)) : '-')}}</td>
                                                            <td>{{ (!is_null($employee->marital_status) ? $employee->marital_status : '-')}}</</td>
                                                            <td>{{ (!is_null($employee->geo_address) ? $employee->geo_address : '-')}}</td>
                                                            <!-- <td>{{ (!is_null($employee->city) ? $employee->city->name : '-')}}</td>
                                                            <td>{{ (!is_null($employee->state) ? $employee->state->name : '-')}}</td>
                                                            <td>{{ (!is_null($employee->pincode) ? $employee->pincode : '-')}}</td> -->
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="profile" aria-labelledby="profile-tab" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-12 ">
                                            <a href="{{$employee->id}}/health-record/add">
                                                <button class="btn btn-icon btn-primary float-md-end mb-1 waves-effect waves-float waves-light" type="button" data-repeater-create="">
                                                    <i data-feather='plus'></i> <span>{{trans('common/common.add_new')}}</span>
                                                </button>
                                            </a>
                                        </div>
                                        @if(count($healthRecords)>0)
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>{{trans('employee/employee.test_name')}}</th>
                                                            <th>{{trans('emprecords/healthrecords.frequency')}}</th>
                                                            <th>{{trans('employee/employee.completed_date')}}</th>
                                                            <th>{{trans('employee/employee.due_date')}}</th>
                                                            <th>{{trans('common/common.status')}}</th>
                                                            <th>{{trans('common/common.attachment')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($healthRecords as $healthRecord)
                                                            <tr>
                                                                <td>{{ $loop->iteration }}</td>
                                                                <td>{{ $healthRecord->complianceType->name }}</td>
                                                                <td>{{ ucfirst($healthRecord->complianceType->frequency->name) }}</td>
                                                                <td>{{ (!is_null($healthRecord->completed_date)) ? date('d/m/Y', strtotime($healthRecord->completed_date)) : '-' }}</td>
                                                                <td>{{ (!is_null($healthRecord->next_due_date)) ? date('d/m/Y', strtotime($healthRecord->next_due_date)) : '-' }}</td>
                                                                <td>{{ ucfirst($healthRecord->status) }}</td>
                                                                <td> <a target="_blank" href="{{ isset($healthRecord->attachments) ? '../compliance/health-record/'.$healthRecord->id.'/view' : '' }}">{{ isset($healthRecord->attachments) ? 'View' : '' }}</a></td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        @else
                                            <p class="text-center">{{trans('employee/employee.no_health_record_found')}}</p>
                                        @endif

                                    </div>
                                </div>
                                <div class="tab-pane" id="about" aria-labelledby="about-tab" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-12 ">
                                            <a href="{{$employee->id}}/compliance/add">
                                                <button class="btn btn-icon btn-primary float-md-end mb-1 waves-effect waves-float waves-light" type="button" data-repeater-create="">
                                                    <i data-feather='plus'></i> <span>{{trans('common/common.add_new')}}</span>
                                                </button>
                                            </a>
                                        </div>
                                        @if(count($compliances)>0)
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>{{trans('employee/employee.verification_name')}}</th>
                                                            <th>{{trans('emprecords/healthrecords.frequency')}}</th>
                                                            <th>{{trans('employee/employee.completed_date')}}</th>
                                                            <th>{{trans('employee/employee.due_date')}}</th>
                                                            <th>{{trans('common/common.status')}}</th>
                                                            <th>{{trans('common/common.attachment')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($compliances as $compliance)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ $compliance->complianceType->name }}</td>
                                                            <td>{{ ucfirst($compliance->complianceType->frequency->name) }}</td>
                                                            <td>{{ (!is_null($compliance->completed_date)) ? date('d/m/Y', strtotime($compliance->completed_date)) : '-' }}</td>
                                                            <td>{{ (!is_null($compliance->next_due_date)) ? date('d/m/Y', strtotime($compliance->next_due_date)) : '-' }}</td>
                                                            <td>{{ ucfirst($compliance->status) }}</td>
                                                            <td> <a target="_blank" href="{{ isset($compliance->attachments) ? '../compliance/compliance/'.$compliance->id.'/view' : '' }}">{{ isset($compliance->attachments) ? 'View' : '' }}</a></td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        @else
                                            <p class="text-center">{{trans('employee/employee.no_compliance_found')}}</p>
                                        @endif

                                    </div>
                                </div>
                                <div class="tab-pane" id="feedback" aria-labelledby="feedback-tab" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-12 ">
                                            <a href="{{$employee->id}}/rating/add">
                                                <button class="btn btn-icon btn-primary float-md-end mb-1 waves-effect waves-float waves-light" type="button" data-repeater-create="">
                                                <i data-feather='plus'></i> <span>{{trans('common/common.add_new')}}</span>
                                                </button>
                                            </a>
                                        </div>
                                        @if(count($feedbacks)>0)
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>{{trans('common/common.date')}}</th>
                                                            <th>{{trans('employee/employee.stars')}}</th>
                                                            <th>{{trans('emprecords/warning.feedback')}}</th>
                                                            <th>{{trans('emprecords/warning.rated_by')}}</th>
                                                            <th>{{trans('common/common.attachment')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($feedbacks as $feedback)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ date('d/m/Y', strtotime($feedback->created_at)) }}</td>
                                                            <td>
                                                                @for($i=0;$i<$feedback->stars;$i++)
                                                                    <span style="color:#f90"><i data-feather="star"></i></span>
                                                                @endfor
                                                                @for($i=$feedback->stars;$i < 5;$i++)
                                                                    <span style="color:#ccc"><i data-feather="star"></i></span>
                                                                @endfor
                                                            </td>
                                                            <td>{{ (!is_null($feedback->feedback)) ? $feedback->feedback : '-' }}</td>
                                                            <td>
                                                                @if($feedback->created_by_type == "admin")
                                                                    {{ (!is_null($feedback->createdByAdmin)) ? $feedback->createdbyAdmin->name : '-' }}
                                                                @else
                                                                    {{ (!is_null($feedback->createdByEmployee)) ? $feedback->createdByEmployee->name : '-' }}
                                                                @endif
                                                            </td>
                                                            <td> <a target="_blank" href="{{ isset($feedback->attachments) ? '../compliance/rating/'.$feedback->id.'/view' : '' }}">{{ isset($feedback->attachments) ? 'View' : '' }}</a></td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        @else
                                            <p class="text-center">{{trans('employee/employee.no_feedbacks_found')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="tab-pane" id="shift" aria-labelledby="shift-tab" role="tabpanel">
                                    <div class="row">
                                        @if(count($shifts)>0)
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>{{trans('common/common.date')}}</th>
                                                            <th>{{trans('employee/employee.shift_name')}}</th>
                                                            <th>{{trans('employee/employee.shift_timing')}}</th>
                                                            <th>{{trans('employee/employee.in_time')}}</th>
                                                            <th>{{trans('employee/employee.out_time')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($shifts as $shift)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ date('d/m/Y', strtotime($shift['date'])) }}</td>
                                                            <td>{{ (isset($shift['data'])) ? ((is_null($shift['data']->rotaPlan)) ? $shift['data']->name : $shift['data']->rotaPlan->shift->name) : "-" }}</td>
                                                            <td>{{ (isset($shift['data'])) ? ((is_null($shift['data']->rotaPlan)) ? $shift['data']->start_time.' - '.$shift['data']->end_time : $shift['data']->rotaPlan->shift->start_time.' - '.$shift['data']->rotaPlan->shift->end_time) : "-"  }}</td>
                                                            <td>{{ (!is_null($shift['inTime'])) ? $shift['inTime'] : '-' }}</td>
                                                            <td>{{ (!is_null($shift['outTime'])) ? $shift['outTime'] : '-' }}</td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        @else
                                            <p class="text-center">{{trans('employee/employee.no_shift_found')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="tab-pane" id="warning" aria-labelledby="warning-tab" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-12 ">
                                            <a href="{{$employee->id}}/warning-letter/add">
                                                <button class="btn btn-icon btn-primary float-md-end mb-1 waves-effect waves-float waves-light" type="button" data-repeater-create="">
                                                    <i data-feather='plus'></i> <span>{{trans('common/common.add_new')}}</span>
                                                </button>
                                            </a>
                                        </div>
                                        @if(count($warnings)>0)
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>{{trans('common/common.date')}}</th>
                                                            <th>{{trans('emprecords/warning.reason')}}</th>
                                                            <th>{{trans('emprecords/warning.other_reason')}}</th>
                                                            <th>{{trans('common/common.created_by')}}</th>
                                                            <th>{{trans('common/common.attachment')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($warnings as $warning)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ date('d/m/Y', strtotime($warning->created_at)) }}</td>
                                                            <td>{{ (!is_null($warning->reason)) ? $warning->reason : '-'  }}</td>
                                                            <td>{{ (!is_null($warning->other_reason)) ? $warning->other_reason : '-'  }}</td>
                                                            <!-- <td>{{ (!is_null($warning->description)) ? $warning->description : '-'  }}</td> -->
                                                            <td>
                                                                @if($warning->created_by_type == "admin")
                                                                    {{ (!is_null($warning->createdByAdmin)) ? $warning->createdbyAdmin->name : '-' }}
                                                                @else
                                                                    {{ (!is_null($warning->createdByEmployee)) ? $warning->createdByEmployee->name : '-' }}
                                                                @endif
                                                            </td>
                                                            <td> <a target="_blank" href="../compliance/warning-letter/{{$warning->id}}/view">{{trans('common/common.view')}}</a></td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        @else
                                        <p class="text-center">{{trans('employee/employee.no_warnings_found')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="tab-pane" id="certificate" aria-labelledby="certificate-tab" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-12 ">
                                            <a href="{{$employee->id}}/certificate/add">
                                                <button class="btn btn-icon btn-primary float-md-end mb-1 waves-effect waves-float waves-light" type="button" data-repeater-create="">
                                                    <i data-feather='plus'></i> <span>{{trans('common/common.add_new')}}</span>
                                                </button>
                                            </a>
                                        </div>
                                        @if(count($certificates)>0)
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>{{trans('common/common.date')}}</th>
                                                            <th>{{trans('employee/employee.certificate_name')}}</th>
                                                            <th>{{trans('employee/employee.remarks')}}</th>
                                                            <th>{{trans('common/common.created_by')}}</th>
                                                            <th>{{trans('common/common.attachment')}}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($certificates as $certificate)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ date('d/m/Y', strtotime($certificate->created_at)) }}</td>
                                                            <td>{{ (!is_null($certificate->name)) ? $certificate->name : '-'  }}</td>
                                                            <td>{{ (!is_null($certificate->remark)) ? $certificate->remark : '-'  }}</td>
                                                            <td>
                                                                @if($certificate->created_by_type == "admin")
                                                                    {{ (!is_null($certificate->createdByAdmin)) ? $certificate->createdbyAdmin->name : '-' }}
                                                                @else
                                                                    {{ (!is_null($certificate->createdByEmployee)) ? $certificate->createdByEmployee->name : '-' }}
                                                                @endif
                                                            </td>
                                                            <td> <a target="_blank" href="../compliance/certificate/{{$certificate->id}}/view">{{trans('common/common.view')}}</a></td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        @else
                                        <p class="text-center">{{trans('employee/employee.no_certificates_found')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="tab-pane" id="leave" aria-labelledby="leave-tab" role="tabpanel">
                                    <div class="row">
                                        @if(count($leaves)>0)
                                            <div class="col-md-12">
                                                <div class="table-responsive">
                                                    <table class="table">
                                                        <thead>
                                                            <tr>
                                                                <th>{{trans('employee/employee.type')}}</th>
                                                                <th>{{trans('employee/employee.total')}}</th>
                                                                <th>{{trans('employee/employee.applied')}}</th>
                                                                <th>{{trans('leave/leave.approved')}}</th>
                                                                <th>{{trans('leave/leave.pending')}}</th>
                                                                <th>{{trans('leave/leave.balance')}}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach($leaves as $leave)
                                                                <tr data-toggle="modal" data-target=".bd-example-modal-lg" value="{{ $leave['id'] }}" onclick="leaveData.call(this)">
                                                                    <td>{{ $leave['name'] }}</td>
                                                                    <td><span class="badge rounded-pill badge-light-primary" style="font-size:14px;">{{ $leave['total'] }}</span></td>
                                                                    <td><span class="badge rounded-pill badge-light-info" style="font-size:14px;">{{ $leave['applied'] }}</span></td>
                                                                    <td><span class="badge rounded-pill badge-light-success" style="font-size:14px;">{{ $leave['approved'] }}</span></td>
                                                                    <td><span class="badge rounded-pill badge-light-warning" style="font-size:14px;">{{ $leave['pending'] }}</span></td>
                                                                    <td><span class="badge rounded-pill badge-light-danger" style="font-size:14px;">{{ $leave['balance'] }}</span></td> 
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                    <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                                        <div class="modal-dialog modal-lg" role="document">
                                                            <div class="modal-content" style="padding:7px;">
                                                                <div class="modal-header">
                                                                    <span>Leave Detail </span>
                                                                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
                                                                    
                                                                    </button>
                                                                </div>
                                                                <table class="table table-responsive table-striped" style="background-color:#fff">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>#</th>
                                                                            <th>{{trans('employee/employee.leave_date')}}</th>
                                                                            <th>{{trans('employee/employee.status')}}</th>
                                                                            <th>{{trans('common/common.action_by')}}</th>
                                                                            <th>{{trans('employee/employee.submitted_date')}}</th>
                                                                            <th>{{trans('common/common.action_date')}}</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody id="leaveDetailModal">
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @else
                                        <p class="text-center">{{trans('employee/employee.no_leaves_found')}}</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="tab-pane" id="team" aria-labelledby="team-tab" role="tabpanel">
                                    <div class="row">
                                        @if(count($teams)>0)
                                          <div class="col-md-12">
                                              <div class="table-responsive">
                                                  <table class="table">
                                                      <thead>
                                                          <tr>
                                                              <th></th>
                                                              <th>{{trans('employee/employee.member_name')}}</th>
                                                              <th>{{trans('master/master.email')}}</th>
                                                              <th>{{trans('employee/employee.contact')}}</th>
                                                              <th>{{trans('master/master.department')}}</th>
                                                              <th>{{trans('master/master.designation')}}</th>
                                                          </tr>
                                                      </thead>
                                                      <tbody>
                                                          @foreach($teams as $teamMember)
                                                              <tr>
                                                                  <td>{{ $loop->iteration }}</td>
                                                                  <td><a href="/member/{{$alias}}/employee/{{$teamMember->id}}">{{ $teamMember->name }}</a></td>
                                                                  <td>{{ $teamMember->email }}</td>
                                                                  <td>{{ (!is_null($teamMember->mobile)) ? '+91 '.$teamMember->mobile : '-' }}</td>
                                                                  <td>{{ (!is_null($teamMember->department)) ? ucwords($teamMember->department->name) : '-' }}</td>
                                                                  <td>{{ (!is_null($teamMember->designation)) ? ucwords($teamMember->designation->name) : '-' }}</td>
                                                              </tr>
                                                          @endforeach
                                                      </tbody>
                                                  </table>
                                              </div>
                                          </div>
                                        @else
                                        <p>{{trans('employee/employee.no_team_found')}}</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <style>
        .roundimg{ width: 155px; height: 150px; margin: 0 auto;}
        .roundimg img{border-radius: 10px; width: 100%; height: 100%; object-fit: cover; object-position: top; }
        .employee-tabs .employee-link{padding: 1rem 0.6rem;}
        </style>
        <!--/ Statistics Card -->
    </div>
   
</section>
    <!--/ Column Search -->
@endsection 
@push('footer-script') 
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>

    <script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
    <script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
    <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
    <script src="/app-assets/js/scripts/forms/form-validation.js"></script>
    <script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>

    <!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/tables/table-datatables-basic.js"></script>
    <script src="/app-assets/js/scripts/tables/table-datatables-advanced.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
    <!-- END: Page JS-->
<script>
    function leaveData(){
        $('#leaveDetailModal').html('');
        var id = $(this).attr('value');
       
        $.ajax({
            url: "/member/{{$alias}}/employee/{{$employee->id}}/leaveDetails",
            type: "POST",
            data: {
                _token: "{{csrf_token()}}",
                'leave_type_id': id,
            },
            success: function(dataResult){
                $('#leaveDetailModal').html(dataResult);
                console.log(dataResult);
            }
        });
    }

</script>
@endpush