@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">

    <!-- 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="content-header row">
        <div class="content-header-left col-md-6 col-4 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0">Leave</h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ $orgUrl . '/home' }}">Home</a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ $orgUrl . '/leaves' }}">Leave Master</a>
                            </li>
                            <li class="breadcrumb-item active">Leave
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-header-right text-end col-md-6 col-8">
            <div class="form-group breadcrumb-right">
                <a href="javascript:history.back()"
                    class="btn btn-secondary btn-sm waves-effect waves-float waves-light"><svg
                        xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="feather feather-arrow-left-circle">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 8 8 12 12 16"></polyline>
                        <line x1="16" y1="12" x2="8" y2="12"></line>
                    </svg> Back</a>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-8">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Applied Leave Details : </h4>
                    </div>
                    <div class="card-body">
                        <div class="row invoice-spacing">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-md-3 col-6 leavedetailhead">Employee :</div>
                                    <div class="col-md-3 col-6 leavedetailhead">
                                        <span class="fw-bold badge rounded-pill badge-light-primary">
                                            {{ isset($leave->employee->name) ? $leave->employee->name : '-' }}
                                            {{ isset($leave->employee->employee_code) ? $leave->employee->employee_code : '-' }}
                                        </span>
                                    </div>
                                    <div class="col-md-3 col-6 leavedetailhead">Status : </div>
                                    <div class="col-md-3 col-6 leavedetailhead">
                                        <span
                                            class="fw-bold badge rounded-pill badge-light-{{ $leave->status == App\Helpers\ConstantHelper::APPROVED ? 'success' : 'warning' }}">
                                            {{ ucfirst($leave->status) }}
                                        </span>
                                    </div>

                                    <div class="col-md-3 col-6 leavedetailhead">Leave Type :</div>
                                    <div class="col-md-3 col-6 leavedetailtxt">
                                        {{ isset($leave->leaveType->name) ? $leave->leaveType->name : '-' }}
                                    </div>
                                    <div class="col-md-3 col-6 leavedetailhead">Leave Duration :</div>
                                    <div class="col-md-3 col-6 leavedetailtxt">
                                        {{ ucfirst($leave->leave_duration) }}</div>

                                    <div class="col-md-3 col-6 leavedetailhead">Leave From </div>
                                    <div class="col-md-3 col-6 leavedetailtxt">
                                        {{ $leave->from_date ? App\Helpers\GeneralHelper::dateFormat($leave->from_date) : '-' }} {{ $leave->from_time ? "(".date('H:i', strtotime($leave->from_time)).")" : ''}}
                                    </div>
                                    <div class="col-md-3 col-6 leavedetailhead">Leave To </div>
                                    <div class="col-md-3 col-6 leavedetailtxt">
                                        {{ $leave->to_date ? App\Helpers\GeneralHelper::dateFormat($leave->to_date) : '-' }} {{ $leave->to_time ? "(".date('H:i', strtotime($leave->to_time)).")" : ''}}
                                    </div>

                                    <div class="col-md-3 col-6 leavedetailhead">Apply Date:</div>
                                    <div class="col-md-3 col-6 leavedetailtxt">
                                        {{ $leave->created_at ? App\Helpers\GeneralHelper::dateFormat($leave->created_at) : '-' }}
                                    </div>
                                    <div class="col-md-3 col-6 leavedetailhead">No of Leave :</div>
                                    <div class="col-md-3 col-6 leavedetailtxt">
                                        {{ $leave->no_of_leaves ? $leave->no_of_leaves : '-' }} Day</div>
                                    <div class="col-md-3 leavedetailhead">Reason:</div>
                                    <div class="col-md-9 leavedetailtxt">
                                        {{ $leave->reason ? $leave->reason : '-' }}</div>
                                    <div class="col-md-3 leavedetailhead">Applied by:</div>
                                    <div class="col-md-9 leavedetailtxt">
                                        @php
                                            if ($leave->created_by_type == 'user') {
                                                $appliedBy = $leave->createdBy;
                                            }else{
                                                $appliedBy = $leave->createdByEmployee;   
                                            }
                                        @endphp
                                            {{ $appliedBy->name ?? '' }} - ({{ $appliedBy->email ?? '' }})
                                    </div>
                                    @if ($leave->document)
                                        <div class="col-md-3 leavedetailhead">Document:</div>
                                        <div class="col-md-9 leavedetailtxt"><a class="text-info"
                                                href="{{ $leave->document ? $leave->document : '-' }}"
                                                target="_blank">View</a></div>
                                    @endif


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if ($leave->status != App\Helpers\ConstantHelper::PENDING)
                <div class="col-md-4 mb-2">
                    <div class="card h-100">
                        <div class="card-header">
                            <h4 class="card-title"> {{ ucfirst($leave->status) }} Details</h4>
                        </div>
                        <div class="card-body">
                            <div class="row invoice-spacing">
                                <div class="col-md-6 col-6 leavedetailhead">{{ ucfirst($leave->status) }} By :</div>
                                <div class="col-md-6 col-6 leavedetailhead">
                                    <span class="fw-bold badge rounded-pill badge-light-primary">
                                        @if($leave->action_by_type=='employee')
                                        {{ isset($leave->actionBy->name) ? $leave->actionBy->name : '' }}
                                        (
                                        {{ isset($leave->actionBy->employee_code) ? $leave->actionBy->employee_code : '' }}
                                        )
                                        @else
                                        {{ isset($leave->actionByUser->name) ? $leave->actionByUser->name : '' }}
                                        @endif
                                    </span>
                                </div>
                                <div class="col-md-6 col-6 leavedetailhead">Date :</div>
                                <div class="col-md-6 col-6 leavedetailtxt">
                                    {{ $leave->action_at ? App\Helpers\GeneralHelper::dateFormat($leave->action_at) : '-' }}
                                </div>
                                @if ($leave->action_comments)
                                    <div class="col-md-4 leavedetailhead">Comments :</div>
                                    <div class="col-md-8 leavedetailtxt">
                                        {{ $leave->action_comments ? $leave->action_comments : '-' }}
                                    </div>
                                @endif


                            </div>

                        </div>
                    </div>
                </div>
            @else
                @if($leave->max_approval_level >= $leave->current_approval_level)
                <div class="col-md-4 mb-2">
                    <div class="card h-100">
                        <div class="card-header">
                            <h4 class="card-title"> {{ ucfirst($leave->status) }} Details</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">

                                Pending At : 
                                <span class="fw-bold badge rounded-pill badge-light-primary">
                                    {{ @$leave->approver->name }}({{ @$leave->approver->employee_code }})
                                </span>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
                @endif
            @endif

        </div>

        <div class="row">
            @if($leave->statusLogs)
            <div class="col-md-6 col-12 mb-2">
                <div class="card new-cardbox h-100">
                    <div class="card-header newheader">
                        <div class="header-left">
                            <h4 class="card-title">Leave Status Logs</h4>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="tableleavsumarbox">
                            <div class="table-responsive">
                                <table class="table leavedetailsumtab">
                                    <thead>
                                        <tr>
                                            <th>Action At</th>
                                            <th>Action By</th>
                                            <th>Level</th>
                                            <th>Status</th>
                                            <th>Remark</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($leave->statusLogs as $log)
                                            <tr>
                                                <td>{{$log->created_at}}</td>
                                                <td>{{$log->getCreatedByName()}}</td>
                                                <td>{{$log->approval_level}}</td>
                                                <td>{{$log->status}}</td>
                                                <td>{{$log->remark}}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                @if(count($leave->statusLogs) == 0)
                                <div><center>No record(s) found!</center></div>
                               @endif
                            </div>

                        </div>
                    </div>
                </div>        
            </div>          
            @endif
            
            @php
                $compOffsUsed = $leave->getUsedCompOffs();
            @endphp

            @if($compOffsUsed->count())
            <div class="col-md-6 col-12 mb-2">
                <div class="card new-cardbox h-100">
                    <div class="card-header newheader">
                        <div class="header-left">
                            <h4 class="card-title">Comp Offs Used</h4>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="row">
                            @foreach ($compOffsUsed as $compOff)
                                <div class="col-md-12 col-12">
                                    <a href="{{$orgUrl}}/compensations/{{$compOff->id}}">
                                        <span class="fw-bold badge rounded-pill badge-light-primary">
                                            {{$compOff->request_date}}
                                        </span>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </section>
    <!--/ Column Search -->
@endsection
@push('footer-script')
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>

    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>


    <!-- BEGIN: Page JS-->
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>

    <!-- END: Page JS-->
@endpush