@extends('layout.layout')
@section('title')
Adjustment
@endsection
@section('backurl')
/adjustment
@endsection
@section('content')
<style>
        .readonly-field{
        background-color: #eff2f5 !important;
        opacity: 1;
        cursor: not-allowed;
    }
</style>
{{-- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> --}}
<form id="collectSample_create_form" class="form" method="POST" action="{{ route('adjustment.update',$payment->id) }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')
    <div class="card col-lg-12 mb-5">
    <!--begin::Card body-->
    <div id="kt_customer_view_payment_method" class="pt-0">
        <div id="kt_customer_view_payment_method_1" class="collapse show px-10" data-bs-parent="#kt_customer_view_payment_method">
            <!--begin::Details-->
            <div class="d-flex flex-wrap px-5 py-10 row">

            <div class="col-md-3 mb-2">
                <label class="fs-5 mb-2 text-muted">ERX ID</label>
                <p class="fs-4 fw-bold">{{$user->erxId}}</p>
            </div>
            <div class="col-md-3 mb-2">
                <label class="fs-5 mb-2 text-muted">Subject ID</label>
                <p class="fs-4 fw-bold">{{$payment->subjectId}}</p>
            </div>
            <div class="col-md-3 mb-2">
                <label class="fs-5 mb-2 text-muted">{{$data['type']}}</label>
                <p class="fs-4 fw-bold">{{$data['name']}}</p>
            </div>
            <div class="col-md-3 mb-2">
                <label class="fs-5 mb-2 text-muted">Collection/Visit Date</label>
                <p class="fs-4 fw-bold">{{isset($visit->scheuleDate)?convert_mm_dd_yyyy($visit->scheuleDate):"N/A"}}</p>
            </div>
            </div>
            <!--end::Details-->
        </div>
    </div>
    <!--end::Card body-->
</div>
<div class="card card-custom mt-5">
    <div class="card-body">
        <!--begin: Datatable-->
        <table class="table align-middle table-row-bordered fs-7 dataTable no-footer base-datatable">
            <thead>
                <tr>
                    <th>Event</th>
                    <th>Adjustment Date</th>
                    <th>Adjustment By</th>
                    <th>Compensation</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($prePayments as $prePayment)
                    <tr>
                        @php
                            if ($prePayment->type == 'SampleCharges') {
                                $check = App\Models\CollectSample::find($prePayment->typeId);
                            }else {
                                $check = App\Models\AncillaryCharge::find($prePayment->typeId);
                            }
                        @endphp
                        @php
                            if ($prePayment->isPrimary == 1) {
                                $event = 'Primary';
                            }else{
                                if ($prePayment->amount == 0) {
                                    $event = 'Decrease';
                                }else {
                                    $event = 'Increase';
                                }
                            }
                        @endphp
                        <td>{{$event}}</td>
                        <td>{{convert_mm_dd_yyyy($prePayment->created_at)}}</td>
                        <td>{{$prePayment->createdBy}}</td>
                        <td>{{$prePayment->amount}}</td>
                        <td>
                            <span class="bg-success m-1 px-3 py-1 rounded-2 text-white">{{$prePayment->status}}</span>
                        </td>
                        <td>
                            @php
                            $comment = App\Models\Comment::where('model','App\Models\Payment')->where('modelID',$prePayment->id)->where('name','=','adjustment')->first();
                        @endphp
                        @if (isset($comment))
                            <a onclick="openModal({{$prePayment->id}})" class="btn btn-light btn-sm px-2" >
                                <i class="fa fa-eye fs-8 pe-0 me-2"></i>Justification</a>

                            <!-- Modal -->
                            <div class="modal fade" id="exampleModal_{{$prePayment->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Justification</h5>
                                    <button type="button" class="btn close fs-1 p-0 rounded-0" onclick="closemodaljust({{$prePayment->id}})">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    </div>
                                    <div class="modal-body">

                                        <p>{{$comment->comment}}</p>

                                    </div>
                                    <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" onclick="closemodaljust({{$prePayment->id}})">Close</button>
                                    </div>
                                </div>
                                </div>
                            </div>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <!--end: Datatable-->
    </div>
</div>
<div class="card col-lg-12 mb-5 mt-5">
    <!--begin::Card body-->
    <div id="kt_customer_view_payment_method" class="pt-0">
        <div id="kt_customer_view_payment_method_1" class="collapse show px-10" data-bs-parent="#kt_customer_view_payment_method">
            <!--begin::Details-->
            <div class="d-flex flex-wrap px-5 py-10 row">
<div class="card col-lg-12 mb-5">

<div class="card-body">
<div class="d-flex flex-wrap">


<div class="budget-select channel-select me-10">
                            <input type="radio" name="adjustmentType" class="position-absolute budget" id="increase" value="increase" onchange="addAjustment()">
                            <label for="increase" class="cursor-pointer flex flex-wrap pe-15 px-5 py-5 rounded-2 transitions-2">
                            <i class="fa fa-2x fa-arrow-up me-4"></i>
                            <span class="fs-3 position-relative" style="bottom: 3px;">Increase Compensation</span>
                            <span class="circle"></span>
                            </label>
                        </div>

                        <div class="budget-select channel-select me-10">
                            <input type="radio" name="adjustmentType" class="position-absolute budget" id="decrease" value="decrease" onchange="addAjustment()">
                            <label for="decrease" class="cursor-pointer flex flex-wrap pe-15 px-5 py-5 rounded-2 transitions-2">
                            <i class="fa fa-2x fa-arrow-down me-4"></i>
                            <span class="fs-3 position-relative" style="bottom: 3px;">Decrease Compensation</span>
                            <span class="circle"></span>
                            </label>
                        </div>


            </div>
</div>





</div>

<div id="mainCard" class="card {{ !is_null(old('type')) ? 'd-flex' : 'd-none' }}">
    <!--begin::Content-->
    <div id="kt_account_profile_details" class="collapse show">
        <!--begin::Form-->
        <input type="hidden" id="sampleType" name="CompensationType" value="{{$data['name']}}">
        <input type="hidden" name="type" value="{{$data['type']}}">
            <div class="card-body border-top p-9">
                @if ($data['type'] == 'SAMPLE TYPE')
                <div class="row mb-6">
                    <div class="form-group">
                        <div data-repeater-list="kt_docs_repeater_basic" id="repeater">
                            <div data-repeater-item class="form-group row">
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Sample Type:</label>
                                    <input type="text" value="{{$data['name']}}" disabled class="form-control mb-2 mb-md-0" />
                                    <input type="hidden" value="{{$data['name']}}" name="sampleType"/>
                                </div>
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Volume:</label>
                                    <input type="number" value="{{$data['quantity']}}" disabled class="form-control mb-2 mb-md-0" />
                                    <input type="hidden" value="{{$data['quantity']}}" name="SPreQuantity"/>
                                </div>
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Adjustment Volume:</label>
                                    <input type="text" id="quantity" name="SNewQuantity" value="{{ old('SNewQuantity') }}" class="form-control mb-2 mb-md-0" onkeyup="myFunction()"/>
                                    <p class="text-danger">{{ $errors->first('SNewQuantity') }}</p>
                                </div>
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Compensation $:</label>
                                    <input type="text" value="{{$data['rate']}}" disabled class="form-control mb-2 mb-md-0" />
                                    <input type="hidden" value="{{$data['rate']}}" name="SPreRate"/>
                                </div>
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Adjust Compensation $:</label>
                                    <input type="text" id="adjustedCompensation" disabled value="{{ old('SNewRate') }}" class="form-control mb-2 mb-md-0" />
                                    <input type="hidden" id="adjustedCompensation_hidden" name="SNewRate" value="{{ old('SNewRate') }}" class="form-control mb-2 mb-md-0" />
                                </div>
                                <div class="col-md-12">
                                    <label class="form-label mb-2">Justification <span class="text-danger">*</span> </label>
                                    <textarea maxlength="500" onkeyup="countChar(this)" name="justification" id="justification" class="border-2 comment form-control mb-2 mb-md-0 min-h-125px" placeholder="Max 500 characters allowed" >{{ old('justification') }}</textarea>
                                    <span class="d-block fs-7 mb-2 mt-2 text-muted"><span id="word_count" class="text-success word-count"> {{ Str::length(old('justification')) ?? '0'  }} </span> characters reached</span>
                                    <p class="text-danger">{{ $errors->first('justification') }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @else
                <div class="row mb-6">
                    <div class="form-group">
                        <div data-repeater-list="kt_docs_repeater_basic" id="repeater">
                            <div data-repeater-item class="form-group row">
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Sample Type:</label>
                                    <input type="text" value="{{$data['name']}}" disabled class="form-control mb-2 mb-md-0" />
                                    <input type="hidden" value="{{$data['name']}}" name="AncillaryType"/>
                                </div>
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Compensation $:</label>
                                    <input type="text" value="{{$data['rate']}}" disabled class="form-control mb-2 mb-md-0" />
                                    <input type="hidden" value="{{$data['rate']}}" name="AnPreRate"/>
                                </div>
                                <div class="col-md-4 mb-4">
                                    <label class="form-label">Adjust Compensation $:</label>
                                    <input type="number" id="NewRateAn" value="{{ old('AnNewRate') }}" name="AnNewRate" class="form-control mb-2 mb-md-0" />
                                    <p class="text-danger">{{ $errors->first('AnNewRate') }}</p>
                                </div>
                                <div class="col-md-12">
                                    <label class="form-label mb-2">Justification <span class="text-danger">*</span> </label>
                                    <textarea maxlength="500" onkeyup="countChar(this)" name="justification" id="justification" class="border-2 comment form-control mb-2 mb-md-0 min-h-125px" placeholder="Max 500 characters allowed" >{{ old('justification') }}</textarea>
                                    <span class="d-block fs-7 mb-2 mt-2 text-muted"><span id="word_count" class="text-success word-count"> {{ Str::length(old('justification')) ?? '0'  }} </span> characters reached</span>
                                    <p class="text-danger">{{ $errors->first('justification') }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                <script type="text/javascript">

$(document).ready(function(){
        $(".loader-fade").fadeOut();
        var error_array = @json($errors->getMessages());
        if(Object.keys(error_array).length){
            Swal.fire({
                text: "Requied fields are missing",
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                allowOutsideClick: false,
                customClass: {
                    confirmButton: "btn btn-primary"
                }
            }).then((result) => {  
                if (result.isConfirmed) {    
                    var error_field = '{{ array_key_first($errors->getMessages()) }}'
                    if(error_field != ""){
                        if(error_field == 'compensationType'){
                            error_field = 'payment';
                        }
                        $('html, body').animate({
                            scrollTop: $("#"+error_field).offset().top - 120
                        }, 1000);
                    }
                }
            });
        }
    });

function countChar(text) {
        $('#word_count').html(text.value.length);
    }

                    var canFetchSalabs = 1;
                    function myFunction() {
                        if (canFetchSalabs == 1) {
                            var id = document.getElementById('sampleType').value;
                            var myData = document.getElementById('quantity').value;
                            axios.get('{!! route('getTrails.all') !!}')
                                .then(function(response) {
                                    var price = response.data.filter(data => data.name == id);
                                    var totalPrice = 0;
                                    for (let i = 0; i < price[0].sample_types_min_max_rates.length; i++) {
                                        if (parseInt(price[0].sample_types_min_max_rates[i].minimum) <= myData) {
                                            if (myData <= parseInt(price[0].sample_types_min_max_rates[i].maximum)) {
                                                totalPrice = price[0].sample_types_min_max_rates[i].payment_rate;
                                            }
                                        }
                                    }
                                    document.getElementById('adjustedCompensation').value = '';
                                    document.getElementById('adjustedCompensation').value = totalPrice;
                                    document.getElementById('adjustedCompensation_hidden').value = '';
                                    document.getElementById('adjustedCompensation_hidden').value = totalPrice;
                                })
                                .catch(function(error) {
                                });
                        }
                    }
                    function addAjustment(){
                        var isDesc = $('#decrease').is(":checked");
                        var isInc = $('#increase').is(":checked");
                        if(isDesc == true || isInc == true){
                            $('#mainCard').removeClass("d-none");
                        }else{
                            $('#mainCard').addClass("d-none");
                        }
                        if (isDesc == true) {
                            canFetchSalabs = 0;
                            $('#adjustedCompensation').val(0);
                            $('#adjustedCompensation_hidden').val(0);
                            $('#NewRateAn').val(0);
                            $('#NewRateAn').addClass("readonly-field");
                            $('#NewRateAn').prop('readonly', true);

                        }else{
                            canFetchSalabs = 1;
                            $('#adjustedCompensation').val('');
                            $('#adjustedCompensation_hidden').val('');
                            $('#NewRateAn').val('');
                            $('#NewRateAn').removeClass("readonly-field");
                            $('#NewRateAn').prop('readonly', false);
                        }

                    }
                </script>
            </div>

            <!--end::Card body-->

            <!--begin::Actions-->
            <div class="card-footer d-flex justify-content-end py-6 px-9">
                <button onclick="submit_form(this)" class="btn btn-primary">Save
                </button>
            </div>
            <!--end::Actions-->
            <!--end::Form-->
        </div>
        <!--end::Content-->

    </div>
</form>
<script>
    function openModal(id){
        $('#exampleModal_'+id).modal('show');
    }

    function closemodaljust(id){
        $("#exampleModal_"+id).modal("hide")
    }
    function submit_form(e){
        $(e).prop("disabled", 'true');
        $('#collectSample_create_form').submit();
    }
</script>

@endsection