@extends('layouts.main')

@section('more-styles')
    <link href="{{ asset('css/timeline-accordion.css') }}" rel="stylesheet">
@endsection

@php

if ($changeRequest->isRejected() || $changeRequest->isApproved()){
    $statusClass = ($changeRequest->isRejected()) ? "text-danger" : "text-success";
    $hideResolutionSection = true;
} elseif($changeRequest->created_by == $authUser->id){
    $statusClass = '';
    $hideResolutionSection = true;
} else{
    $statusClass = '';
    $hideResolutionSection = false;
}
@endphp

@section('main-content')
    <div class="main-content-section">
        <div class="row">
            <div class="col-lg-12 thin-section-border">
                <div class="card p-2 mt-2 mb-2">
                    <div class="card-title">
                        <h2 class="page-title-secondary">Change Request Timeline/Actions</h2>
                    </div>
                    <table class="table table-bordered table-responsive">
                        <caption></caption>
                        <tbody>
                        <tr>
                            <th scope="row">Submitted By</th>
                            <td>{{ $changeRequest->createdBy->FUllName }} :: {{ $changeRequest->createdBy->email }}</td>
                        </tr>
                        <tr>
                            <th scope="row">Request Type</th>
                            <td>{{ $changeRequest->change_request_type->display_name}}</td>
                        </tr>
                        <tr>
                            <th scope="row">Description</th>
                            <td>{{ $changeRequest->description }}</td>
                        </tr>
                        <tr>
                            <th scope="row">Request Reason</th>
                            <td>{{ $changeRequest->reason }}</td>
                        </tr>
                        <tr>
                            <th scope="row">Supporting Documents</th>
                            <td>
                                @if($supportingDocuments)
                                    <ul>
                                        @foreach($supportingDocuments as $document)
                                            <li class="mb-1">
                                                <a target="_blank" href="{{ $document }}">
                                                    <span>Document {{$loop->iteration}}</span><br>
                                                    <span class="icon ni ni-download"></span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                            @if($changeRequest->change_request_type_id == \App\Models\ChangeRequestType::UPDATE_DEMAND_NOTICES)
                                @include('components.change_request.demand_notice_change_comparison')
                            @elseif($changeRequest->change_request_type_id == \App\Models\ChangeRequestType::CHANGE_MINISTRY_ACCOUNT_NUMBER)

                            @endif
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">Status</th>
                            <td class="{{ $statusClass }}">{{ $changeRequest->change_request_status->display_name }}</td>
                        </tr>
                        <tr>
                            <th scope="row">Comments</th>
                            <td>
                            @foreach($changeRequest->comments() as $entry)
                                <span class="border-gray">
                                    Action By: {{$entry->user->FullName}}<br>
                                    Date: {{ $entry->created_at }}<br>
                                    Comment: {{ $entry->comment }}
                                </span>
                            @endforeach
                            </td>
                        </tr>

                        </tbody>
                    </table>
                    @if(!$hideResolutionSection)
                        @if($isWorkflowSetup)
                        <div class="card">
                            <form method="post"
                                action="{{ route('change_request.approve_or_reject', ['changeRequest' => $changeRequest->id]) }}"
                                enctype="multipart/form-data" id="changeRequestForm">
                                @csrf
                                <div class="form-group">
                                    <label class="form-label" for="comment">Add a comment</label>
                                    <textarea id="comment" class="form-control"
                                            name="comment">{{ old('comment') }}</textarea>
                                </div>
                                <input name="action_type" hidden value="{{ old('action_type') }}" id="actionType">
                                <hr>
                                <div class="form-group col-md-3 float-right">
                                    <button class="btn btn-success w-100" type="button"
                                            onclick="return approveOrRejectChangeRequest('approve')">Approve
                                    </button>
                                </div>
                                <div class="form-group col-md-3 float-right">
                                    <button class="btn btn-danger w-100" type="button"
                                            onclick="return approveOrRejectChangeRequest('reject')">Reject
                                    </button>
                                </div>
                            </form>

                        </div>
                        @else
                            <p class="text-center text-danger">Change Request workflow isn't setup for {{ $changeRequest->ministry->display_name }}</p>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('more-scripts')
    <script>
        function approveOrRejectChangeRequest(action) {
            $('#actionType').val(action);
            Swal.fire({
                title: 'Are you sure you want to '+action+' this change request?',
                text: 'Changes cannot be reverted',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Yes',
                cancelButtonText: 'No',
                cancelButtonColor: "#526484",
                confirmButtonColor: "#1b9844",
                reverseButtons: true
            })
            .then((confirmed) => {

                if(confirmed.value){
                    $('#changeRequestForm').submit();
                }
            });
        }
    </script>

@stop