@extends('lay.dnekcab.retsam')

@section('title')
  {{ $page_title }}
@endsection

@section('page-content')

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body list-heading">
                            <!-- card-header -->
                            <!--cenario 1: only header, 2:header and add button, 3:header and print, other:header , add button and prin. type:both[pdf,excel], type:[pdf], type:[excel] -->
                            <x-card-header 
                                :scenario="'1'"
                                :pageTitle="$page_title"
                            />
                           
                            <div class="card">
                                <div class="card-body">
                                    <div class="row p-2" style="border-bottom: 3px double #EEE; border-top: 3px double #EEE">
                                        <div class="col">
                                            <i class="fa fa-table"></i> <label class="form-label mb-0">{{ __('items.info') }}</label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row mt-4 mb-2">
                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.name') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->itemMasterInfo->name }}</p>
                                            </div>

                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.category') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->category->name }}</p>
                                            </div>

                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.is_consumable') }}</label><br>
                                                <p style="font-weight: normal">{{ __('items.consumable_'.$formInfo->is_consumable) }}</p>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row mb-2">

                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.quantity') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->quantity }}</p>
                                            </div>

                                            <div class="col-md-8">
                                                <label class="form-label mb-0">{{ __('items.unit') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->unit->name }}</p>
                                            </div>
                                        </div>
                                        <div class="row mt-2 p-2" style="border-bottom: 3px double #EEE; border-top: 3px double #EEE">
                                            <div class="col">
                                                <i class="fa fa-envelope"></i> <label class="form-label mb-0">{{ __('items.request_form.request_info') }}</label>
                                            </div>
                                        </div>
                                        @if($formInfo->is_consumable == 1)
                                        <div class="row mb-2">
                                            <div class="col-md-4 mt-2">
                                                <label class="form-label mb-0">{{ __('items.request_form.directorate') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->department->name }}</p>
                                            </div>
                                        </div>
                                        @else
                                        <div class="row mb-2">
                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.request_form.directorate') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->employee->directorate->name }}</p>
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.employee_info') }}</label><br>
                                                <p style="font-weight: normal">
                                                    {{ $formInfo->employee->name." ".$formInfo->employee->last_name ." | ". $formInfo->employee->designation->name }}
                                                </p>
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label mb-0">{{ __('items.request_form.bast') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->employee->designation->hirarchy_level }}</p>
                                            </div>
                                        </div>
                                        @endif

                                        <div class="row mb-2">
                                            <div class="col">
                                                <label class="form-label mb-0">{{ __('items.remarks') }}</label><br>
                                                <p style="font-weight: normal">{{ $formInfo->remarks }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row p-2" style="border-bottom: 3px double #EEE; border-top: 3px double #EEE">
                                        <div class="col">
                                            <i class="fa fa-info-circle"></i> <label class="form-label mb-0">{{ __('items.request_form.confirm_info') }}</label>
                                        </div>
                                    </div>

                                    <div class="row p-2">
                                        @foreach ($formInfo->approvals as $approval)
                                            @if($approval->status == 'approved' || $approval->status == 'rejected')
                                                <div class="text-dark p-0 mb-0 alert @if($approval->status == 'approved') alert-success @else alert-danger @endif">
                                                    <div style="height: 60px; padding: 10px;">
                                                        @php
                                                            $actionUser = \App\Models\Employee::find($approval->approved_by);
                                                            $date = \Carbon\Carbon::parse($approval->approved_at != null ? $approval->approved_at : '');
                                                        @endphp
                                                        <div class="text-center pull-right" style="">
                                                            <img src="{{ $actionUser && $actionUser->photo && file_exists(storage_path('app/public/attachment/employee/photo/' . $actionUser->photo)) ? asset('storage/attachment/employee/photo/'. $actionUser->photo) : asset('assets/img/default-img.png') }}"
                                                            alt="{{ $actionUser->name }}" style="width:40px; height:40px; display: inline-block;" class="avatar-title bg-primary rounded-circle font-size-16">
                                                            <span class="mx-2">{{ $actionUser->name." ".$actionUser->last_name." (".$actionUser->designation->name.")" }}</span>
                                                        </div>
                                                        <div class="text-left pull-left">
                                                            <h6 class="mb-1" key="t-your-order">@if($approval->status == 'approved') Approved @else Rejected @endif</h6>
                                                            <div class="font-size-12">
                                                                <p class="mb-0">
                                                                    <i class="mdi mdi-clock-outline"></i> 
                                                                    <span key="t-min-ago">{{ formatVertaDate($date->timestamp) }}</span>
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <br>
                                            @else
                                                <div class="col">
                                                    <label class="form-label mb-0 py-2">{{ __('items.request_form.dir_executed') }} ( {{ $approval->step !=3 ? $approval->responsibleDirector->name : $approval->responsibleManager->name }} )</label><br>
                                                    @if(checkItemRequestProcessPermission($approval->responsible_entity_id, $approval->step))
                                                        <button type="button" class="btn btn-success" onclick="openActionModal({{ $approval->step }});">
                                                            <i class="fa fa-check-circle"></i> {{ __('items.request_form.do_confirm') }}
                                                        </button>
                                                    @endif
                                                </div>
                                            @endif
                                            <hr class="my-1">
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

        </div> <!-- container-fluid -->
    </div>
    <!-- confirm request modal -->
    <div class="modal fade" id="confirm-request-form-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
        <div class="modal-dialog modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('items.request_form.confirm_form') }}</h5>
                    <button type="button" class="btn-close confrim-m{{ app()->getLocale() == 'en' ? 'l' : 'r' }}" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 mt-2">
                        <label class="form-label mb-0 py-2">{{ __('items.request_form.confirm_reject') }}</label><br>
                        <button type="button" class="btn btn-primary" onclick="confirmRejectRequestForm(1)">
                            <i class="fa fa-check-circle"></i> &nbsp;{{ __('items.request_form.confirm_form') }}
                        </button>
                        <button type="button" class="btn btn-outline-danger" onclick="confirmRejectRequestForm(0)">
                            <i class="fa fa-check-circle"></i> &nbsp;{{ __('items.request_form.reject') }}
                        </button>
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal" aria-label="Close">
                            <i class="fa fa-times"></i> &nbsp;{{ __('global.close') }}
                        </button>
                        <input type="hidden" id="step">
                        <input type="hidden" id="record_id" value="{{ encryption($formInfo->id) }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
<style>
    .form-label{
        font-weight: bold !important;
    }
</style>
<script>
    function openActionModal(step)
    {
        $("#step").val(step);
        $("#confirm-request-form-modal").modal("show");
    }
    function confirmRejectRequestForm(action)
    {
        let rid = $("#record_id").val();
        let step = $("#step").val();
        $.ajax({
            url: "{{ route('items.request.confirmreject') }}",
            method: "POST",
            data: {
                action: action,
                step: step,
                rid: rid,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                location.reload();
            },
            error: function(xhr) {
                // Handle errors
                toastr.error('Error');
            }
        });
    }
</script>