@extends('app-new')

@push('head-script')
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
<!-- END: Vendor CSS-->

<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/style.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/pages/page-profile.css">
<!-- END: Page CSS-->
@endpush
@section('content')
<section id="dashboard-ecommerce">
    <div class="row match-height">
        <div class="col-lg-12 col-md-12 col-12">
            <div class="card">
                <div class="card invoice-preview-card mb-0">
                    <div class="card-body invoice-padding pb-0">
                        <!-- Header starts -->
                        <div class=" flex-md-row flex-column invoice-spacing mt-1 mb-1">
                            <div>
                                <div class="logo-wrapper d-flex">
                                    <h3 class="text-primary invoice-logo">{{trans('leave/leave.leave')}}</h3>
                                </div>
                                <hr class="invoice-spacing" />
                            </div>
                        </div>
                    </div>
                    <!--view Leave -->
                    <div class="card-body invoice-padding pt-0">
                        <h4 class="mb-3 text-center bill-heading card-title ">{{trans('leave/leave.leave_details')}}</h4>
                        <div class="row invoice-spacing mb-3">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('leave/leave.employee')}} :</td>
                                            <td class="pt-2">
                                                <span class="fw-bold badge rounded-pill badge-light-primary">
                                                {{ (!is_null($leave->user_id)) ? ucwords($leave->user->name) : '-' }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('leave/leave.leave_type')}} :</td>
                                            <td class="pt-2"> {{ (!is_null($leave->leave_type_id)) ? ucwords($leave->leaveType->type_name) : '-' }}</td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('leave/leave.leave_status')}} :</td>
                                            <td class="pt-2">
                                                <span class="fw-bold badge rounded-pill badge-light-success">
                                                {{ (!is_null($leave->leave_status)) ? ucwords($leave->leave_status) : '-' }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('leave/leave.apply_date_time')}} :</td>
                                            <td class="pt-2">{{ (!is_null($leave->created_at)) ? $leave->created_at : '-' }}</td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('leave/leave.leave_duration')}} :</td>
                                            <td class="pt-2">{{ (!is_null($leave->duration)) ? ucwords($leave->duration) : '-' }}</td>
                                        </tr>
                                        
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                <table>
                                    <tbody>
                                        @if ($leave->duration=='multiple')
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('common/common.from_date')}}:</td>
                                            <td class="pt-2">{{ (!is_null($leave->start_date)) ? $leave->start_date : '-' }}</td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('common/common.to_date')}}:</td>
                                            <td class="pt-2">{{ (!is_null($leave->end_date)) ? $leave->end_date : '-' }}</td>
                                        </tr>
                                        @else
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('common/common.date')}}:</td>
                                            <td class="pt-2">{{ (!is_null($leave->start_date)) ? $leave->start_date : '-' }}</td>
                                        </tr>
                                        @endif

                                        @if ($leave->leave_status!='pending')
                                        <tr>
                                            <td class="pe-1 pt-2">{{ucwords($leave->leave_status)}} {{trans('leave/leave.by')}}:</td>
                                            <td class="pt-2">{{ ucwords($leave->action_by) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="pe-1 pt-2">{{ucwords($leave->leave_status)}} {{trans('leave/leave.date_time')}}:</td>
                                            <td class="pt-2">{{ $leave->action_datetime }}</td>
                                        </tr>
                                        @endif
                                        <tr>
                                            <td class="pe-1 pt-2">{{trans('leave/leave.reason_for_absence')}}:</td>
                                            <td class="pt-2">{{ (!is_null($leave->reason)) ? $leave->reason : '-' }}</td>
                                        </tr>
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!--view Leave -->
                </div>

                @if ($leave->leave_status=='pending')
                <div class="col-md-4" style="margin-left:22px;margin-bottom:20px">
                    <form action="{{env('APP_URL')}}/{{$alias}}/leaves/statuschange" method="post">
                        <div class="row">
                            <input type="hidden" name="leaveId" value="{{$leave->id}}">
                            {{ csrf_field() }}
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>{{trans('leave/leave.leave_status')}}</label>
                                    <select class="select2 form-control" name="leave_status" id="leave_status">
                                        <option value="approved">{{trans('leave/leave.approve')}}</option>
                                        <option value="rejected">{{trans('leave/leave.reject')}}</option>
                                        <option value="revoked">{{trans('leave/leave.revoke')}}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 mt-1">
                                <label>{{trans('leave/leave.reason')}}? ({{trans('leave/leave.optional')}})</label>
                                <div class="form-group">
                                    <textarea name="remark" id="remark" class="form-control" cols="30" rows="5"></textarea>
                                </div>
                            </div>
                            <div class="form-actions">
                                <button type="submit" id="save-form" class="btn btn-success mt-2">{{trans('common/common.save')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
                @endif
                             

                @if($leave->files)
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="mb-3 bill-heading text-center">{{trans('common/common.attachment')}}</h4>
                                <div class="row">
                                @if($leave->files)
                                    @foreach($leave->getMedia('files') as $attachment)
                                    <div class="col-md-3 col-lg-3 col-6 profile-latest-img mb-1">
                                        @if($leave->mime_type=="application/msword" || $leave->mime_type=="appplication/docx" || $leave->mime_type=="appplication/doc")
                                        <a href="{{$attachment->getUrl()}}" data-bs-toggle="modal" data-bs-target="#addNewCard">
                                            <img src="../../../app-assets/images/profile/user-uploads/user-05.jpg"
                                                class="img-fluid rounded modalAttachment" alt="avatar img" />
                                        </a>
                                        @elseif($attachment->mime_type=="application/pdf")
                                        <a href="{{$attachment->getUrl()}}" data-bs-toggle="modal" data-bs-target="#addNewCard">
                                            <img src="../../../app-assets/images/profile/user-uploads/user-05.jpg"
                                                class="img-fluid rounded modalAttachment" alt="avatar img" />
                                        </a>
                                        @else
                                        <a href="{{$attachment->getUrl()}}" data-bs-toggle="modal" data-bs-target="#addNewCard">
                                            <img src="{{$attachment->getUrl()}}"
                                                class="img-fluid rounded modalAttachment" alt="avatar img" />
                                        </a>
                                        @endif
                                        <p class="text-center">{{$attachment->file_name}}</p>
                                    </div>
                                    @endforeach
                                @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                @if(!empty($leave->attachments))   
                    <div class="row">
                        <label>{{trans('common/common.attachments')}}</label>
                        <div class="col-md-12">        
                        @foreach($leave->attachments as $attachment)
                            <div class="col-md-4 col-6 mb-2">
                                <a href="{!! $attachment !!}" target="_blank"><img src="{!! $attachment !!}" alt="your image" style="width:250px;height: 250px;" onerror="this.src='/assets/img/default-profile-3.png'" /></a>
                            </div>                      
                        @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- image modal -->
    <div class="modal fade" id="addNewCard" tabindex="-1" aria-labelledby="addNewCardTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <img id="modalimg2" src="" class="img-fluid rounded"
                    alt="avatar img" />
            </div>
        </div>
    </div>
    <!--/ image modal -->

</section>
@endsection
@push('footer-script')
<script src="/app-assets/js/scripts/pages/modal-add-new-cc.js"></script>
<script src="/app-assets/vendors/js/vendors.min.js"></script>
<script src="/app-assets/js/core/app-menu.js"></script>
<script src="/app-assets/js/core/app.js"></script>
<script>
$(window).on('load', function() {
    if (feather) {
        feather.replace({
            width: 14,
            height: 14
        });
    }
    // barChartExample();
});

 // Set the src of the img embedded in the dialog
 $(".modalAttachment").click(function() {
        $('#modalimg2').attr('src', $(this).attr('src'));
        modal.modal("show");
 });
</script>

<!-- END: Page JS-->


@endpush