@extends('layouts.master')
@section('content')
    <style>
        .custom-radio {
            width: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .custom-radio label {
            margin: 0 30px 0 0;
        }

        .details-box {
            width: 100%;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
        }

        .details-box .row {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 10px;
        }

        .details-box h3 {
            font-size: 16px;
            background-color: #79b363;
            padding: 5px 15px;
            margin: -15px -15px 0;
            color: #fff;
        }
    </style>
    <section class="content home">
        <div class="block-header">
            <div class="row">
                <div class="col-lg-5 col-md-5 col-sm-12">
                    <h2>View DPR
                        <small>Welcome to WBI</small>
                    </h2>
                </div>
                <div class="col-lg-7 col-md-7 col-sm-12 text-right">
                    <ul class="breadcrumb float-md-right">
                        <li class="breadcrumb-item"><a href="/login"><i class="zmdi zmdi-home"></i>WBI</a></li>
                        <li class="breadcrumb-item active">View DPR</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="card">
                <div class="header">
                    <h2>
                        <strong>View </strong> DPR
                </div>
                <div class="body">
                    <form action="/admin/user-dpr-report/status-update" method="POST" id="myForm">
                        @csrf
                        <input type="hidden" name="id" value="{{ $dprReport->id }}">
                        <input type="hidden" name="status_id" value="" id="status_id">
                        <div class="fvb-content">

                        </div>
                        <div class="details-box view-box">
                            <h3>DPR Details</h3>
                            <div class="pt-2">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="fvb-content">
                                            <p>Division : <b>{{ $dprReport->division->name }}</b></p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="fvb-content">
                                            <p>Industry Type : <b>{{ $dprReport->industry_type_detail->name }}</b></p>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                </hr>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="fvb-content">
                                            <p>Application Type :
                                                <b>{{ $dprReport->application_type_detail->application_type }}</b></p>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="fvb-content">
                                            <p>
                                                DPR Document :
                                                <b>
                                                    <a href="/storage/{{ $dprReport->upload_filename }}"
                                                        class="document-link" target="_blank">
                                                        View Document
                                                    </a>
                                                </b>
                                            </p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <hr>
                            </hr>
                            <div class="fvb-content">
                                <p>
                                <p>
                                                                    </p>
                                @if (Auth::user()->role_id == 7)
                                    <div class="fvb-check">
                                        Please select :
                                        <div class="radio">
                                            <input type="radio" name="verification_status" id="accept_verification_status"
                                                value="1" >
                                            <label for="accept_verification_status">
                                                Verified
                                            </label>
                                        </div>
                                        <div class="radio">
                                            <input type="radio" name="verification_status" id="reject_verification_status"
                                                value="2" >
                                            <label for="reject_verification_status">
                                                Need to change
                                            </label>
                                        </div>
                                    </div>
                                @endif

                                <br><br>
                                @if (Auth::user()->role_id == 7)
                                    Remarks :
                                    <textarea class="form-control" type="text" id="verification_remarks" name="verification_remarks"></textarea>
                                @else
                                    Remarks :
                                    <b></b>
                                @endif
                                </p>
                            </div>
                        </div>
                        <span>Remarks:
                            <b></b>
                            </p></span>

                        @if ($dprReport->dprMomDocument && $dprReport->dprMomDocument->count())
                            <div class="details-box">
                                <h3>Minutes Of Meetings</h3>
                                <div class="pt-2">
                                    <div class="row">
                                        @foreach ($dprReport->dprMomDocument as $key => $document)
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-6 text-left"><label>
                                                            <a href="/storage/{{ $document->file_path }}"
                                                                class="document-link" target="_blank"><img
                                                                    src="/storage/{{ $document->file_path }}"
                                                                    style="width: 15%;height:auto;"></a>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="form-group">
                            @if (!in_array($dprReport->doc_status, [31, 30]))
                                @if (Auth::user()->role_id == 7 && $dprReport->doc_status != 5)
                                    <button type="submit" class="btn btn-primary btn-round btn-sm">Save Details</button>
                                @endif
                            @endif
                            <div>
                                <a href="/admin/user-dpr-report"><button type="button"
                                        class="btn btn-primary btn-sm btn-round" style="float: right;">Back</button></a>
                            </div>
                        </div>
                        @if (!in_array($dprReport->doc_status, [31, 30]))
                            @if (Auth::user()->role_id == 7 && $dprReport->doc_status != 30)
                                @if ($dprReport->adminDprApproval && $dprReport->adminDprApproval->approved)
                                    <a data-toggle="modal" data-target="#updateStatus" data-id="{{ $dprReport->id }}"
                                        data-status="5" class="updateStatus"><button
                                            class="btn btn-primary btn-round btn-sm">Forward to EAC</button></a>
                                @endif
                                <!-- <a data-toggle="modal" data-target="#updateStatus" data-id="{{ $dprReport->id }}"
                                    data-status="4" class="updateStatus"><button
                                        class="btn btn-danger btn-round btn-sm">Revert To Applicant</button></a> -->
                                <button type="submit" class="btn btn-danger btn-round btn-sm" onClick="submitDfoForm()">Revert To Applicant</button>
                                <a data-toggle="modal" data-target="#updateStatus" data-id="{{ $dprReport->id }}"
                                    data-status="6" class="updateStatus"><button
                                        class="btn btn-danger btn-round btn-sm">Reject Application</button></a>
                            @endif
                            @if (Auth::user()->role_id == 9)
                                <a data-toggle="modal" data-target="#updateStatus" data-id="{{ $dprReport->id }}"
                                    data-status="30" class="updateStatus"><button
                                        class="btn btn-primary btn-round btn-sm">Approve</button></a>
                                <a data-toggle="modal" data-target="#updateStatus" data-id="{{ $dprReport->id }}"
                                    data-status="29" class="updateStatus"><button
                                        class="btn btn-danger btn-round btn-sm">Revert To Applicant</button></a>
                                <a data-toggle="modal" data-target="#updateStatus" data-id="{{ $dprReport->id }}"
                                    data-status="31" class="updateStatus"><button
                                        class="btn btn-danger btn-round btn-sm">Reject Application</button></a>
                            @endif
                        @endif
                    </form>
                </div>

            </div>
        </div>
    </section>


    <div class="modal fade" id="updateStatus" tabindex="-1" role="dialog" aria-labelledby="updateStatusLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content ">
                <div class="modal-header">
                    <h5 class="modal-title" id="updateStatusLabel">Verified Application</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="updateStatusForm" action="/admin/user-dpr-report/action" method="post"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" id="id" name="id" value="">
                        <input type="hidden" id="status" name="status" value="">
                        <p>Remarks</p>
                        <div>
                            <textarea class="form-control" type="text" id="remarks" name="remarks"></textarea>
                        </div>
                    </div>
                    @if (Auth::user()->role_id == 9)
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="input-8">Minutes of Meeting</label>
                                <input type="file" name="mom"
                                    class="form-control mom form-control-rounded @error('mom') is-invalid @enderror">
                            </div>
                        </div>
                    @endif
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @yield('script')
    <script type="text/javascript">
        $(document).on('click', '.updateStatus', function() {
            let id = $(this).attr('data-id');
            let status = $(this).attr('data-status');
            $('#id').val(id);
            $('#status').val(status);
        });
    </script>
    <script type="text/javascript">
     function submitDfoForm(){
         document.getElementById("status_id").value = "4";
         document.getElementById("myForm").submit();
     }
 </script>
@endsection