@extends('layouts.content')
<style>
    .sub-font {
        height: 2rem;
        width: 20rem;
        background-color:rgb(178, 179, 178) !important;
        color: black;
        font-weight: bold;
    }
    tr td {
        color: black;
        white-space: normal;
        word-wrap: break-word;
        line-height: 1.2;
        width: 10%;

    }
    .header-btn-group {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .status-button {
        display: inline-block;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        text-transform: capitalize;
    }
    .watermark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(30deg);
        opacity: 0.2;
        width: 500px;
        object-fit: cover;
        z-index: 1;
    }
    .content-wrapper {
        position: relative;
    }
    .text-wrap {
    word-wrap: break-word;
    white-space: normal;
    max-width: 200px; /* Batasi lebar teks */
    }

</style>

@section('body_content')
<main>
    <div class="card p-5">
        <div class="card-header bg-none">
            <div class="header-btn-group">
                <a href="/business-travel-request" class="btn btn-secondary">Back</a>

                @if($btr->status === "approved" || $btr->status === "reject")
                <a href="/generate-pdf/btr/{{ $btr->uid }}" target="_blank" class="btn btn-primary">Generate PDF</a>
                @endif

                <span class="btn status-button
                        {{$btr->status === "pending" ? 'btn-warning' :
                        ($btr->status === "approved" ? 'btn-success' :
                        ($btr->status === "Approve-Manager" ? 'btn-primary' : 'btn-danger'))}}" id="status_label">
                    Status: {{ ucfirst($btr->status) }}
                </span>

                @if($btr->status === "pending" && $appCompany && ($btr->manager_user_uid === auth()->user()->uid))

                <button type="button" class="btn btn-success" onclick="approveShowBtr('{{ $btr->uid }}', '{{ $btr->document_title }}')">Approve</button>
                <button type="button" class="btn btn-danger" onclick="rejectShowBtr('{{ $btr->uid }}', '{{ $btr->document_title }}')">Reject</button>

                @elseif($btr->status === "pending" || $btr->status === "Approve-Manager")
                    @if((
                            // Kondisi untuk Director atau pengguna dengan akses Special
                            ($accessLevel === "Director" || auth()->user()->accessBtr?->access === "Special") &&
                            (
                                // Cek jumlah berdasarkan mata uang
                                ($btr->currency_id == 1 && $btr->total_amount >= 50000000) || // Rupiah >= 50 juta
                                ($btr->currency_id == 2 && $btr->total_amount >= 3203) ||    // USD >= 3203
                                ($btr->currency_id == 3 && $btr->total_amount >= 22847)      // Yuan >= 22847
                            )
                        ) ||
                        (
                            // Kondisi tambahan untuk Director atau pengguna dengan akses Special
                            ($accessLevel === "Director" || auth()->user()->accessBtr?->access === "Special") &&
                            in_array($btr?->requestBy?->roles?->accessLevel?->name, ["Manager", "HR-Manager"])
                        ) ||

                        (($accessLevel === "Director" || auth()->user()->accessBtr?->access === "Special") &&
                        (auth()->user()->uid === $btr->requestor_user_uid))
                    )

                        <button type="button" class="btn btn-danger" onclick="rejectShowBtr('{{ $btr->uid }}', '{{ $btr->document_title }}')">Reject</button>
                        <button type="button" class="btn btn-success" onclick="approveShowBtr('{{ $btr->uid }}', '{{ $btr->document_title }}')">Approve</button>
                    @elseif(
                        ((
                            // Kondisi untuk HR-Manager atau Manager (bukan requestor)
                            $accessLevel === "HR-Manager" || $accessLevel === "Manager" || ($accessLevel === "Supervisor" && $btr->manager_user_uid === auth()->user()->uid)
                        ) && $btr->status === "pending") &&
                        auth()->user()->uid !== $btr->requestor_user_uid
                    )
                        @if(
                            // Cek jumlah berdasarkan mata uang untuk HR-Manager atau Manager
                            ($btr->currency_id == 1 && $btr->total_amount < 50000000) ||  // Rupiah < 50 juta
                            ($btr->currency_id == 2 && $btr->total_amount < 3203) ||     // USD < 3203
                            ($btr->currency_id == 3 && $btr->total_amount < 22847)       // Yuan < 22847
                        )
                            <button type="button" class="btn btn-success" onclick="approveShowBtr('{{ $btr->uid }}', '{{ $btr->document_title }}')">Approve</button>
                        @else
                            <button type="button" class="btn btn-success" onclick="approveManagerAboveStandart('{{ $btr->uid }}', '{{ $btr->document_title }}')">Approve</button>
                        @endif
                        <button type="button" class="btn btn-danger" onclick="rejectShowBtr('{{ $btr->uid }}', '{{ $btr->document_title }}')">Reject</button>
                    @endif
            @endif



            </div>
        </div>
        <div class="card-body content-wrapper">
            <div class="d-flex">
                <div class="mb-5">
                    <img src="/assets/img/logo/{{ $logo?->logo }}" alt="{{ $logo?->logo }}" style="width: 250px; height:auto; margin-bottom: 20px;">
                </div>
                <div class="mt-2 ms-auto">
                    <span><strong>Created By:</strong> {{ $btr?->initiatedBy?->name ?? "-" }}</span><br>
                    <span><strong>Time Created:</strong> {{
                    $btr?->created_at ? \Carbon\Carbon::parse($btr?->created_at)->addHours(7)->format('Y-m-d H:i:s') : "-"
                    }}</span><br>
                    @if($btr->spv_known_uid)
                    <span><strong>Known By:</strong> {{ $btr?->knownBy?->name ?? "-" }}</span><br>
                    <span><strong>Created By:</strong> {{
                    $btr?->spv_at ? \Carbon\Carbon::parse($btr?->spv_at)->addHours(7)->format('Y-m-d H:i:s') : "-" }}</span><br>
                    @endif
                    <span><strong>Approved By:</strong> {{ $btr?->approvedBy?->name ?? "-" }}</span><br>
                    <span><strong>Time Approve:</strong> {{
                        $btr?->approve_created_at ? \Carbon\Carbon::parse($btr?->approve_created_at)->addHours(7)->format('Y-m-d H:i:s') : "-"
                    }}</span>
                </div>
            </div>

            @include('partials.alert')

            @if($btr->status === "approved")
            <img src="/assets/img/approved.png" alt="Approved" class="watermark">
            @elseif($btr->status === "reject")
            <img src="/assets/img/reject.png" alt="Rejected" class="watermark">
            @endif

            @include('btr.show_or_edit.component.data-btr')
            @include('btr.show_or_edit.component.passanger')
            @include('btr.show_or_edit.component.trip_routing')
            @include('btr.show_or_edit.component.travel_cost')

            @if ($btr?->passanger && count($btr?->passanger) > 0 && $btr?->passanger[0]?->is_hotel_booking === "yes")
            @include('btr.show_or_edit.component.hotel')
            @endif


            @if($btr?->requestAttachment?->file)
            <div class="mt-4">
                <span>File Attachment: <a href="/assets/file/btr/{{ $btr?->requestAttachment?->file }}" class="text-primary">{{ $btr?->requestAttachment?->file }}</a></span>
            </div>
            @endif


        </div>
    </div>
</main>

@include('btr.show_or_edit.modal.approve')
@include('btr.show_or_edit.modal.reject_btr')
@include('btr.modal.approval_btr')

@push('scripts')
    <script src="{{ asset('js/btr/_init.js') }}?v={{ filemtime(public_path('js/btr/_init.js')) }}"></script>
    <script src="{{ asset('js/btr/action.js') }}?v={{ filemtime(public_path('js/btr/action.js')) }}"></script>
@endpush

@endsection